Gitiles
Code Review Sign In
gerrit.avm99963.com / hores-external / be50d49a1de3579494650ceb3cad0f04719b087f / . / node_modules / material-design-lite / material.css
blob: 6c7206e0dc7250c5f0d8326473d25aede1842428 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +0100[diff] [blame^]1/**
2 * material-design-lite - Material Design Components in CSS, JS and HTML
3 * @version v1.3.0
4 * @license Apache-2.0
5 * @copyright 2015 Google, Inc.
6 * @link https://github.com/google/material-design-lite
7 */
8@charset "UTF-8";
9/**
10 * Copyright 2015 Google Inc. All Rights Reserved.
11 *
12 * Licensed under the Apache License, Version 2.0 (the "License");
13 * you may not use this file except in compliance with the License.
14 * You may obtain a copy of the License at
15 *
16 * http://www.apache.org/licenses/LICENSE-2.0
17 *
18 * Unless required by applicable law or agreed to in writing, software
19 * distributed under the License is distributed on an "AS IS" BASIS,
20 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
21 * See the License for the specific language governing permissions and
22 * limitations under the License.
23 */
24/* Material Design Lite */
25/**
26 * Copyright 2015 Google Inc. All Rights Reserved.
27 *
28 * Licensed under the Apache License, Version 2.0 (the "License");
29 * you may not use this file except in compliance with the License.
30 * You may obtain a copy of the License at
31 *
32 * http://www.apache.org/licenses/LICENSE-2.0
33 *
34 * Unless required by applicable law or agreed to in writing, software
35 * distributed under the License is distributed on an "AS IS" BASIS,
36 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
37 * See the License for the specific language governing permissions and
38 * limitations under the License.
39 */
40/*------------------------------------* $CONTENTS
41\*------------------------------------*/
42/**
43 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
44 * -----Typography
45 * -----Colors
46 * -----Textfield
47 * -----Switch
48 * -----Spinner
49 * -----Radio
50 * -----Menu
51 * -----List
52 * -----Layout
53 * -----Icon toggles
54 * -----Footer
55 * -----Column
56 * -----Checkbox
57 * -----Card
58 * -----Button
59 * -----Animation
60 * -----Progress
61 * -----Badge
62 * -----Shadows
63 * -----Grid
64 * -----Data table
65 * -----Dialog
66 * -----Snackbar
67 * -----Tooltip
68 * -----Chip
69 *
70 * Even though all variables have the `!default` directive, most of them
71 * should not be changed as they are dependent one another. This can cause
72 * visual distortions (like alignment issues) that are hard to track down
73 * and fix.
74 */
75/* ========== TYPOGRAPHY ========== */
76/* We're splitting fonts into "preferred" and "performance" in order to optimize
77 page loading. For important text, such as the body, we want it to load
78 immediately and not wait for the web font load, whereas for other sections,
79 such as headers and titles, we're OK with things taking a bit longer to load.
80 We do have some optional classes and parameters in the mixins, in case you
81 definitely want to make sure you're using the preferred font and don't mind
82 the performance hit.
83 We should be able to improve on this once CSS Font Loading L3 becomes more
84 widely available.
85*/
86/* ========== COLORS ========== */
87/**
88*
89* Material design color palettes.
90* @see http://www.google.com/design/spec/style/color.html
91*
92**/
93/**
94 * Copyright 2015 Google Inc. All Rights Reserved.
95 *
96 * Licensed under the Apache License, Version 2.0 (the "License");
97 * you may not use this file except in compliance with the License.
98 * You may obtain a copy of the License at
99 *
100 * http://www.apache.org/licenses/LICENSE-2.0
101 *
102 * Unless required by applicable law or agreed to in writing, software
103 * distributed under the License is distributed on an "AS IS" BASIS,
104 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
105 * See the License for the specific language governing permissions and
106 * limitations under the License.
107 */
108/* ========== Color Palettes ========== */
109/* colors.scss */
110/**
111 * Copyright 2015 Google Inc. All Rights Reserved.
112 *
113 * Licensed under the Apache License, Version 2.0 (the "License");
114 * you may not use this file except in compliance with the License.
115 * You may obtain a copy of the License at
116 *
117 * http://www.apache.org/licenses/LICENSE-2.0
118 *
119 * Unless required by applicable law or agreed to in writing, software
120 * distributed under the License is distributed on an "AS IS" BASIS,
121 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
122 * See the License for the specific language governing permissions and
123 * limitations under the License.
124 */
125/* ========== IMAGES ========== */
126/* ========== Color & Themes ========== */
127/* ========== Typography ========== */
128/* ========== Components ========== */
129/* ========== Standard Buttons ========== */
130/* ========== Icon Toggles ========== */
131/* ========== Radio Buttons ========== */
132/* ========== Ripple effect ========== */
133/* ========== Layout ========== */
134/* ========== Content Tabs ========== */
135/* ========== Checkboxes ========== */
136/* ========== Switches ========== */
137/* ========== Spinner ========== */
138/* ========== Text fields ========== */
139/* ========== Card ========== */
140/* ========== Sliders ========== */
141/* ========== Progress ========== */
142/* ========== List ========== */
143/* ========== Item ========== */
144/* ========== Dropdown menu ========== */
145/* ========== Tooltips ========== */
146/* ========== Footer ========== */
147/* TEXTFIELD */
148/* SWITCH */
149/* SPINNER */
150/* RADIO */
151/* MENU */
152/* LIST */
153/* LAYOUT */
154/* ICON TOGGLE */
155/* FOOTER */
156/*mega-footer*/
157/*mini-footer*/
158/* CHECKBOX */
159/* CARD */
160/* Card dimensions */
161/* Cover image */
162/* BUTTON */
163/**
164 *
165 * Dimensions
166 *
167 */
168/* ANIMATION */
169/* PROGRESS */
170/* BADGE */
171/* SHADOWS */
172/* GRID */
173/* DATA TABLE */
174/* DIALOG */
175/* SNACKBAR */
176/* TOOLTIP */
177/* CHIP */
178/**
179 * Copyright 2015 Google Inc. All Rights Reserved.
180 *
181 * Licensed under the Apache License, Version 2.0 (the "License");
182 * you may not use this file except in compliance with the License.
183 * You may obtain a copy of the License at
184 *
185 * http://www.apache.org/licenses/LICENSE-2.0
186 *
187 * Unless required by applicable law or agreed to in writing, software
188 * distributed under the License is distributed on an "AS IS" BASIS,
189 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
190 * See the License for the specific language governing permissions and
191 * limitations under the License.
192 */
193/* Typography */
194/* Shadows */
195/* Animations */
196/* Dialog */
197/**
198 * Copyright 2015 Google Inc. All Rights Reserved.
199 *
200 * Licensed under the Apache License, Version 2.0 (the "License");
201 * you may not use this file except in compliance with the License.
202 * You may obtain a copy of the License at
203 *
204 * http://www.apache.org/licenses/LICENSE-2.0
205 *
206 * Unless required by applicable law or agreed to in writing, software
207 * distributed under the License is distributed on an "AS IS" BASIS,
208 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
209 * See the License for the specific language governing permissions and
210 * limitations under the License.
211 */
212/**
213 * Copyright 2015 Google Inc. All Rights Reserved.
214 *
215 * Licensed under the Apache License, Version 2.0 (the "License");
216 * you may not use this file except in compliance with the License.
217 * You may obtain a copy of the License at
218 *
219 * http://www.apache.org/licenses/LICENSE-2.0
220 *
221 * Unless required by applicable law or agreed to in writing, software
222 * distributed under the License is distributed on an "AS IS" BASIS,
223 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
224 * See the License for the specific language governing permissions and
225 * limitations under the License.
226 */
227/**
228 * Copyright 2015 Google Inc. All Rights Reserved.
229 *
230 * Licensed under the Apache License, Version 2.0 (the "License");
231 * you may not use this file except in compliance with the License.
232 * You may obtain a copy of the License at
233 *
234 * http://www.apache.org/licenses/LICENSE-2.0
235 *
236 * Unless required by applicable law or agreed to in writing, software
237 * distributed under the License is distributed on an "AS IS" BASIS,
238 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
239 * See the License for the specific language governing permissions and
240 * limitations under the License.
241 */
242/*------------------------------------* $CONTENTS
243\*------------------------------------*/
244/**
245 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
246 * -----Typography
247 * -----Colors
248 * -----Textfield
249 * -----Switch
250 * -----Spinner
251 * -----Radio
252 * -----Menu
253 * -----List
254 * -----Layout
255 * -----Icon toggles
256 * -----Footer
257 * -----Column
258 * -----Checkbox
259 * -----Card
260 * -----Button
261 * -----Animation
262 * -----Progress
263 * -----Badge
264 * -----Shadows
265 * -----Grid
266 * -----Data table
267 * -----Dialog
268 * -----Snackbar
269 * -----Tooltip
270 * -----Chip
271 *
272 * Even though all variables have the `!default` directive, most of them
273 * should not be changed as they are dependent one another. This can cause
274 * visual distortions (like alignment issues) that are hard to track down
275 * and fix.
276 */
277/* ========== TYPOGRAPHY ========== */
278/* We're splitting fonts into "preferred" and "performance" in order to optimize
279 page loading. For important text, such as the body, we want it to load
280 immediately and not wait for the web font load, whereas for other sections,
281 such as headers and titles, we're OK with things taking a bit longer to load.
282 We do have some optional classes and parameters in the mixins, in case you
283 definitely want to make sure you're using the preferred font and don't mind
284 the performance hit.
285 We should be able to improve on this once CSS Font Loading L3 becomes more
286 widely available.
287*/
288/* ========== COLORS ========== */
289/**
290*
291* Material design color palettes.
292* @see http://www.google.com/design/spec/style/color.html
293*
294**/
295/**
296 * Copyright 2015 Google Inc. All Rights Reserved.
297 *
298 * Licensed under the Apache License, Version 2.0 (the "License");
299 * you may not use this file except in compliance with the License.
300 * You may obtain a copy of the License at
301 *
302 * http://www.apache.org/licenses/LICENSE-2.0
303 *
304 * Unless required by applicable law or agreed to in writing, software
305 * distributed under the License is distributed on an "AS IS" BASIS,
306 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
307 * See the License for the specific language governing permissions and
308 * limitations under the License.
309 */
310/* ========== Color Palettes ========== */
311/* colors.scss */
312/**
313 * Copyright 2015 Google Inc. All Rights Reserved.
314 *
315 * Licensed under the Apache License, Version 2.0 (the "License");
316 * you may not use this file except in compliance with the License.
317 * You may obtain a copy of the License at
318 *
319 * http://www.apache.org/licenses/LICENSE-2.0
320 *
321 * Unless required by applicable law or agreed to in writing, software
322 * distributed under the License is distributed on an "AS IS" BASIS,
323 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
324 * See the License for the specific language governing permissions and
325 * limitations under the License.
326 */
327/* ========== IMAGES ========== */
328/* ========== Color & Themes ========== */
329/* ========== Typography ========== */
330/* ========== Components ========== */
331/* ========== Standard Buttons ========== */
332/* ========== Icon Toggles ========== */
333/* ========== Radio Buttons ========== */
334/* ========== Ripple effect ========== */
335/* ========== Layout ========== */
336/* ========== Content Tabs ========== */
337/* ========== Checkboxes ========== */
338/* ========== Switches ========== */
339/* ========== Spinner ========== */
340/* ========== Text fields ========== */
341/* ========== Card ========== */
342/* ========== Sliders ========== */
343/* ========== Progress ========== */
344/* ========== List ========== */
345/* ========== Item ========== */
346/* ========== Dropdown menu ========== */
347/* ========== Tooltips ========== */
348/* ========== Footer ========== */
349/* TEXTFIELD */
350/* SWITCH */
351/* SPINNER */
352/* RADIO */
353/* MENU */
354/* LIST */
355/* LAYOUT */
356/* ICON TOGGLE */
357/* FOOTER */
358/*mega-footer*/
359/*mini-footer*/
360/* CHECKBOX */
361/* CARD */
362/* Card dimensions */
363/* Cover image */
364/* BUTTON */
365/**
366 *
367 * Dimensions
368 *
369 */
370/* ANIMATION */
371/* PROGRESS */
372/* BADGE */
373/* SHADOWS */
374/* GRID */
375/* DATA TABLE */
376/* DIALOG */
377/* SNACKBAR */
378/* TOOLTIP */
379/* CHIP */
380/*
381 * What follows is the result of much research on cross-browser styling.
382 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
383 * Kroc Camen, and the H5BP dev community and team.
384 */
385/* ==========================================================================
386 Base styles: opinionated defaults
387 ========================================================================== */
388html {
389 color: rgba(0,0,0, 0.87);
390 font-size: 1em;
391 line-height: 1.4; }
392
393/*
394 * Remove text-shadow in selection highlight:
395 * https://twitter.com/miketaylr/status/12228805301
396 *
397 * These selection rule sets have to be separate.
398 * Customize the background color to match your design.
399 */
400::-moz-selection {
401 background: #b3d4fc;
402 text-shadow: none; }
403::selection {
404 background: #b3d4fc;
405 text-shadow: none; }
406
407/*
408 * A better looking default horizontal rule
409 */
410hr {
411 display: block;
412 height: 1px;
413 border: 0;
414 border-top: 1px solid #ccc;
415 margin: 1em 0;
416 padding: 0; }
417
418/*
419 * Remove the gap between audio, canvas, iframes,
420 * images, videos and the bottom of their containers:
421 * https://github.com/h5bp/html5-boilerplate/issues/440
422 */
423audio,
424canvas,
425iframe,
426img,
427svg,
428video {
429 vertical-align: middle; }
430
431/*
432 * Remove default fieldset styles.
433 */
434fieldset {
435 border: 0;
436 margin: 0;
437 padding: 0; }
438
439/*
440 * Allow only vertical resizing of textareas.
441 */
442textarea {
443 resize: vertical; }
444
445/* ==========================================================================
446 Browser Upgrade Prompt
447 ========================================================================== */
448.browserupgrade {
449 margin: 0.2em 0;
450 background: #ccc;
451 color: #000;
452 padding: 0.2em 0; }
453
454/* ==========================================================================
455 Author's custom styles
456 ========================================================================== */
457/* ==========================================================================
458 Helper classes
459 ========================================================================== */
460/*
461 * Hide visually and from screen readers:
462 */
463.hidden {
464 display: none !important; }
465
466/*
467 * Hide only visually, but have it available for screen readers:
468 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
469 */
470.visuallyhidden {
471 border: 0;
472 clip: rect(0 0 0 0);
473 height: 1px;
474 margin: -1px;
475 overflow: hidden;
476 padding: 0;
477 position: absolute;
478 width: 1px; }
479
480/*
481 * Extends the .visuallyhidden class to allow the element
482 * to be focusable when navigated to via the keyboard:
483 * https://www.drupal.org/node/897638
484 */
485.visuallyhidden.focusable:active,
486.visuallyhidden.focusable:focus {
487 clip: auto;
488 height: auto;
489 margin: 0;
490 overflow: visible;
491 position: static;
492 width: auto; }
493
494/*
495 * Hide visually and from screen readers, but maintain layout
496 */
497.invisible {
498 visibility: hidden; }
499
500/*
501 * Clearfix: contain floats
502 *
503 * For modern browsers
504 * 1. The space content is one way to avoid an Opera bug when the
505 * `contenteditable` attribute is included anywhere else in the document.
506 * Otherwise it causes space to appear at the top and bottom of elements
507 * that receive the `clearfix` class.
508 * 2. The use of `table` rather than `block` is only necessary if using
509 * `:before` to contain the top-margins of child elements.
510 */
511.clearfix:before,
512.clearfix:after {
513 content: " ";
514 /* 1 */
515 display: table;
516 /* 2 */ }
517
518.clearfix:after {
519 clear: both; }
520
521/* ==========================================================================
522 EXAMPLE Media Queries for Responsive Design.
523 These examples override the primary ('mobile first') styles.
524 Modify as content requires.
525 ========================================================================== */
526@media only screen and (min-width: 35em) {
527 /* Style adjustments for viewports that meet the condition */ }
528
529@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
530 /* Style adjustments for high resolution devices */ }
531
532/* ==========================================================================
533 Print styles.
534 Inlined to avoid the additional HTTP request:
535 http://www.phpied.com/delay-loading-your-print-css/
536 ========================================================================== */
537@media print {
538 *,
539 *:before,
540 *:after,
541 *:first-letter {
542 background: transparent !important;
543 color: #000 !important;
544 /* Black prints faster: http://www.sanbeiji.com/archives/953 */
545 box-shadow: none !important; }
546 a,
547 a:visited {
548 text-decoration: underline; }
549 a[href]:after {
550 content: " (" attr(href) ")"; }
551 abbr[title]:after {
552 content: " (" attr(title) ")"; }
553 /*
554 * Don't show links that are fragment identifiers,
555 * or use the `javascript:` pseudo protocol
556 */
557 a[href^="#"]:after,
558 a[href^="javascript:"]:after {
559 content: ""; }
560 pre,
561 blockquote {
562 border: 1px solid #999;
563 page-break-inside: avoid; }
564 /*
565 * Printing Tables:
566 * http://css-discuss.incutio.com/wiki/Printing_Tables
567 */
568 thead {
569 display: table-header-group; }
570 tr,
571 img {
572 page-break-inside: avoid; }
573 img {
574 max-width: 100% !important; }
575 p,
576 h2,
577 h3 {
578 orphans: 3;
579 widows: 3; }
580 h2,
581 h3 {
582 page-break-after: avoid; } }
583
584/**
585 * Copyright 2015 Google Inc. All Rights Reserved.
586 *
587 * Licensed under the Apache License, Version 2.0 (the "License");
588 * you may not use this file except in compliance with the License.
589 * You may obtain a copy of the License at
590 *
591 * http://www.apache.org/licenses/LICENSE-2.0
592 *
593 * Unless required by applicable law or agreed to in writing, software
594 * distributed under the License is distributed on an "AS IS" BASIS,
595 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
596 * See the License for the specific language governing permissions and
597 * limitations under the License.
598 */
599/* Remove the unwanted box around FAB buttons */
600/* More info: http://goo.gl/IPwKi */
601a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
602.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
603 -webkit-tap-highlight-color: transparent;
604 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
605
606/*
607 * Make html take up the entire screen
608 * Then set touch-action to avoid touch delay on mobile IE
609 */
610html {
611 width: 100%;
612 height: 100%;
613 -ms-touch-action: manipulation;
614 touch-action: manipulation; }
615
616/*
617* Make body take up the entire screen
618* Remove body margin so layout containers don't cause extra overflow.
619*/
620body {
621 width: 100%;
622 min-height: 100%;
623 margin: 0; }
624
625/*
626 * Main display reset for IE support.
627 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
628 */
629main {
630 display: block; }
631
632/*
633* Apply no display to elements with the hidden attribute.
634* IE 9 and 10 support.
635*/
636*[hidden] {
637 display: none !important; }
638
639/**
640 * Copyright 2015 Google Inc. All Rights Reserved.
641 *
642 * Licensed under the Apache License, Version 2.0 (the "License");
643 * you may not use this file except in compliance with the License.
644 * You may obtain a copy of the License at
645 *
646 * http://www.apache.org/licenses/LICENSE-2.0
647 *
648 * Unless required by applicable law or agreed to in writing, software
649 * distributed under the License is distributed on an "AS IS" BASIS,
650 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
651 * See the License for the specific language governing permissions and
652 * limitations under the License.
653 */
654/**
655 * Copyright 2015 Google Inc. All Rights Reserved.
656 *
657 * Licensed under the Apache License, Version 2.0 (the "License");
658 * you may not use this file except in compliance with the License.
659 * You may obtain a copy of the License at
660 *
661 * http://www.apache.org/licenses/LICENSE-2.0
662 *
663 * Unless required by applicable law or agreed to in writing, software
664 * distributed under the License is distributed on an "AS IS" BASIS,
665 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
666 * See the License for the specific language governing permissions and
667 * limitations under the License.
668 */
669/*------------------------------------* $CONTENTS
670\*------------------------------------*/
671/**
672 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
673 * -----Typography
674 * -----Colors
675 * -----Textfield
676 * -----Switch
677 * -----Spinner
678 * -----Radio
679 * -----Menu
680 * -----List
681 * -----Layout
682 * -----Icon toggles
683 * -----Footer
684 * -----Column
685 * -----Checkbox
686 * -----Card
687 * -----Button
688 * -----Animation
689 * -----Progress
690 * -----Badge
691 * -----Shadows
692 * -----Grid
693 * -----Data table
694 * -----Dialog
695 * -----Snackbar
696 * -----Tooltip
697 * -----Chip
698 *
699 * Even though all variables have the `!default` directive, most of them
700 * should not be changed as they are dependent one another. This can cause
701 * visual distortions (like alignment issues) that are hard to track down
702 * and fix.
703 */
704/* ========== TYPOGRAPHY ========== */
705/* We're splitting fonts into "preferred" and "performance" in order to optimize
706 page loading. For important text, such as the body, we want it to load
707 immediately and not wait for the web font load, whereas for other sections,
708 such as headers and titles, we're OK with things taking a bit longer to load.
709 We do have some optional classes and parameters in the mixins, in case you
710 definitely want to make sure you're using the preferred font and don't mind
711 the performance hit.
712 We should be able to improve on this once CSS Font Loading L3 becomes more
713 widely available.
714*/
715/* ========== COLORS ========== */
716/**
717*
718* Material design color palettes.
719* @see http://www.google.com/design/spec/style/color.html
720*
721**/
722/**
723 * Copyright 2015 Google Inc. All Rights Reserved.
724 *
725 * Licensed under the Apache License, Version 2.0 (the "License");
726 * you may not use this file except in compliance with the License.
727 * You may obtain a copy of the License at
728 *
729 * http://www.apache.org/licenses/LICENSE-2.0
730 *
731 * Unless required by applicable law or agreed to in writing, software
732 * distributed under the License is distributed on an "AS IS" BASIS,
733 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
734 * See the License for the specific language governing permissions and
735 * limitations under the License.
736 */
737/* ========== Color Palettes ========== */
738/* colors.scss */
739/**
740 * Copyright 2015 Google Inc. All Rights Reserved.
741 *
742 * Licensed under the Apache License, Version 2.0 (the "License");
743 * you may not use this file except in compliance with the License.
744 * You may obtain a copy of the License at
745 *
746 * http://www.apache.org/licenses/LICENSE-2.0
747 *
748 * Unless required by applicable law or agreed to in writing, software
749 * distributed under the License is distributed on an "AS IS" BASIS,
750 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
751 * See the License for the specific language governing permissions and
752 * limitations under the License.
753 */
754/* ========== IMAGES ========== */
755/* ========== Color & Themes ========== */
756/* ========== Typography ========== */
757/* ========== Components ========== */
758/* ========== Standard Buttons ========== */
759/* ========== Icon Toggles ========== */
760/* ========== Radio Buttons ========== */
761/* ========== Ripple effect ========== */
762/* ========== Layout ========== */
763/* ========== Content Tabs ========== */
764/* ========== Checkboxes ========== */
765/* ========== Switches ========== */
766/* ========== Spinner ========== */
767/* ========== Text fields ========== */
768/* ========== Card ========== */
769/* ========== Sliders ========== */
770/* ========== Progress ========== */
771/* ========== List ========== */
772/* ========== Item ========== */
773/* ========== Dropdown menu ========== */
774/* ========== Tooltips ========== */
775/* ========== Footer ========== */
776/* TEXTFIELD */
777/* SWITCH */
778/* SPINNER */
779/* RADIO */
780/* MENU */
781/* LIST */
782/* LAYOUT */
783/* ICON TOGGLE */
784/* FOOTER */
785/*mega-footer*/
786/*mini-footer*/
787/* CHECKBOX */
788/* CARD */
789/* Card dimensions */
790/* Cover image */
791/* BUTTON */
792/**
793 *
794 * Dimensions
795 *
796 */
797/* ANIMATION */
798/* PROGRESS */
799/* BADGE */
800/* SHADOWS */
801/* GRID */
802/* DATA TABLE */
803/* DIALOG */
804/* SNACKBAR */
805/* TOOLTIP */
806/* CHIP */
807/**
808 * Copyright 2015 Google Inc. All Rights Reserved.
809 *
810 * Licensed under the Apache License, Version 2.0 (the "License");
811 * you may not use this file except in compliance with the License.
812 * You may obtain a copy of the License at
813 *
814 * http://www.apache.org/licenses/LICENSE-2.0
815 *
816 * Unless required by applicable law or agreed to in writing, software
817 * distributed under the License is distributed on an "AS IS" BASIS,
818 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
819 * See the License for the specific language governing permissions and
820 * limitations under the License.
821 */
822/* Typography */
823/* Shadows */
824/* Animations */
825/* Dialog */
826html, body {
827 font-family: "Helvetica", "Arial", sans-serif;
828 font-size: 14px;
829 font-weight: 400;
830 line-height: 20px; }
831
832h1, h2, h3, h4, h5, h6, p {
833 margin: 0;
834 padding: 0; }
835
836/**
837 * Styles for HTML elements
838 */
839h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
840 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
841 font-size: 56px;
842 font-weight: 400;
843 line-height: 1.35;
844 letter-spacing: -0.02em;
845 opacity: 0.54;
846 font-size: 0.6em; }
847
848h1 {
849 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
850 font-size: 56px;
851 font-weight: 400;
852 line-height: 1.35;
853 letter-spacing: -0.02em;
854 margin-top: 24px;
855 margin-bottom: 24px; }
856
857h2 {
858 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
859 font-size: 45px;
860 font-weight: 400;
861 line-height: 48px;
862 margin-top: 24px;
863 margin-bottom: 24px; }
864
865h3 {
866 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
867 font-size: 34px;
868 font-weight: 400;
869 line-height: 40px;
870 margin-top: 24px;
871 margin-bottom: 24px; }
872
873h4 {
874 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
875 font-size: 24px;
876 font-weight: 400;
877 line-height: 32px;
878 -moz-osx-font-smoothing: grayscale;
879 margin-top: 24px;
880 margin-bottom: 16px; }
881
882h5 {
883 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
884 font-size: 20px;
885 font-weight: 500;
886 line-height: 1;
887 letter-spacing: 0.02em;
888 margin-top: 24px;
889 margin-bottom: 16px; }
890
891h6 {
892 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
893 font-size: 16px;
894 font-weight: 400;
895 line-height: 24px;
896 letter-spacing: 0.04em;
897 margin-top: 24px;
898 margin-bottom: 16px; }
899
900p {
901 font-size: 14px;
902 font-weight: 400;
903 line-height: 24px;
904 letter-spacing: 0;
905 margin-bottom: 16px; }
906
907a {
908 color: rgb(255,64,129);
909 font-weight: 500; }
910
911blockquote {
912 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
913 position: relative;
914 font-size: 24px;
915 font-weight: 300;
916 font-style: italic;
917 line-height: 1.35;
918 letter-spacing: 0.08em; }
919 blockquote:before {
920 position: absolute;
921 left: -0.5em;
922 content: '“'; }
923 blockquote:after {
924 content: '”';
925 margin-left: -0.05em; }
926
927mark {
928 background-color: #f4ff81; }
929
930dt {
931 font-weight: 700; }
932
933address {
934 font-size: 12px;
935 font-weight: 400;
936 line-height: 1;
937 letter-spacing: 0;
938 font-style: normal; }
939
940ul, ol {
941 font-size: 14px;
942 font-weight: 400;
943 line-height: 24px;
944 letter-spacing: 0; }
945
946/**
947 * Class Name Styles
948 */
949.mdl-typography--display-4 {
950 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
951 font-size: 112px;
952 font-weight: 300;
953 line-height: 1;
954 letter-spacing: -0.04em; }
955
956.mdl-typography--display-4-color-contrast {
957 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
958 font-size: 112px;
959 font-weight: 300;
960 line-height: 1;
961 letter-spacing: -0.04em;
962 opacity: 0.54; }
963
964.mdl-typography--display-3 {
965 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
966 font-size: 56px;
967 font-weight: 400;
968 line-height: 1.35;
969 letter-spacing: -0.02em; }
970
971.mdl-typography--display-3-color-contrast {
972 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
973 font-size: 56px;
974 font-weight: 400;
975 line-height: 1.35;
976 letter-spacing: -0.02em;
977 opacity: 0.54; }
978
979.mdl-typography--display-2 {
980 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
981 font-size: 45px;
982 font-weight: 400;
983 line-height: 48px; }
984
985.mdl-typography--display-2-color-contrast {
986 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
987 font-size: 45px;
988 font-weight: 400;
989 line-height: 48px;
990 opacity: 0.54; }
991
992.mdl-typography--display-1 {
993 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
994 font-size: 34px;
995 font-weight: 400;
996 line-height: 40px; }
997
998.mdl-typography--display-1-color-contrast {
999 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1000 font-size: 34px;
1001 font-weight: 400;
1002 line-height: 40px;
1003 opacity: 0.54; }
1004
1005.mdl-typography--headline {
1006 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1007 font-size: 24px;
1008 font-weight: 400;
1009 line-height: 32px;
1010 -moz-osx-font-smoothing: grayscale; }
1011
1012.mdl-typography--headline-color-contrast {
1013 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1014 font-size: 24px;
1015 font-weight: 400;
1016 line-height: 32px;
1017 -moz-osx-font-smoothing: grayscale;
1018 opacity: 0.87; }
1019
1020.mdl-typography--title {
1021 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1022 font-size: 20px;
1023 font-weight: 500;
1024 line-height: 1;
1025 letter-spacing: 0.02em; }
1026
1027.mdl-typography--title-color-contrast {
1028 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1029 font-size: 20px;
1030 font-weight: 500;
1031 line-height: 1;
1032 letter-spacing: 0.02em;
1033 opacity: 0.87; }
1034
1035.mdl-typography--subhead {
1036 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1037 font-size: 16px;
1038 font-weight: 400;
1039 line-height: 24px;
1040 letter-spacing: 0.04em; }
1041
1042.mdl-typography--subhead-color-contrast {
1043 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1044 font-size: 16px;
1045 font-weight: 400;
1046 line-height: 24px;
1047 letter-spacing: 0.04em;
1048 opacity: 0.87; }
1049
1050.mdl-typography--body-2 {
1051 font-size: 14px;
1052 font-weight: bold;
1053 line-height: 24px;
1054 letter-spacing: 0; }
1055
1056.mdl-typography--body-2-color-contrast {
1057 font-size: 14px;
1058 font-weight: bold;
1059 line-height: 24px;
1060 letter-spacing: 0;
1061 opacity: 0.87; }
1062
1063.mdl-typography--body-1 {
1064 font-size: 14px;
1065 font-weight: 400;
1066 line-height: 24px;
1067 letter-spacing: 0; }
1068
1069.mdl-typography--body-1-color-contrast {
1070 font-size: 14px;
1071 font-weight: 400;
1072 line-height: 24px;
1073 letter-spacing: 0;
1074 opacity: 0.87; }
1075
1076.mdl-typography--body-2-force-preferred-font {
1077 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1078 font-size: 14px;
1079 font-weight: 500;
1080 line-height: 24px;
1081 letter-spacing: 0; }
1082
1083.mdl-typography--body-2-force-preferred-font-color-contrast {
1084 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1085 font-size: 14px;
1086 font-weight: 500;
1087 line-height: 24px;
1088 letter-spacing: 0;
1089 opacity: 0.87; }
1090
1091.mdl-typography--body-1-force-preferred-font {
1092 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1093 font-size: 14px;
1094 font-weight: 400;
1095 line-height: 24px;
1096 letter-spacing: 0; }
1097
1098.mdl-typography--body-1-force-preferred-font-color-contrast {
1099 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1100 font-size: 14px;
1101 font-weight: 400;
1102 line-height: 24px;
1103 letter-spacing: 0;
1104 opacity: 0.87; }
1105
1106.mdl-typography--caption {
1107 font-size: 12px;
1108 font-weight: 400;
1109 line-height: 1;
1110 letter-spacing: 0; }
1111
1112.mdl-typography--caption-force-preferred-font {
1113 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1114 font-size: 12px;
1115 font-weight: 400;
1116 line-height: 1;
1117 letter-spacing: 0; }
1118
1119.mdl-typography--caption-color-contrast {
1120 font-size: 12px;
1121 font-weight: 400;
1122 line-height: 1;
1123 letter-spacing: 0;
1124 opacity: 0.54; }
1125
1126.mdl-typography--caption-force-preferred-font-color-contrast {
1127 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1128 font-size: 12px;
1129 font-weight: 400;
1130 line-height: 1;
1131 letter-spacing: 0;
1132 opacity: 0.54; }
1133
1134.mdl-typography--menu {
1135 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1136 font-size: 14px;
1137 font-weight: 500;
1138 line-height: 1;
1139 letter-spacing: 0; }
1140
1141.mdl-typography--menu-color-contrast {
1142 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1143 font-size: 14px;
1144 font-weight: 500;
1145 line-height: 1;
1146 letter-spacing: 0;
1147 opacity: 0.87; }
1148
1149.mdl-typography--button {
1150 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1151 font-size: 14px;
1152 font-weight: 500;
1153 text-transform: uppercase;
1154 line-height: 1;
1155 letter-spacing: 0; }
1156
1157.mdl-typography--button-color-contrast {
1158 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1159 font-size: 14px;
1160 font-weight: 500;
1161 text-transform: uppercase;
1162 line-height: 1;
1163 letter-spacing: 0;
1164 opacity: 0.87; }
1165
1166.mdl-typography--text-left {
1167 text-align: left; }
1168
1169.mdl-typography--text-right {
1170 text-align: right; }
1171
1172.mdl-typography--text-center {
1173 text-align: center; }
1174
1175.mdl-typography--text-justify {
1176 text-align: justify; }
1177
1178.mdl-typography--text-nowrap {
1179 white-space: nowrap; }
1180
1181.mdl-typography--text-lowercase {
1182 text-transform: lowercase; }
1183
1184.mdl-typography--text-uppercase {
1185 text-transform: uppercase; }
1186
1187.mdl-typography--text-capitalize {
1188 text-transform: capitalize; }
1189
1190.mdl-typography--font-thin {
1191 font-weight: 200 !important; }
1192
1193.mdl-typography--font-light {
1194 font-weight: 300 !important; }
1195
1196.mdl-typography--font-regular {
1197 font-weight: 400 !important; }
1198
1199.mdl-typography--font-medium {
1200 font-weight: 500 !important; }
1201
1202.mdl-typography--font-bold {
1203 font-weight: 700 !important; }
1204
1205.mdl-typography--font-black {
1206 font-weight: 900 !important; }
1207
1208.material-icons {
1209 font-family: 'Material Icons';
1210 font-weight: normal;
1211 font-style: normal;
1212 font-size: 24px;
1213 line-height: 1;
1214 letter-spacing: normal;
1215 text-transform: none;
1216 display: inline-block;
1217 word-wrap: normal;
1218 -moz-font-feature-settings: 'liga';
1219 font-feature-settings: 'liga';
1220 -webkit-font-feature-settings: 'liga';
1221 -webkit-font-smoothing: antialiased; }
1222
1223/**
1224 * Copyright 2015 Google Inc. All Rights Reserved.
1225 *
1226 * Licensed under the Apache License, Version 2.0 (the "License");
1227 * you may not use this file except in compliance with the License.
1228 * You may obtain a copy of the License at
1229 *
1230 * http://www.apache.org/licenses/LICENSE-2.0
1231 *
1232 * Unless required by applicable law or agreed to in writing, software
1233 * distributed under the License is distributed on an "AS IS" BASIS,
1234 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1235 * See the License for the specific language governing permissions and
1236 * limitations under the License.
1237 */
1238/**
1239 * Copyright 2015 Google Inc. All Rights Reserved.
1240 *
1241 * Licensed under the Apache License, Version 2.0 (the "License");
1242 * you may not use this file except in compliance with the License.
1243 * You may obtain a copy of the License at
1244 *
1245 * http://www.apache.org/licenses/LICENSE-2.0
1246 *
1247 * Unless required by applicable law or agreed to in writing, software
1248 * distributed under the License is distributed on an "AS IS" BASIS,
1249 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1250 * See the License for the specific language governing permissions and
1251 * limitations under the License.
1252 */
1253/*------------------------------------* $CONTENTS
1254\*------------------------------------*/
1255/**
1256 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
1257 * -----Typography
1258 * -----Colors
1259 * -----Textfield
1260 * -----Switch
1261 * -----Spinner
1262 * -----Radio
1263 * -----Menu
1264 * -----List
1265 * -----Layout
1266 * -----Icon toggles
1267 * -----Footer
1268 * -----Column
1269 * -----Checkbox
1270 * -----Card
1271 * -----Button
1272 * -----Animation
1273 * -----Progress
1274 * -----Badge
1275 * -----Shadows
1276 * -----Grid
1277 * -----Data table
1278 * -----Dialog
1279 * -----Snackbar
1280 * -----Tooltip
1281 * -----Chip
1282 *
1283 * Even though all variables have the `!default` directive, most of them
1284 * should not be changed as they are dependent one another. This can cause
1285 * visual distortions (like alignment issues) that are hard to track down
1286 * and fix.
1287 */
1288/* ========== TYPOGRAPHY ========== */
1289/* We're splitting fonts into "preferred" and "performance" in order to optimize
1290 page loading. For important text, such as the body, we want it to load
1291 immediately and not wait for the web font load, whereas for other sections,
1292 such as headers and titles, we're OK with things taking a bit longer to load.
1293 We do have some optional classes and parameters in the mixins, in case you
1294 definitely want to make sure you're using the preferred font and don't mind
1295 the performance hit.
1296 We should be able to improve on this once CSS Font Loading L3 becomes more
1297 widely available.
1298*/
1299/* ========== COLORS ========== */
1300/**
1301*
1302* Material design color palettes.
1303* @see http://www.google.com/design/spec/style/color.html
1304*
1305**/
1306/**
1307 * Copyright 2015 Google Inc. All Rights Reserved.
1308 *
1309 * Licensed under the Apache License, Version 2.0 (the "License");
1310 * you may not use this file except in compliance with the License.
1311 * You may obtain a copy of the License at
1312 *
1313 * http://www.apache.org/licenses/LICENSE-2.0
1314 *
1315 * Unless required by applicable law or agreed to in writing, software
1316 * distributed under the License is distributed on an "AS IS" BASIS,
1317 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1318 * See the License for the specific language governing permissions and
1319 * limitations under the License.
1320 */
1321/* ========== Color Palettes ========== */
1322/* colors.scss */
1323/**
1324 * Copyright 2015 Google Inc. All Rights Reserved.
1325 *
1326 * Licensed under the Apache License, Version 2.0 (the "License");
1327 * you may not use this file except in compliance with the License.
1328 * You may obtain a copy of the License at
1329 *
1330 * http://www.apache.org/licenses/LICENSE-2.0
1331 *
1332 * Unless required by applicable law or agreed to in writing, software
1333 * distributed under the License is distributed on an "AS IS" BASIS,
1334 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1335 * See the License for the specific language governing permissions and
1336 * limitations under the License.
1337 */
1338/* ========== IMAGES ========== */
1339/* ========== Color & Themes ========== */
1340/* ========== Typography ========== */
1341/* ========== Components ========== */
1342/* ========== Standard Buttons ========== */
1343/* ========== Icon Toggles ========== */
1344/* ========== Radio Buttons ========== */
1345/* ========== Ripple effect ========== */
1346/* ========== Layout ========== */
1347/* ========== Content Tabs ========== */
1348/* ========== Checkboxes ========== */
1349/* ========== Switches ========== */
1350/* ========== Spinner ========== */
1351/* ========== Text fields ========== */
1352/* ========== Card ========== */
1353/* ========== Sliders ========== */
1354/* ========== Progress ========== */
1355/* ========== List ========== */
1356/* ========== Item ========== */
1357/* ========== Dropdown menu ========== */
1358/* ========== Tooltips ========== */
1359/* ========== Footer ========== */
1360/* TEXTFIELD */
1361/* SWITCH */
1362/* SPINNER */
1363/* RADIO */
1364/* MENU */
1365/* LIST */
1366/* LAYOUT */
1367/* ICON TOGGLE */
1368/* FOOTER */
1369/*mega-footer*/
1370/*mini-footer*/
1371/* CHECKBOX */
1372/* CARD */
1373/* Card dimensions */
1374/* Cover image */
1375/* BUTTON */
1376/**
1377 *
1378 * Dimensions
1379 *
1380 */
1381/* ANIMATION */
1382/* PROGRESS */
1383/* BADGE */
1384/* SHADOWS */
1385/* GRID */
1386/* DATA TABLE */
1387/* DIALOG */
1388/* SNACKBAR */
1389/* TOOLTIP */
1390/* CHIP */
1391.mdl-color-text--red {
1392 color: rgb(244,67,54) !important; }
1393
1394.mdl-color--red {
1395 background-color: rgb(244,67,54) !important; }
1396
1397.mdl-color-text--red-50 {
1398 color: rgb(255,235,238) !important; }
1399
1400.mdl-color--red-50 {
1401 background-color: rgb(255,235,238) !important; }
1402
1403.mdl-color-text--red-100 {
1404 color: rgb(255,205,210) !important; }
1405
1406.mdl-color--red-100 {
1407 background-color: rgb(255,205,210) !important; }
1408
1409.mdl-color-text--red-200 {
1410 color: rgb(239,154,154) !important; }
1411
1412.mdl-color--red-200 {
1413 background-color: rgb(239,154,154) !important; }
1414
1415.mdl-color-text--red-300 {
1416 color: rgb(229,115,115) !important; }
1417
1418.mdl-color--red-300 {
1419 background-color: rgb(229,115,115) !important; }
1420
1421.mdl-color-text--red-400 {
1422 color: rgb(239,83,80) !important; }
1423
1424.mdl-color--red-400 {
1425 background-color: rgb(239,83,80) !important; }
1426
1427.mdl-color-text--red-500 {
1428 color: rgb(244,67,54) !important; }
1429
1430.mdl-color--red-500 {
1431 background-color: rgb(244,67,54) !important; }
1432
1433.mdl-color-text--red-600 {
1434 color: rgb(229,57,53) !important; }
1435
1436.mdl-color--red-600 {
1437 background-color: rgb(229,57,53) !important; }
1438
1439.mdl-color-text--red-700 {
1440 color: rgb(211,47,47) !important; }
1441
1442.mdl-color--red-700 {
1443 background-color: rgb(211,47,47) !important; }
1444
1445.mdl-color-text--red-800 {
1446 color: rgb(198,40,40) !important; }
1447
1448.mdl-color--red-800 {
1449 background-color: rgb(198,40,40) !important; }
1450
1451.mdl-color-text--red-900 {
1452 color: rgb(183,28,28) !important; }
1453
1454.mdl-color--red-900 {
1455 background-color: rgb(183,28,28) !important; }
1456
1457.mdl-color-text--red-A100 {
1458 color: rgb(255,138,128) !important; }
1459
1460.mdl-color--red-A100 {
1461 background-color: rgb(255,138,128) !important; }
1462
1463.mdl-color-text--red-A200 {
1464 color: rgb(255,82,82) !important; }
1465
1466.mdl-color--red-A200 {
1467 background-color: rgb(255,82,82) !important; }
1468
1469.mdl-color-text--red-A400 {
1470 color: rgb(255,23,68) !important; }
1471
1472.mdl-color--red-A400 {
1473 background-color: rgb(255,23,68) !important; }
1474
1475.mdl-color-text--red-A700 {
1476 color: rgb(213,0,0) !important; }
1477
1478.mdl-color--red-A700 {
1479 background-color: rgb(213,0,0) !important; }
1480
1481.mdl-color-text--pink {
1482 color: rgb(233,30,99) !important; }
1483
1484.mdl-color--pink {
1485 background-color: rgb(233,30,99) !important; }
1486
1487.mdl-color-text--pink-50 {
1488 color: rgb(252,228,236) !important; }
1489
1490.mdl-color--pink-50 {
1491 background-color: rgb(252,228,236) !important; }
1492
1493.mdl-color-text--pink-100 {
1494 color: rgb(248,187,208) !important; }
1495
1496.mdl-color--pink-100 {
1497 background-color: rgb(248,187,208) !important; }
1498
1499.mdl-color-text--pink-200 {
1500 color: rgb(244,143,177) !important; }
1501
1502.mdl-color--pink-200 {
1503 background-color: rgb(244,143,177) !important; }
1504
1505.mdl-color-text--pink-300 {
1506 color: rgb(240,98,146) !important; }
1507
1508.mdl-color--pink-300 {
1509 background-color: rgb(240,98,146) !important; }
1510
1511.mdl-color-text--pink-400 {
1512 color: rgb(236,64,122) !important; }
1513
1514.mdl-color--pink-400 {
1515 background-color: rgb(236,64,122) !important; }
1516
1517.mdl-color-text--pink-500 {
1518 color: rgb(233,30,99) !important; }
1519
1520.mdl-color--pink-500 {
1521 background-color: rgb(233,30,99) !important; }
1522
1523.mdl-color-text--pink-600 {
1524 color: rgb(216,27,96) !important; }
1525
1526.mdl-color--pink-600 {
1527 background-color: rgb(216,27,96) !important; }
1528
1529.mdl-color-text--pink-700 {
1530 color: rgb(194,24,91) !important; }
1531
1532.mdl-color--pink-700 {
1533 background-color: rgb(194,24,91) !important; }
1534
1535.mdl-color-text--pink-800 {
1536 color: rgb(173,20,87) !important; }
1537
1538.mdl-color--pink-800 {
1539 background-color: rgb(173,20,87) !important; }
1540
1541.mdl-color-text--pink-900 {
1542 color: rgb(136,14,79) !important; }
1543
1544.mdl-color--pink-900 {
1545 background-color: rgb(136,14,79) !important; }
1546
1547.mdl-color-text--pink-A100 {
1548 color: rgb(255,128,171) !important; }
1549
1550.mdl-color--pink-A100 {
1551 background-color: rgb(255,128,171) !important; }
1552
1553.mdl-color-text--pink-A200 {
1554 color: rgb(255,64,129) !important; }
1555
1556.mdl-color--pink-A200 {
1557 background-color: rgb(255,64,129) !important; }
1558
1559.mdl-color-text--pink-A400 {
1560 color: rgb(245,0,87) !important; }
1561
1562.mdl-color--pink-A400 {
1563 background-color: rgb(245,0,87) !important; }
1564
1565.mdl-color-text--pink-A700 {
1566 color: rgb(197,17,98) !important; }
1567
1568.mdl-color--pink-A700 {
1569 background-color: rgb(197,17,98) !important; }
1570
1571.mdl-color-text--purple {
1572 color: rgb(156,39,176) !important; }
1573
1574.mdl-color--purple {
1575 background-color: rgb(156,39,176) !important; }
1576
1577.mdl-color-text--purple-50 {
1578 color: rgb(243,229,245) !important; }
1579
1580.mdl-color--purple-50 {
1581 background-color: rgb(243,229,245) !important; }
1582
1583.mdl-color-text--purple-100 {
1584 color: rgb(225,190,231) !important; }
1585
1586.mdl-color--purple-100 {
1587 background-color: rgb(225,190,231) !important; }
1588
1589.mdl-color-text--purple-200 {
1590 color: rgb(206,147,216) !important; }
1591
1592.mdl-color--purple-200 {
1593 background-color: rgb(206,147,216) !important; }
1594
1595.mdl-color-text--purple-300 {
1596 color: rgb(186,104,200) !important; }
1597
1598.mdl-color--purple-300 {
1599 background-color: rgb(186,104,200) !important; }
1600
1601.mdl-color-text--purple-400 {
1602 color: rgb(171,71,188) !important; }
1603
1604.mdl-color--purple-400 {
1605 background-color: rgb(171,71,188) !important; }
1606
1607.mdl-color-text--purple-500 {
1608 color: rgb(156,39,176) !important; }
1609
1610.mdl-color--purple-500 {
1611 background-color: rgb(156,39,176) !important; }
1612
1613.mdl-color-text--purple-600 {
1614 color: rgb(142,36,170) !important; }
1615
1616.mdl-color--purple-600 {
1617 background-color: rgb(142,36,170) !important; }
1618
1619.mdl-color-text--purple-700 {
1620 color: rgb(123,31,162) !important; }
1621
1622.mdl-color--purple-700 {
1623 background-color: rgb(123,31,162) !important; }
1624
1625.mdl-color-text--purple-800 {
1626 color: rgb(106,27,154) !important; }
1627
1628.mdl-color--purple-800 {
1629 background-color: rgb(106,27,154) !important; }
1630
1631.mdl-color-text--purple-900 {
1632 color: rgb(74,20,140) !important; }
1633
1634.mdl-color--purple-900 {
1635 background-color: rgb(74,20,140) !important; }
1636
1637.mdl-color-text--purple-A100 {
1638 color: rgb(234,128,252) !important; }
1639
1640.mdl-color--purple-A100 {
1641 background-color: rgb(234,128,252) !important; }
1642
1643.mdl-color-text--purple-A200 {
1644 color: rgb(224,64,251) !important; }
1645
1646.mdl-color--purple-A200 {
1647 background-color: rgb(224,64,251) !important; }
1648
1649.mdl-color-text--purple-A400 {
1650 color: rgb(213,0,249) !important; }
1651
1652.mdl-color--purple-A400 {
1653 background-color: rgb(213,0,249) !important; }
1654
1655.mdl-color-text--purple-A700 {
1656 color: rgb(170,0,255) !important; }
1657
1658.mdl-color--purple-A700 {
1659 background-color: rgb(170,0,255) !important; }
1660
1661.mdl-color-text--deep-purple {
1662 color: rgb(103,58,183) !important; }
1663
1664.mdl-color--deep-purple {
1665 background-color: rgb(103,58,183) !important; }
1666
1667.mdl-color-text--deep-purple-50 {
1668 color: rgb(237,231,246) !important; }
1669
1670.mdl-color--deep-purple-50 {
1671 background-color: rgb(237,231,246) !important; }
1672
1673.mdl-color-text--deep-purple-100 {
1674 color: rgb(209,196,233) !important; }
1675
1676.mdl-color--deep-purple-100 {
1677 background-color: rgb(209,196,233) !important; }
1678
1679.mdl-color-text--deep-purple-200 {
1680 color: rgb(179,157,219) !important; }
1681
1682.mdl-color--deep-purple-200 {
1683 background-color: rgb(179,157,219) !important; }
1684
1685.mdl-color-text--deep-purple-300 {
1686 color: rgb(149,117,205) !important; }
1687
1688.mdl-color--deep-purple-300 {
1689 background-color: rgb(149,117,205) !important; }
1690
1691.mdl-color-text--deep-purple-400 {
1692 color: rgb(126,87,194) !important; }
1693
1694.mdl-color--deep-purple-400 {
1695 background-color: rgb(126,87,194) !important; }
1696
1697.mdl-color-text--deep-purple-500 {
1698 color: rgb(103,58,183) !important; }
1699
1700.mdl-color--deep-purple-500 {
1701 background-color: rgb(103,58,183) !important; }
1702
1703.mdl-color-text--deep-purple-600 {
1704 color: rgb(94,53,177) !important; }
1705
1706.mdl-color--deep-purple-600 {
1707 background-color: rgb(94,53,177) !important; }
1708
1709.mdl-color-text--deep-purple-700 {
1710 color: rgb(81,45,168) !important; }
1711
1712.mdl-color--deep-purple-700 {
1713 background-color: rgb(81,45,168) !important; }
1714
1715.mdl-color-text--deep-purple-800 {
1716 color: rgb(69,39,160) !important; }
1717
1718.mdl-color--deep-purple-800 {
1719 background-color: rgb(69,39,160) !important; }
1720
1721.mdl-color-text--deep-purple-900 {
1722 color: rgb(49,27,146) !important; }
1723
1724.mdl-color--deep-purple-900 {
1725 background-color: rgb(49,27,146) !important; }
1726
1727.mdl-color-text--deep-purple-A100 {
1728 color: rgb(179,136,255) !important; }
1729
1730.mdl-color--deep-purple-A100 {
1731 background-color: rgb(179,136,255) !important; }
1732
1733.mdl-color-text--deep-purple-A200 {
1734 color: rgb(124,77,255) !important; }
1735
1736.mdl-color--deep-purple-A200 {
1737 background-color: rgb(124,77,255) !important; }
1738
1739.mdl-color-text--deep-purple-A400 {
1740 color: rgb(101,31,255) !important; }
1741
1742.mdl-color--deep-purple-A400 {
1743 background-color: rgb(101,31,255) !important; }
1744
1745.mdl-color-text--deep-purple-A700 {
1746 color: rgb(98,0,234) !important; }
1747
1748.mdl-color--deep-purple-A700 {
1749 background-color: rgb(98,0,234) !important; }
1750
1751.mdl-color-text--indigo {
1752 color: rgb(63,81,181) !important; }
1753
1754.mdl-color--indigo {
1755 background-color: rgb(63,81,181) !important; }
1756
1757.mdl-color-text--indigo-50 {
1758 color: rgb(232,234,246) !important; }
1759
1760.mdl-color--indigo-50 {
1761 background-color: rgb(232,234,246) !important; }
1762
1763.mdl-color-text--indigo-100 {
1764 color: rgb(197,202,233) !important; }
1765
1766.mdl-color--indigo-100 {
1767 background-color: rgb(197,202,233) !important; }
1768
1769.mdl-color-text--indigo-200 {
1770 color: rgb(159,168,218) !important; }
1771
1772.mdl-color--indigo-200 {
1773 background-color: rgb(159,168,218) !important; }
1774
1775.mdl-color-text--indigo-300 {
1776 color: rgb(121,134,203) !important; }
1777
1778.mdl-color--indigo-300 {
1779 background-color: rgb(121,134,203) !important; }
1780
1781.mdl-color-text--indigo-400 {
1782 color: rgb(92,107,192) !important; }
1783
1784.mdl-color--indigo-400 {
1785 background-color: rgb(92,107,192) !important; }
1786
1787.mdl-color-text--indigo-500 {
1788 color: rgb(63,81,181) !important; }
1789
1790.mdl-color--indigo-500 {
1791 background-color: rgb(63,81,181) !important; }
1792
1793.mdl-color-text--indigo-600 {
1794 color: rgb(57,73,171) !important; }
1795
1796.mdl-color--indigo-600 {
1797 background-color: rgb(57,73,171) !important; }
1798
1799.mdl-color-text--indigo-700 {
1800 color: rgb(48,63,159) !important; }
1801
1802.mdl-color--indigo-700 {
1803 background-color: rgb(48,63,159) !important; }
1804
1805.mdl-color-text--indigo-800 {
1806 color: rgb(40,53,147) !important; }
1807
1808.mdl-color--indigo-800 {
1809 background-color: rgb(40,53,147) !important; }
1810
1811.mdl-color-text--indigo-900 {
1812 color: rgb(26,35,126) !important; }
1813
1814.mdl-color--indigo-900 {
1815 background-color: rgb(26,35,126) !important; }
1816
1817.mdl-color-text--indigo-A100 {
1818 color: rgb(140,158,255) !important; }
1819
1820.mdl-color--indigo-A100 {
1821 background-color: rgb(140,158,255) !important; }
1822
1823.mdl-color-text--indigo-A200 {
1824 color: rgb(83,109,254) !important; }
1825
1826.mdl-color--indigo-A200 {
1827 background-color: rgb(83,109,254) !important; }
1828
1829.mdl-color-text--indigo-A400 {
1830 color: rgb(61,90,254) !important; }
1831
1832.mdl-color--indigo-A400 {
1833 background-color: rgb(61,90,254) !important; }
1834
1835.mdl-color-text--indigo-A700 {
1836 color: rgb(48,79,254) !important; }
1837
1838.mdl-color--indigo-A700 {
1839 background-color: rgb(48,79,254) !important; }
1840
1841.mdl-color-text--blue {
1842 color: rgb(33,150,243) !important; }
1843
1844.mdl-color--blue {
1845 background-color: rgb(33,150,243) !important; }
1846
1847.mdl-color-text--blue-50 {
1848 color: rgb(227,242,253) !important; }
1849
1850.mdl-color--blue-50 {
1851 background-color: rgb(227,242,253) !important; }
1852
1853.mdl-color-text--blue-100 {
1854 color: rgb(187,222,251) !important; }
1855
1856.mdl-color--blue-100 {
1857 background-color: rgb(187,222,251) !important; }
1858
1859.mdl-color-text--blue-200 {
1860 color: rgb(144,202,249) !important; }
1861
1862.mdl-color--blue-200 {
1863 background-color: rgb(144,202,249) !important; }
1864
1865.mdl-color-text--blue-300 {
1866 color: rgb(100,181,246) !important; }
1867
1868.mdl-color--blue-300 {
1869 background-color: rgb(100,181,246) !important; }
1870
1871.mdl-color-text--blue-400 {
1872 color: rgb(66,165,245) !important; }
1873
1874.mdl-color--blue-400 {
1875 background-color: rgb(66,165,245) !important; }
1876
1877.mdl-color-text--blue-500 {
1878 color: rgb(33,150,243) !important; }
1879
1880.mdl-color--blue-500 {
1881 background-color: rgb(33,150,243) !important; }
1882
1883.mdl-color-text--blue-600 {
1884 color: rgb(30,136,229) !important; }
1885
1886.mdl-color--blue-600 {
1887 background-color: rgb(30,136,229) !important; }
1888
1889.mdl-color-text--blue-700 {
1890 color: rgb(25,118,210) !important; }
1891
1892.mdl-color--blue-700 {
1893 background-color: rgb(25,118,210) !important; }
1894
1895.mdl-color-text--blue-800 {
1896 color: rgb(21,101,192) !important; }
1897
1898.mdl-color--blue-800 {
1899 background-color: rgb(21,101,192) !important; }
1900
1901.mdl-color-text--blue-900 {
1902 color: rgb(13,71,161) !important; }
1903
1904.mdl-color--blue-900 {
1905 background-color: rgb(13,71,161) !important; }
1906
1907.mdl-color-text--blue-A100 {
1908 color: rgb(130,177,255) !important; }
1909
1910.mdl-color--blue-A100 {
1911 background-color: rgb(130,177,255) !important; }
1912
1913.mdl-color-text--blue-A200 {
1914 color: rgb(68,138,255) !important; }
1915
1916.mdl-color--blue-A200 {
1917 background-color: rgb(68,138,255) !important; }
1918
1919.mdl-color-text--blue-A400 {
1920 color: rgb(41,121,255) !important; }
1921
1922.mdl-color--blue-A400 {
1923 background-color: rgb(41,121,255) !important; }
1924
1925.mdl-color-text--blue-A700 {
1926 color: rgb(41,98,255) !important; }
1927
1928.mdl-color--blue-A700 {
1929 background-color: rgb(41,98,255) !important; }
1930
1931.mdl-color-text--light-blue {
1932 color: rgb(3,169,244) !important; }
1933
1934.mdl-color--light-blue {
1935 background-color: rgb(3,169,244) !important; }
1936
1937.mdl-color-text--light-blue-50 {
1938 color: rgb(225,245,254) !important; }
1939
1940.mdl-color--light-blue-50 {
1941 background-color: rgb(225,245,254) !important; }
1942
1943.mdl-color-text--light-blue-100 {
1944 color: rgb(179,229,252) !important; }
1945
1946.mdl-color--light-blue-100 {
1947 background-color: rgb(179,229,252) !important; }
1948
1949.mdl-color-text--light-blue-200 {
1950 color: rgb(129,212,250) !important; }
1951
1952.mdl-color--light-blue-200 {
1953 background-color: rgb(129,212,250) !important; }
1954
1955.mdl-color-text--light-blue-300 {
1956 color: rgb(79,195,247) !important; }
1957
1958.mdl-color--light-blue-300 {
1959 background-color: rgb(79,195,247) !important; }
1960
1961.mdl-color-text--light-blue-400 {
1962 color: rgb(41,182,246) !important; }
1963
1964.mdl-color--light-blue-400 {
1965 background-color: rgb(41,182,246) !important; }
1966
1967.mdl-color-text--light-blue-500 {
1968 color: rgb(3,169,244) !important; }
1969
1970.mdl-color--light-blue-500 {
1971 background-color: rgb(3,169,244) !important; }
1972
1973.mdl-color-text--light-blue-600 {
1974 color: rgb(3,155,229) !important; }
1975
1976.mdl-color--light-blue-600 {
1977 background-color: rgb(3,155,229) !important; }
1978
1979.mdl-color-text--light-blue-700 {
1980 color: rgb(2,136,209) !important; }
1981
1982.mdl-color--light-blue-700 {
1983 background-color: rgb(2,136,209) !important; }
1984
1985.mdl-color-text--light-blue-800 {
1986 color: rgb(2,119,189) !important; }
1987
1988.mdl-color--light-blue-800 {
1989 background-color: rgb(2,119,189) !important; }
1990
1991.mdl-color-text--light-blue-900 {
1992 color: rgb(1,87,155) !important; }
1993
1994.mdl-color--light-blue-900 {
1995 background-color: rgb(1,87,155) !important; }
1996
1997.mdl-color-text--light-blue-A100 {
1998 color: rgb(128,216,255) !important; }
1999
2000.mdl-color--light-blue-A100 {
2001 background-color: rgb(128,216,255) !important; }
2002
2003.mdl-color-text--light-blue-A200 {
2004 color: rgb(64,196,255) !important; }
2005
2006.mdl-color--light-blue-A200 {
2007 background-color: rgb(64,196,255) !important; }
2008
2009.mdl-color-text--light-blue-A400 {
2010 color: rgb(0,176,255) !important; }
2011
2012.mdl-color--light-blue-A400 {
2013 background-color: rgb(0,176,255) !important; }
2014
2015.mdl-color-text--light-blue-A700 {
2016 color: rgb(0,145,234) !important; }
2017
2018.mdl-color--light-blue-A700 {
2019 background-color: rgb(0,145,234) !important; }
2020
2021.mdl-color-text--cyan {
2022 color: rgb(0,188,212) !important; }
2023
2024.mdl-color--cyan {
2025 background-color: rgb(0,188,212) !important; }
2026
2027.mdl-color-text--cyan-50 {
2028 color: rgb(224,247,250) !important; }
2029
2030.mdl-color--cyan-50 {
2031 background-color: rgb(224,247,250) !important; }
2032
2033.mdl-color-text--cyan-100 {
2034 color: rgb(178,235,242) !important; }
2035
2036.mdl-color--cyan-100 {
2037 background-color: rgb(178,235,242) !important; }
2038
2039.mdl-color-text--cyan-200 {
2040 color: rgb(128,222,234) !important; }
2041
2042.mdl-color--cyan-200 {
2043 background-color: rgb(128,222,234) !important; }
2044
2045.mdl-color-text--cyan-300 {
2046 color: rgb(77,208,225) !important; }
2047
2048.mdl-color--cyan-300 {
2049 background-color: rgb(77,208,225) !important; }
2050
2051.mdl-color-text--cyan-400 {
2052 color: rgb(38,198,218) !important; }
2053
2054.mdl-color--cyan-400 {
2055 background-color: rgb(38,198,218) !important; }
2056
2057.mdl-color-text--cyan-500 {
2058 color: rgb(0,188,212) !important; }
2059
2060.mdl-color--cyan-500 {
2061 background-color: rgb(0,188,212) !important; }
2062
2063.mdl-color-text--cyan-600 {
2064 color: rgb(0,172,193) !important; }
2065
2066.mdl-color--cyan-600 {
2067 background-color: rgb(0,172,193) !important; }
2068
2069.mdl-color-text--cyan-700 {
2070 color: rgb(0,151,167) !important; }
2071
2072.mdl-color--cyan-700 {
2073 background-color: rgb(0,151,167) !important; }
2074
2075.mdl-color-text--cyan-800 {
2076 color: rgb(0,131,143) !important; }
2077
2078.mdl-color--cyan-800 {
2079 background-color: rgb(0,131,143) !important; }
2080
2081.mdl-color-text--cyan-900 {
2082 color: rgb(0,96,100) !important; }
2083
2084.mdl-color--cyan-900 {
2085 background-color: rgb(0,96,100) !important; }
2086
2087.mdl-color-text--cyan-A100 {
2088 color: rgb(132,255,255) !important; }
2089
2090.mdl-color--cyan-A100 {
2091 background-color: rgb(132,255,255) !important; }
2092
2093.mdl-color-text--cyan-A200 {
2094 color: rgb(24,255,255) !important; }
2095
2096.mdl-color--cyan-A200 {
2097 background-color: rgb(24,255,255) !important; }
2098
2099.mdl-color-text--cyan-A400 {
2100 color: rgb(0,229,255) !important; }
2101
2102.mdl-color--cyan-A400 {
2103 background-color: rgb(0,229,255) !important; }
2104
2105.mdl-color-text--cyan-A700 {
2106 color: rgb(0,184,212) !important; }
2107
2108.mdl-color--cyan-A700 {
2109 background-color: rgb(0,184,212) !important; }
2110
2111.mdl-color-text--teal {
2112 color: rgb(0,150,136) !important; }
2113
2114.mdl-color--teal {
2115 background-color: rgb(0,150,136) !important; }
2116
2117.mdl-color-text--teal-50 {
2118 color: rgb(224,242,241) !important; }
2119
2120.mdl-color--teal-50 {
2121 background-color: rgb(224,242,241) !important; }
2122
2123.mdl-color-text--teal-100 {
2124 color: rgb(178,223,219) !important; }
2125
2126.mdl-color--teal-100 {
2127 background-color: rgb(178,223,219) !important; }
2128
2129.mdl-color-text--teal-200 {
2130 color: rgb(128,203,196) !important; }
2131
2132.mdl-color--teal-200 {
2133 background-color: rgb(128,203,196) !important; }
2134
2135.mdl-color-text--teal-300 {
2136 color: rgb(77,182,172) !important; }
2137
2138.mdl-color--teal-300 {
2139 background-color: rgb(77,182,172) !important; }
2140
2141.mdl-color-text--teal-400 {
2142 color: rgb(38,166,154) !important; }
2143
2144.mdl-color--teal-400 {
2145 background-color: rgb(38,166,154) !important; }
2146
2147.mdl-color-text--teal-500 {
2148 color: rgb(0,150,136) !important; }
2149
2150.mdl-color--teal-500 {
2151 background-color: rgb(0,150,136) !important; }
2152
2153.mdl-color-text--teal-600 {
2154 color: rgb(0,137,123) !important; }
2155
2156.mdl-color--teal-600 {
2157 background-color: rgb(0,137,123) !important; }
2158
2159.mdl-color-text--teal-700 {
2160 color: rgb(0,121,107) !important; }
2161
2162.mdl-color--teal-700 {
2163 background-color: rgb(0,121,107) !important; }
2164
2165.mdl-color-text--teal-800 {
2166 color: rgb(0,105,92) !important; }
2167
2168.mdl-color--teal-800 {
2169 background-color: rgb(0,105,92) !important; }
2170
2171.mdl-color-text--teal-900 {
2172 color: rgb(0,77,64) !important; }
2173
2174.mdl-color--teal-900 {
2175 background-color: rgb(0,77,64) !important; }
2176
2177.mdl-color-text--teal-A100 {
2178 color: rgb(167,255,235) !important; }
2179
2180.mdl-color--teal-A100 {
2181 background-color: rgb(167,255,235) !important; }
2182
2183.mdl-color-text--teal-A200 {
2184 color: rgb(100,255,218) !important; }
2185
2186.mdl-color--teal-A200 {
2187 background-color: rgb(100,255,218) !important; }
2188
2189.mdl-color-text--teal-A400 {
2190 color: rgb(29,233,182) !important; }
2191
2192.mdl-color--teal-A400 {
2193 background-color: rgb(29,233,182) !important; }
2194
2195.mdl-color-text--teal-A700 {
2196 color: rgb(0,191,165) !important; }
2197
2198.mdl-color--teal-A700 {
2199 background-color: rgb(0,191,165) !important; }
2200
2201.mdl-color-text--green {
2202 color: rgb(76,175,80) !important; }
2203
2204.mdl-color--green {
2205 background-color: rgb(76,175,80) !important; }
2206
2207.mdl-color-text--green-50 {
2208 color: rgb(232,245,233) !important; }
2209
2210.mdl-color--green-50 {
2211 background-color: rgb(232,245,233) !important; }
2212
2213.mdl-color-text--green-100 {
2214 color: rgb(200,230,201) !important; }
2215
2216.mdl-color--green-100 {
2217 background-color: rgb(200,230,201) !important; }
2218
2219.mdl-color-text--green-200 {
2220 color: rgb(165,214,167) !important; }
2221
2222.mdl-color--green-200 {
2223 background-color: rgb(165,214,167) !important; }
2224
2225.mdl-color-text--green-300 {
2226 color: rgb(129,199,132) !important; }
2227
2228.mdl-color--green-300 {
2229 background-color: rgb(129,199,132) !important; }
2230
2231.mdl-color-text--green-400 {
2232 color: rgb(102,187,106) !important; }
2233
2234.mdl-color--green-400 {
2235 background-color: rgb(102,187,106) !important; }
2236
2237.mdl-color-text--green-500 {
2238 color: rgb(76,175,80) !important; }
2239
2240.mdl-color--green-500 {
2241 background-color: rgb(76,175,80) !important; }
2242
2243.mdl-color-text--green-600 {
2244 color: rgb(67,160,71) !important; }
2245
2246.mdl-color--green-600 {
2247 background-color: rgb(67,160,71) !important; }
2248
2249.mdl-color-text--green-700 {
2250 color: rgb(56,142,60) !important; }
2251
2252.mdl-color--green-700 {
2253 background-color: rgb(56,142,60) !important; }
2254
2255.mdl-color-text--green-800 {
2256 color: rgb(46,125,50) !important; }
2257
2258.mdl-color--green-800 {
2259 background-color: rgb(46,125,50) !important; }
2260
2261.mdl-color-text--green-900 {
2262 color: rgb(27,94,32) !important; }
2263
2264.mdl-color--green-900 {
2265 background-color: rgb(27,94,32) !important; }
2266
2267.mdl-color-text--green-A100 {
2268 color: rgb(185,246,202) !important; }
2269
2270.mdl-color--green-A100 {
2271 background-color: rgb(185,246,202) !important; }
2272
2273.mdl-color-text--green-A200 {
2274 color: rgb(105,240,174) !important; }
2275
2276.mdl-color--green-A200 {
2277 background-color: rgb(105,240,174) !important; }
2278
2279.mdl-color-text--green-A400 {
2280 color: rgb(0,230,118) !important; }
2281
2282.mdl-color--green-A400 {
2283 background-color: rgb(0,230,118) !important; }
2284
2285.mdl-color-text--green-A700 {
2286 color: rgb(0,200,83) !important; }
2287
2288.mdl-color--green-A700 {
2289 background-color: rgb(0,200,83) !important; }
2290
2291.mdl-color-text--light-green {
2292 color: rgb(139,195,74) !important; }
2293
2294.mdl-color--light-green {
2295 background-color: rgb(139,195,74) !important; }
2296
2297.mdl-color-text--light-green-50 {
2298 color: rgb(241,248,233) !important; }
2299
2300.mdl-color--light-green-50 {
2301 background-color: rgb(241,248,233) !important; }
2302
2303.mdl-color-text--light-green-100 {
2304 color: rgb(220,237,200) !important; }
2305
2306.mdl-color--light-green-100 {
2307 background-color: rgb(220,237,200) !important; }
2308
2309.mdl-color-text--light-green-200 {
2310 color: rgb(197,225,165) !important; }
2311
2312.mdl-color--light-green-200 {
2313 background-color: rgb(197,225,165) !important; }
2314
2315.mdl-color-text--light-green-300 {
2316 color: rgb(174,213,129) !important; }
2317
2318.mdl-color--light-green-300 {
2319 background-color: rgb(174,213,129) !important; }
2320
2321.mdl-color-text--light-green-400 {
2322 color: rgb(156,204,101) !important; }
2323
2324.mdl-color--light-green-400 {
2325 background-color: rgb(156,204,101) !important; }
2326
2327.mdl-color-text--light-green-500 {
2328 color: rgb(139,195,74) !important; }
2329
2330.mdl-color--light-green-500 {
2331 background-color: rgb(139,195,74) !important; }
2332
2333.mdl-color-text--light-green-600 {
2334 color: rgb(124,179,66) !important; }
2335
2336.mdl-color--light-green-600 {
2337 background-color: rgb(124,179,66) !important; }
2338
2339.mdl-color-text--light-green-700 {
2340 color: rgb(104,159,56) !important; }
2341
2342.mdl-color--light-green-700 {
2343 background-color: rgb(104,159,56) !important; }
2344
2345.mdl-color-text--light-green-800 {
2346 color: rgb(85,139,47) !important; }
2347
2348.mdl-color--light-green-800 {
2349 background-color: rgb(85,139,47) !important; }
2350
2351.mdl-color-text--light-green-900 {
2352 color: rgb(51,105,30) !important; }
2353
2354.mdl-color--light-green-900 {
2355 background-color: rgb(51,105,30) !important; }
2356
2357.mdl-color-text--light-green-A100 {
2358 color: rgb(204,255,144) !important; }
2359
2360.mdl-color--light-green-A100 {
2361 background-color: rgb(204,255,144) !important; }
2362
2363.mdl-color-text--light-green-A200 {
2364 color: rgb(178,255,89) !important; }
2365
2366.mdl-color--light-green-A200 {
2367 background-color: rgb(178,255,89) !important; }
2368
2369.mdl-color-text--light-green-A400 {
2370 color: rgb(118,255,3) !important; }
2371
2372.mdl-color--light-green-A400 {
2373 background-color: rgb(118,255,3) !important; }
2374
2375.mdl-color-text--light-green-A700 {
2376 color: rgb(100,221,23) !important; }
2377
2378.mdl-color--light-green-A700 {
2379 background-color: rgb(100,221,23) !important; }
2380
2381.mdl-color-text--lime {
2382 color: rgb(205,220,57) !important; }
2383
2384.mdl-color--lime {
2385 background-color: rgb(205,220,57) !important; }
2386
2387.mdl-color-text--lime-50 {
2388 color: rgb(249,251,231) !important; }
2389
2390.mdl-color--lime-50 {
2391 background-color: rgb(249,251,231) !important; }
2392
2393.mdl-color-text--lime-100 {
2394 color: rgb(240,244,195) !important; }
2395
2396.mdl-color--lime-100 {
2397 background-color: rgb(240,244,195) !important; }
2398
2399.mdl-color-text--lime-200 {
2400 color: rgb(230,238,156) !important; }
2401
2402.mdl-color--lime-200 {
2403 background-color: rgb(230,238,156) !important; }
2404
2405.mdl-color-text--lime-300 {
2406 color: rgb(220,231,117) !important; }
2407
2408.mdl-color--lime-300 {
2409 background-color: rgb(220,231,117) !important; }
2410
2411.mdl-color-text--lime-400 {
2412 color: rgb(212,225,87) !important; }
2413
2414.mdl-color--lime-400 {
2415 background-color: rgb(212,225,87) !important; }
2416
2417.mdl-color-text--lime-500 {
2418 color: rgb(205,220,57) !important; }
2419
2420.mdl-color--lime-500 {
2421 background-color: rgb(205,220,57) !important; }
2422
2423.mdl-color-text--lime-600 {
2424 color: rgb(192,202,51) !important; }
2425
2426.mdl-color--lime-600 {
2427 background-color: rgb(192,202,51) !important; }
2428
2429.mdl-color-text--lime-700 {
2430 color: rgb(175,180,43) !important; }
2431
2432.mdl-color--lime-700 {
2433 background-color: rgb(175,180,43) !important; }
2434
2435.mdl-color-text--lime-800 {
2436 color: rgb(158,157,36) !important; }
2437
2438.mdl-color--lime-800 {
2439 background-color: rgb(158,157,36) !important; }
2440
2441.mdl-color-text--lime-900 {
2442 color: rgb(130,119,23) !important; }
2443
2444.mdl-color--lime-900 {
2445 background-color: rgb(130,119,23) !important; }
2446
2447.mdl-color-text--lime-A100 {
2448 color: rgb(244,255,129) !important; }
2449
2450.mdl-color--lime-A100 {
2451 background-color: rgb(244,255,129) !important; }
2452
2453.mdl-color-text--lime-A200 {
2454 color: rgb(238,255,65) !important; }
2455
2456.mdl-color--lime-A200 {
2457 background-color: rgb(238,255,65) !important; }
2458
2459.mdl-color-text--lime-A400 {
2460 color: rgb(198,255,0) !important; }
2461
2462.mdl-color--lime-A400 {
2463 background-color: rgb(198,255,0) !important; }
2464
2465.mdl-color-text--lime-A700 {
2466 color: rgb(174,234,0) !important; }
2467
2468.mdl-color--lime-A700 {
2469 background-color: rgb(174,234,0) !important; }
2470
2471.mdl-color-text--yellow {
2472 color: rgb(255,235,59) !important; }
2473
2474.mdl-color--yellow {
2475 background-color: rgb(255,235,59) !important; }
2476
2477.mdl-color-text--yellow-50 {
2478 color: rgb(255,253,231) !important; }
2479
2480.mdl-color--yellow-50 {
2481 background-color: rgb(255,253,231) !important; }
2482
2483.mdl-color-text--yellow-100 {
2484 color: rgb(255,249,196) !important; }
2485
2486.mdl-color--yellow-100 {
2487 background-color: rgb(255,249,196) !important; }
2488
2489.mdl-color-text--yellow-200 {
2490 color: rgb(255,245,157) !important; }
2491
2492.mdl-color--yellow-200 {
2493 background-color: rgb(255,245,157) !important; }
2494
2495.mdl-color-text--yellow-300 {
2496 color: rgb(255,241,118) !important; }
2497
2498.mdl-color--yellow-300 {
2499 background-color: rgb(255,241,118) !important; }
2500
2501.mdl-color-text--yellow-400 {
2502 color: rgb(255,238,88) !important; }
2503
2504.mdl-color--yellow-400 {
2505 background-color: rgb(255,238,88) !important; }
2506
2507.mdl-color-text--yellow-500 {
2508 color: rgb(255,235,59) !important; }
2509
2510.mdl-color--yellow-500 {
2511 background-color: rgb(255,235,59) !important; }
2512
2513.mdl-color-text--yellow-600 {
2514 color: rgb(253,216,53) !important; }
2515
2516.mdl-color--yellow-600 {
2517 background-color: rgb(253,216,53) !important; }
2518
2519.mdl-color-text--yellow-700 {
2520 color: rgb(251,192,45) !important; }
2521
2522.mdl-color--yellow-700 {
2523 background-color: rgb(251,192,45) !important; }
2524
2525.mdl-color-text--yellow-800 {
2526 color: rgb(249,168,37) !important; }
2527
2528.mdl-color--yellow-800 {
2529 background-color: rgb(249,168,37) !important; }
2530
2531.mdl-color-text--yellow-900 {
2532 color: rgb(245,127,23) !important; }
2533
2534.mdl-color--yellow-900 {
2535 background-color: rgb(245,127,23) !important; }
2536
2537.mdl-color-text--yellow-A100 {
2538 color: rgb(255,255,141) !important; }
2539
2540.mdl-color--yellow-A100 {
2541 background-color: rgb(255,255,141) !important; }
2542
2543.mdl-color-text--yellow-A200 {
2544 color: rgb(255,255,0) !important; }
2545
2546.mdl-color--yellow-A200 {
2547 background-color: rgb(255,255,0) !important; }
2548
2549.mdl-color-text--yellow-A400 {
2550 color: rgb(255,234,0) !important; }
2551
2552.mdl-color--yellow-A400 {
2553 background-color: rgb(255,234,0) !important; }
2554
2555.mdl-color-text--yellow-A700 {
2556 color: rgb(255,214,0) !important; }
2557
2558.mdl-color--yellow-A700 {
2559 background-color: rgb(255,214,0) !important; }
2560
2561.mdl-color-text--amber {
2562 color: rgb(255,193,7) !important; }
2563
2564.mdl-color--amber {
2565 background-color: rgb(255,193,7) !important; }
2566
2567.mdl-color-text--amber-50 {
2568 color: rgb(255,248,225) !important; }
2569
2570.mdl-color--amber-50 {
2571 background-color: rgb(255,248,225) !important; }
2572
2573.mdl-color-text--amber-100 {
2574 color: rgb(255,236,179) !important; }
2575
2576.mdl-color--amber-100 {
2577 background-color: rgb(255,236,179) !important; }
2578
2579.mdl-color-text--amber-200 {
2580 color: rgb(255,224,130) !important; }
2581
2582.mdl-color--amber-200 {
2583 background-color: rgb(255,224,130) !important; }
2584
2585.mdl-color-text--amber-300 {
2586 color: rgb(255,213,79) !important; }
2587
2588.mdl-color--amber-300 {
2589 background-color: rgb(255,213,79) !important; }
2590
2591.mdl-color-text--amber-400 {
2592 color: rgb(255,202,40) !important; }
2593
2594.mdl-color--amber-400 {
2595 background-color: rgb(255,202,40) !important; }
2596
2597.mdl-color-text--amber-500 {
2598 color: rgb(255,193,7) !important; }
2599
2600.mdl-color--amber-500 {
2601 background-color: rgb(255,193,7) !important; }
2602
2603.mdl-color-text--amber-600 {
2604 color: rgb(255,179,0) !important; }
2605
2606.mdl-color--amber-600 {
2607 background-color: rgb(255,179,0) !important; }
2608
2609.mdl-color-text--amber-700 {
2610 color: rgb(255,160,0) !important; }
2611
2612.mdl-color--amber-700 {
2613 background-color: rgb(255,160,0) !important; }
2614
2615.mdl-color-text--amber-800 {
2616 color: rgb(255,143,0) !important; }
2617
2618.mdl-color--amber-800 {
2619 background-color: rgb(255,143,0) !important; }
2620
2621.mdl-color-text--amber-900 {
2622 color: rgb(255,111,0) !important; }
2623
2624.mdl-color--amber-900 {
2625 background-color: rgb(255,111,0) !important; }
2626
2627.mdl-color-text--amber-A100 {
2628 color: rgb(255,229,127) !important; }
2629
2630.mdl-color--amber-A100 {
2631 background-color: rgb(255,229,127) !important; }
2632
2633.mdl-color-text--amber-A200 {
2634 color: rgb(255,215,64) !important; }
2635
2636.mdl-color--amber-A200 {
2637 background-color: rgb(255,215,64) !important; }
2638
2639.mdl-color-text--amber-A400 {
2640 color: rgb(255,196,0) !important; }
2641
2642.mdl-color--amber-A400 {
2643 background-color: rgb(255,196,0) !important; }
2644
2645.mdl-color-text--amber-A700 {
2646 color: rgb(255,171,0) !important; }
2647
2648.mdl-color--amber-A700 {
2649 background-color: rgb(255,171,0) !important; }
2650
2651.mdl-color-text--orange {
2652 color: rgb(255,152,0) !important; }
2653
2654.mdl-color--orange {
2655 background-color: rgb(255,152,0) !important; }
2656
2657.mdl-color-text--orange-50 {
2658 color: rgb(255,243,224) !important; }
2659
2660.mdl-color--orange-50 {
2661 background-color: rgb(255,243,224) !important; }
2662
2663.mdl-color-text--orange-100 {
2664 color: rgb(255,224,178) !important; }
2665
2666.mdl-color--orange-100 {
2667 background-color: rgb(255,224,178) !important; }
2668
2669.mdl-color-text--orange-200 {
2670 color: rgb(255,204,128) !important; }
2671
2672.mdl-color--orange-200 {
2673 background-color: rgb(255,204,128) !important; }
2674
2675.mdl-color-text--orange-300 {
2676 color: rgb(255,183,77) !important; }
2677
2678.mdl-color--orange-300 {
2679 background-color: rgb(255,183,77) !important; }
2680
2681.mdl-color-text--orange-400 {
2682 color: rgb(255,167,38) !important; }
2683
2684.mdl-color--orange-400 {
2685 background-color: rgb(255,167,38) !important; }
2686
2687.mdl-color-text--orange-500 {
2688 color: rgb(255,152,0) !important; }
2689
2690.mdl-color--orange-500 {
2691 background-color: rgb(255,152,0) !important; }
2692
2693.mdl-color-text--orange-600 {
2694 color: rgb(251,140,0) !important; }
2695
2696.mdl-color--orange-600 {
2697 background-color: rgb(251,140,0) !important; }
2698
2699.mdl-color-text--orange-700 {
2700 color: rgb(245,124,0) !important; }
2701
2702.mdl-color--orange-700 {
2703 background-color: rgb(245,124,0) !important; }
2704
2705.mdl-color-text--orange-800 {
2706 color: rgb(239,108,0) !important; }
2707
2708.mdl-color--orange-800 {
2709 background-color: rgb(239,108,0) !important; }
2710
2711.mdl-color-text--orange-900 {
2712 color: rgb(230,81,0) !important; }
2713
2714.mdl-color--orange-900 {
2715 background-color: rgb(230,81,0) !important; }
2716
2717.mdl-color-text--orange-A100 {
2718 color: rgb(255,209,128) !important; }
2719
2720.mdl-color--orange-A100 {
2721 background-color: rgb(255,209,128) !important; }
2722
2723.mdl-color-text--orange-A200 {
2724 color: rgb(255,171,64) !important; }
2725
2726.mdl-color--orange-A200 {
2727 background-color: rgb(255,171,64) !important; }
2728
2729.mdl-color-text--orange-A400 {
2730 color: rgb(255,145,0) !important; }
2731
2732.mdl-color--orange-A400 {
2733 background-color: rgb(255,145,0) !important; }
2734
2735.mdl-color-text--orange-A700 {
2736 color: rgb(255,109,0) !important; }
2737
2738.mdl-color--orange-A700 {
2739 background-color: rgb(255,109,0) !important; }
2740
2741.mdl-color-text--deep-orange {
2742 color: rgb(255,87,34) !important; }
2743
2744.mdl-color--deep-orange {
2745 background-color: rgb(255,87,34) !important; }
2746
2747.mdl-color-text--deep-orange-50 {
2748 color: rgb(251,233,231) !important; }
2749
2750.mdl-color--deep-orange-50 {
2751 background-color: rgb(251,233,231) !important; }
2752
2753.mdl-color-text--deep-orange-100 {
2754 color: rgb(255,204,188) !important; }
2755
2756.mdl-color--deep-orange-100 {
2757 background-color: rgb(255,204,188) !important; }
2758
2759.mdl-color-text--deep-orange-200 {
2760 color: rgb(255,171,145) !important; }
2761
2762.mdl-color--deep-orange-200 {
2763 background-color: rgb(255,171,145) !important; }
2764
2765.mdl-color-text--deep-orange-300 {
2766 color: rgb(255,138,101) !important; }
2767
2768.mdl-color--deep-orange-300 {
2769 background-color: rgb(255,138,101) !important; }
2770
2771.mdl-color-text--deep-orange-400 {
2772 color: rgb(255,112,67) !important; }
2773
2774.mdl-color--deep-orange-400 {
2775 background-color: rgb(255,112,67) !important; }
2776
2777.mdl-color-text--deep-orange-500 {
2778 color: rgb(255,87,34) !important; }
2779
2780.mdl-color--deep-orange-500 {
2781 background-color: rgb(255,87,34) !important; }
2782
2783.mdl-color-text--deep-orange-600 {
2784 color: rgb(244,81,30) !important; }
2785
2786.mdl-color--deep-orange-600 {
2787 background-color: rgb(244,81,30) !important; }
2788
2789.mdl-color-text--deep-orange-700 {
2790 color: rgb(230,74,25) !important; }
2791
2792.mdl-color--deep-orange-700 {
2793 background-color: rgb(230,74,25) !important; }
2794
2795.mdl-color-text--deep-orange-800 {
2796 color: rgb(216,67,21) !important; }
2797
2798.mdl-color--deep-orange-800 {
2799 background-color: rgb(216,67,21) !important; }
2800
2801.mdl-color-text--deep-orange-900 {
2802 color: rgb(191,54,12) !important; }
2803
2804.mdl-color--deep-orange-900 {
2805 background-color: rgb(191,54,12) !important; }
2806
2807.mdl-color-text--deep-orange-A100 {
2808 color: rgb(255,158,128) !important; }
2809
2810.mdl-color--deep-orange-A100 {
2811 background-color: rgb(255,158,128) !important; }
2812
2813.mdl-color-text--deep-orange-A200 {
2814 color: rgb(255,110,64) !important; }
2815
2816.mdl-color--deep-orange-A200 {
2817 background-color: rgb(255,110,64) !important; }
2818
2819.mdl-color-text--deep-orange-A400 {
2820 color: rgb(255,61,0) !important; }
2821
2822.mdl-color--deep-orange-A400 {
2823 background-color: rgb(255,61,0) !important; }
2824
2825.mdl-color-text--deep-orange-A700 {
2826 color: rgb(221,44,0) !important; }
2827
2828.mdl-color--deep-orange-A700 {
2829 background-color: rgb(221,44,0) !important; }
2830
2831.mdl-color-text--brown {
2832 color: rgb(121,85,72) !important; }
2833
2834.mdl-color--brown {
2835 background-color: rgb(121,85,72) !important; }
2836
2837.mdl-color-text--brown-50 {
2838 color: rgb(239,235,233) !important; }
2839
2840.mdl-color--brown-50 {
2841 background-color: rgb(239,235,233) !important; }
2842
2843.mdl-color-text--brown-100 {
2844 color: rgb(215,204,200) !important; }
2845
2846.mdl-color--brown-100 {
2847 background-color: rgb(215,204,200) !important; }
2848
2849.mdl-color-text--brown-200 {
2850 color: rgb(188,170,164) !important; }
2851
2852.mdl-color--brown-200 {
2853 background-color: rgb(188,170,164) !important; }
2854
2855.mdl-color-text--brown-300 {
2856 color: rgb(161,136,127) !important; }
2857
2858.mdl-color--brown-300 {
2859 background-color: rgb(161,136,127) !important; }
2860
2861.mdl-color-text--brown-400 {
2862 color: rgb(141,110,99) !important; }
2863
2864.mdl-color--brown-400 {
2865 background-color: rgb(141,110,99) !important; }
2866
2867.mdl-color-text--brown-500 {
2868 color: rgb(121,85,72) !important; }
2869
2870.mdl-color--brown-500 {
2871 background-color: rgb(121,85,72) !important; }
2872
2873.mdl-color-text--brown-600 {
2874 color: rgb(109,76,65) !important; }
2875
2876.mdl-color--brown-600 {
2877 background-color: rgb(109,76,65) !important; }
2878
2879.mdl-color-text--brown-700 {
2880 color: rgb(93,64,55) !important; }
2881
2882.mdl-color--brown-700 {
2883 background-color: rgb(93,64,55) !important; }
2884
2885.mdl-color-text--brown-800 {
2886 color: rgb(78,52,46) !important; }
2887
2888.mdl-color--brown-800 {
2889 background-color: rgb(78,52,46) !important; }
2890
2891.mdl-color-text--brown-900 {
2892 color: rgb(62,39,35) !important; }
2893
2894.mdl-color--brown-900 {
2895 background-color: rgb(62,39,35) !important; }
2896
2897.mdl-color-text--grey {
2898 color: rgb(158,158,158) !important; }
2899
2900.mdl-color--grey {
2901 background-color: rgb(158,158,158) !important; }
2902
2903.mdl-color-text--grey-50 {
2904 color: rgb(250,250,250) !important; }
2905
2906.mdl-color--grey-50 {
2907 background-color: rgb(250,250,250) !important; }
2908
2909.mdl-color-text--grey-100 {
2910 color: rgb(245,245,245) !important; }
2911
2912.mdl-color--grey-100 {
2913 background-color: rgb(245,245,245) !important; }
2914
2915.mdl-color-text--grey-200 {
2916 color: rgb(238,238,238) !important; }
2917
2918.mdl-color--grey-200 {
2919 background-color: rgb(238,238,238) !important; }
2920
2921.mdl-color-text--grey-300 {
2922 color: rgb(224,224,224) !important; }
2923
2924.mdl-color--grey-300 {
2925 background-color: rgb(224,224,224) !important; }
2926
2927.mdl-color-text--grey-400 {
2928 color: rgb(189,189,189) !important; }
2929
2930.mdl-color--grey-400 {
2931 background-color: rgb(189,189,189) !important; }
2932
2933.mdl-color-text--grey-500 {
2934 color: rgb(158,158,158) !important; }
2935
2936.mdl-color--grey-500 {
2937 background-color: rgb(158,158,158) !important; }
2938
2939.mdl-color-text--grey-600 {
2940 color: rgb(117,117,117) !important; }
2941
2942.mdl-color--grey-600 {
2943 background-color: rgb(117,117,117) !important; }
2944
2945.mdl-color-text--grey-700 {
2946 color: rgb(97,97,97) !important; }
2947
2948.mdl-color--grey-700 {
2949 background-color: rgb(97,97,97) !important; }
2950
2951.mdl-color-text--grey-800 {
2952 color: rgb(66,66,66) !important; }
2953
2954.mdl-color--grey-800 {
2955 background-color: rgb(66,66,66) !important; }
2956
2957.mdl-color-text--grey-900 {
2958 color: rgb(33,33,33) !important; }
2959
2960.mdl-color--grey-900 {
2961 background-color: rgb(33,33,33) !important; }
2962
2963.mdl-color-text--blue-grey {
2964 color: rgb(96,125,139) !important; }
2965
2966.mdl-color--blue-grey {
2967 background-color: rgb(96,125,139) !important; }
2968
2969.mdl-color-text--blue-grey-50 {
2970 color: rgb(236,239,241) !important; }
2971
2972.mdl-color--blue-grey-50 {
2973 background-color: rgb(236,239,241) !important; }
2974
2975.mdl-color-text--blue-grey-100 {
2976 color: rgb(207,216,220) !important; }
2977
2978.mdl-color--blue-grey-100 {
2979 background-color: rgb(207,216,220) !important; }
2980
2981.mdl-color-text--blue-grey-200 {
2982 color: rgb(176,190,197) !important; }
2983
2984.mdl-color--blue-grey-200 {
2985 background-color: rgb(176,190,197) !important; }
2986
2987.mdl-color-text--blue-grey-300 {
2988 color: rgb(144,164,174) !important; }
2989
2990.mdl-color--blue-grey-300 {
2991 background-color: rgb(144,164,174) !important; }
2992
2993.mdl-color-text--blue-grey-400 {
2994 color: rgb(120,144,156) !important; }
2995
2996.mdl-color--blue-grey-400 {
2997 background-color: rgb(120,144,156) !important; }
2998
2999.mdl-color-text--blue-grey-500 {
3000 color: rgb(96,125,139) !important; }
3001
3002.mdl-color--blue-grey-500 {
3003 background-color: rgb(96,125,139) !important; }
3004
3005.mdl-color-text--blue-grey-600 {
3006 color: rgb(84,110,122) !important; }
3007
3008.mdl-color--blue-grey-600 {
3009 background-color: rgb(84,110,122) !important; }
3010
3011.mdl-color-text--blue-grey-700 {
3012 color: rgb(69,90,100) !important; }
3013
3014.mdl-color--blue-grey-700 {
3015 background-color: rgb(69,90,100) !important; }
3016
3017.mdl-color-text--blue-grey-800 {
3018 color: rgb(55,71,79) !important; }
3019
3020.mdl-color--blue-grey-800 {
3021 background-color: rgb(55,71,79) !important; }
3022
3023.mdl-color-text--blue-grey-900 {
3024 color: rgb(38,50,56) !important; }
3025
3026.mdl-color--blue-grey-900 {
3027 background-color: rgb(38,50,56) !important; }
3028
3029.mdl-color--black {
3030 background-color: rgb(0,0,0) !important; }
3031
3032.mdl-color-text--black {
3033 color: rgb(0,0,0) !important; }
3034
3035.mdl-color--white {
3036 background-color: rgb(255,255,255) !important; }
3037
3038.mdl-color-text--white {
3039 color: rgb(255,255,255) !important; }
3040
3041.mdl-color--primary {
3042 background-color: rgb(63,81,181) !important; }
3043
3044.mdl-color--primary-contrast {
3045 background-color: rgb(255,255,255) !important; }
3046
3047.mdl-color--primary-dark {
3048 background-color: rgb(48,63,159) !important; }
3049
3050.mdl-color--accent {
3051 background-color: rgb(255,64,129) !important; }
3052
3053.mdl-color--accent-contrast {
3054 background-color: rgb(255,255,255) !important; }
3055
3056.mdl-color-text--primary {
3057 color: rgb(63,81,181) !important; }
3058
3059.mdl-color-text--primary-contrast {
3060 color: rgb(255,255,255) !important; }
3061
3062.mdl-color-text--primary-dark {
3063 color: rgb(48,63,159) !important; }
3064
3065.mdl-color-text--accent {
3066 color: rgb(255,64,129) !important; }
3067
3068.mdl-color-text--accent-contrast {
3069 color: rgb(255,255,255) !important; }
3070
3071/**
3072 * Copyright 2015 Google Inc. All Rights Reserved.
3073 *
3074 * Licensed under the Apache License, Version 2.0 (the "License");
3075 * you may not use this file except in compliance with the License.
3076 * You may obtain a copy of the License at
3077 *
3078 * http://www.apache.org/licenses/LICENSE-2.0
3079 *
3080 * Unless required by applicable law or agreed to in writing, software
3081 * distributed under the License is distributed on an "AS IS" BASIS,
3082 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3083 * See the License for the specific language governing permissions and
3084 * limitations under the License.
3085 */
3086/**
3087 * Copyright 2015 Google Inc. All Rights Reserved.
3088 *
3089 * Licensed under the Apache License, Version 2.0 (the "License");
3090 * you may not use this file except in compliance with the License.
3091 * You may obtain a copy of the License at
3092 *
3093 * http://www.apache.org/licenses/LICENSE-2.0
3094 *
3095 * Unless required by applicable law or agreed to in writing, software
3096 * distributed under the License is distributed on an "AS IS" BASIS,
3097 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3098 * See the License for the specific language governing permissions and
3099 * limitations under the License.
3100 */
3101/*------------------------------------* $CONTENTS
3102\*------------------------------------*/
3103/**
3104 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3105 * -----Typography
3106 * -----Colors
3107 * -----Textfield
3108 * -----Switch
3109 * -----Spinner
3110 * -----Radio
3111 * -----Menu
3112 * -----List
3113 * -----Layout
3114 * -----Icon toggles
3115 * -----Footer
3116 * -----Column
3117 * -----Checkbox
3118 * -----Card
3119 * -----Button
3120 * -----Animation
3121 * -----Progress
3122 * -----Badge
3123 * -----Shadows
3124 * -----Grid
3125 * -----Data table
3126 * -----Dialog
3127 * -----Snackbar
3128 * -----Tooltip
3129 * -----Chip
3130 *
3131 * Even though all variables have the `!default` directive, most of them
3132 * should not be changed as they are dependent one another. This can cause
3133 * visual distortions (like alignment issues) that are hard to track down
3134 * and fix.
3135 */
3136/* ========== TYPOGRAPHY ========== */
3137/* We're splitting fonts into "preferred" and "performance" in order to optimize
3138 page loading. For important text, such as the body, we want it to load
3139 immediately and not wait for the web font load, whereas for other sections,
3140 such as headers and titles, we're OK with things taking a bit longer to load.
3141 We do have some optional classes and parameters in the mixins, in case you
3142 definitely want to make sure you're using the preferred font and don't mind
3143 the performance hit.
3144 We should be able to improve on this once CSS Font Loading L3 becomes more
3145 widely available.
3146*/
3147/* ========== COLORS ========== */
3148/**
3149*
3150* Material design color palettes.
3151* @see http://www.google.com/design/spec/style/color.html
3152*
3153**/
3154/**
3155 * Copyright 2015 Google Inc. All Rights Reserved.
3156 *
3157 * Licensed under the Apache License, Version 2.0 (the "License");
3158 * you may not use this file except in compliance with the License.
3159 * You may obtain a copy of the License at
3160 *
3161 * http://www.apache.org/licenses/LICENSE-2.0
3162 *
3163 * Unless required by applicable law or agreed to in writing, software
3164 * distributed under the License is distributed on an "AS IS" BASIS,
3165 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3166 * See the License for the specific language governing permissions and
3167 * limitations under the License.
3168 */
3169/* ========== Color Palettes ========== */
3170/* colors.scss */
3171/**
3172 * Copyright 2015 Google Inc. All Rights Reserved.
3173 *
3174 * Licensed under the Apache License, Version 2.0 (the "License");
3175 * you may not use this file except in compliance with the License.
3176 * You may obtain a copy of the License at
3177 *
3178 * http://www.apache.org/licenses/LICENSE-2.0
3179 *
3180 * Unless required by applicable law or agreed to in writing, software
3181 * distributed under the License is distributed on an "AS IS" BASIS,
3182 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3183 * See the License for the specific language governing permissions and
3184 * limitations under the License.
3185 */
3186/* ========== IMAGES ========== */
3187/* ========== Color & Themes ========== */
3188/* ========== Typography ========== */
3189/* ========== Components ========== */
3190/* ========== Standard Buttons ========== */
3191/* ========== Icon Toggles ========== */
3192/* ========== Radio Buttons ========== */
3193/* ========== Ripple effect ========== */
3194/* ========== Layout ========== */
3195/* ========== Content Tabs ========== */
3196/* ========== Checkboxes ========== */
3197/* ========== Switches ========== */
3198/* ========== Spinner ========== */
3199/* ========== Text fields ========== */
3200/* ========== Card ========== */
3201/* ========== Sliders ========== */
3202/* ========== Progress ========== */
3203/* ========== List ========== */
3204/* ========== Item ========== */
3205/* ========== Dropdown menu ========== */
3206/* ========== Tooltips ========== */
3207/* ========== Footer ========== */
3208/* TEXTFIELD */
3209/* SWITCH */
3210/* SPINNER */
3211/* RADIO */
3212/* MENU */
3213/* LIST */
3214/* LAYOUT */
3215/* ICON TOGGLE */
3216/* FOOTER */
3217/*mega-footer*/
3218/*mini-footer*/
3219/* CHECKBOX */
3220/* CARD */
3221/* Card dimensions */
3222/* Cover image */
3223/* BUTTON */
3224/**
3225 *
3226 * Dimensions
3227 *
3228 */
3229/* ANIMATION */
3230/* PROGRESS */
3231/* BADGE */
3232/* SHADOWS */
3233/* GRID */
3234/* DATA TABLE */
3235/* DIALOG */
3236/* SNACKBAR */
3237/* TOOLTIP */
3238/* CHIP */
3239.mdl-ripple {
3240 background: rgb(0,0,0);
3241 border-radius: 50%;
3242 height: 50px;
3243 left: 0;
3244 opacity: 0;
3245 pointer-events: none;
3246 position: absolute;
3247 top: 0;
3248 -webkit-transform: translate(-50%, -50%);
3249 transform: translate(-50%, -50%);
3250 width: 50px;
3251 overflow: hidden; }
3252 .mdl-ripple.is-animating {
3253 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);
3254 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);
3255 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); }
3256 .mdl-ripple.is-visible {
3257 opacity: 0.3; }
3258
3259/**
3260 * Copyright 2015 Google Inc. All Rights Reserved.
3261 *
3262 * Licensed under the Apache License, Version 2.0 (the "License");
3263 * you may not use this file except in compliance with the License.
3264 * You may obtain a copy of the License at
3265 *
3266 * http://www.apache.org/licenses/LICENSE-2.0
3267 *
3268 * Unless required by applicable law or agreed to in writing, software
3269 * distributed under the License is distributed on an "AS IS" BASIS,
3270 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3271 * See the License for the specific language governing permissions and
3272 * limitations under the License.
3273 */
3274/**
3275 * Copyright 2015 Google Inc. All Rights Reserved.
3276 *
3277 * Licensed under the Apache License, Version 2.0 (the "License");
3278 * you may not use this file except in compliance with the License.
3279 * You may obtain a copy of the License at
3280 *
3281 * http://www.apache.org/licenses/LICENSE-2.0
3282 *
3283 * Unless required by applicable law or agreed to in writing, software
3284 * distributed under the License is distributed on an "AS IS" BASIS,
3285 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3286 * See the License for the specific language governing permissions and
3287 * limitations under the License.
3288 */
3289/*------------------------------------* $CONTENTS
3290\*------------------------------------*/
3291/**
3292 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3293 * -----Typography
3294 * -----Colors
3295 * -----Textfield
3296 * -----Switch
3297 * -----Spinner
3298 * -----Radio
3299 * -----Menu
3300 * -----List
3301 * -----Layout
3302 * -----Icon toggles
3303 * -----Footer
3304 * -----Column
3305 * -----Checkbox
3306 * -----Card
3307 * -----Button
3308 * -----Animation
3309 * -----Progress
3310 * -----Badge
3311 * -----Shadows
3312 * -----Grid
3313 * -----Data table
3314 * -----Dialog
3315 * -----Snackbar
3316 * -----Tooltip
3317 * -----Chip
3318 *
3319 * Even though all variables have the `!default` directive, most of them
3320 * should not be changed as they are dependent one another. This can cause
3321 * visual distortions (like alignment issues) that are hard to track down
3322 * and fix.
3323 */
3324/* ========== TYPOGRAPHY ========== */
3325/* We're splitting fonts into "preferred" and "performance" in order to optimize
3326 page loading. For important text, such as the body, we want it to load
3327 immediately and not wait for the web font load, whereas for other sections,
3328 such as headers and titles, we're OK with things taking a bit longer to load.
3329 We do have some optional classes and parameters in the mixins, in case you
3330 definitely want to make sure you're using the preferred font and don't mind
3331 the performance hit.
3332 We should be able to improve on this once CSS Font Loading L3 becomes more
3333 widely available.
3334*/
3335/* ========== COLORS ========== */
3336/**
3337*
3338* Material design color palettes.
3339* @see http://www.google.com/design/spec/style/color.html
3340*
3341**/
3342/**
3343 * Copyright 2015 Google Inc. All Rights Reserved.
3344 *
3345 * Licensed under the Apache License, Version 2.0 (the "License");
3346 * you may not use this file except in compliance with the License.
3347 * You may obtain a copy of the License at
3348 *
3349 * http://www.apache.org/licenses/LICENSE-2.0
3350 *
3351 * Unless required by applicable law or agreed to in writing, software
3352 * distributed under the License is distributed on an "AS IS" BASIS,
3353 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3354 * See the License for the specific language governing permissions and
3355 * limitations under the License.
3356 */
3357/* ========== Color Palettes ========== */
3358/* colors.scss */
3359/**
3360 * Copyright 2015 Google Inc. All Rights Reserved.
3361 *
3362 * Licensed under the Apache License, Version 2.0 (the "License");
3363 * you may not use this file except in compliance with the License.
3364 * You may obtain a copy of the License at
3365 *
3366 * http://www.apache.org/licenses/LICENSE-2.0
3367 *
3368 * Unless required by applicable law or agreed to in writing, software
3369 * distributed under the License is distributed on an "AS IS" BASIS,
3370 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3371 * See the License for the specific language governing permissions and
3372 * limitations under the License.
3373 */
3374/* ========== IMAGES ========== */
3375/* ========== Color & Themes ========== */
3376/* ========== Typography ========== */
3377/* ========== Components ========== */
3378/* ========== Standard Buttons ========== */
3379/* ========== Icon Toggles ========== */
3380/* ========== Radio Buttons ========== */
3381/* ========== Ripple effect ========== */
3382/* ========== Layout ========== */
3383/* ========== Content Tabs ========== */
3384/* ========== Checkboxes ========== */
3385/* ========== Switches ========== */
3386/* ========== Spinner ========== */
3387/* ========== Text fields ========== */
3388/* ========== Card ========== */
3389/* ========== Sliders ========== */
3390/* ========== Progress ========== */
3391/* ========== List ========== */
3392/* ========== Item ========== */
3393/* ========== Dropdown menu ========== */
3394/* ========== Tooltips ========== */
3395/* ========== Footer ========== */
3396/* TEXTFIELD */
3397/* SWITCH */
3398/* SPINNER */
3399/* RADIO */
3400/* MENU */
3401/* LIST */
3402/* LAYOUT */
3403/* ICON TOGGLE */
3404/* FOOTER */
3405/*mega-footer*/
3406/*mini-footer*/
3407/* CHECKBOX */
3408/* CARD */
3409/* Card dimensions */
3410/* Cover image */
3411/* BUTTON */
3412/**
3413 *
3414 * Dimensions
3415 *
3416 */
3417/* ANIMATION */
3418/* PROGRESS */
3419/* BADGE */
3420/* SHADOWS */
3421/* GRID */
3422/* DATA TABLE */
3423/* DIALOG */
3424/* SNACKBAR */
3425/* TOOLTIP */
3426/* CHIP */
3427.mdl-animation--default {
3428 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3429
3430.mdl-animation--fast-out-slow-in {
3431 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3432
3433.mdl-animation--linear-out-slow-in {
3434 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
3435
3436.mdl-animation--fast-out-linear-in {
3437 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
3438
3439/**
3440 * Copyright 2015 Google Inc. All Rights Reserved.
3441 *
3442 * Licensed under the Apache License, Version 2.0 (the "License");
3443 * you may not use this file except in compliance with the License.
3444 * You may obtain a copy of the License at
3445 *
3446 * http://www.apache.org/licenses/LICENSE-2.0
3447 *
3448 * Unless required by applicable law or agreed to in writing, software
3449 * distributed under the License is distributed on an "AS IS" BASIS,
3450 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3451 * See the License for the specific language governing permissions and
3452 * limitations under the License.
3453 */
3454/**
3455 * Copyright 2015 Google Inc. All Rights Reserved.
3456 *
3457 * Licensed under the Apache License, Version 2.0 (the "License");
3458 * you may not use this file except in compliance with the License.
3459 * You may obtain a copy of the License at
3460 *
3461 * http://www.apache.org/licenses/LICENSE-2.0
3462 *
3463 * Unless required by applicable law or agreed to in writing, software
3464 * distributed under the License is distributed on an "AS IS" BASIS,
3465 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3466 * See the License for the specific language governing permissions and
3467 * limitations under the License.
3468 */
3469/*------------------------------------* $CONTENTS
3470\*------------------------------------*/
3471/**
3472 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3473 * -----Typography
3474 * -----Colors
3475 * -----Textfield
3476 * -----Switch
3477 * -----Spinner
3478 * -----Radio
3479 * -----Menu
3480 * -----List
3481 * -----Layout
3482 * -----Icon toggles
3483 * -----Footer
3484 * -----Column
3485 * -----Checkbox
3486 * -----Card
3487 * -----Button
3488 * -----Animation
3489 * -----Progress
3490 * -----Badge
3491 * -----Shadows
3492 * -----Grid
3493 * -----Data table
3494 * -----Dialog
3495 * -----Snackbar
3496 * -----Tooltip
3497 * -----Chip
3498 *
3499 * Even though all variables have the `!default` directive, most of them
3500 * should not be changed as they are dependent one another. This can cause
3501 * visual distortions (like alignment issues) that are hard to track down
3502 * and fix.
3503 */
3504/* ========== TYPOGRAPHY ========== */
3505/* We're splitting fonts into "preferred" and "performance" in order to optimize
3506 page loading. For important text, such as the body, we want it to load
3507 immediately and not wait for the web font load, whereas for other sections,
3508 such as headers and titles, we're OK with things taking a bit longer to load.
3509 We do have some optional classes and parameters in the mixins, in case you
3510 definitely want to make sure you're using the preferred font and don't mind
3511 the performance hit.
3512 We should be able to improve on this once CSS Font Loading L3 becomes more
3513 widely available.
3514*/
3515/* ========== COLORS ========== */
3516/**
3517*
3518* Material design color palettes.
3519* @see http://www.google.com/design/spec/style/color.html
3520*
3521**/
3522/**
3523 * Copyright 2015 Google Inc. All Rights Reserved.
3524 *
3525 * Licensed under the Apache License, Version 2.0 (the "License");
3526 * you may not use this file except in compliance with the License.
3527 * You may obtain a copy of the License at
3528 *
3529 * http://www.apache.org/licenses/LICENSE-2.0
3530 *
3531 * Unless required by applicable law or agreed to in writing, software
3532 * distributed under the License is distributed on an "AS IS" BASIS,
3533 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3534 * See the License for the specific language governing permissions and
3535 * limitations under the License.
3536 */
3537/* ========== Color Palettes ========== */
3538/* colors.scss */
3539/**
3540 * Copyright 2015 Google Inc. All Rights Reserved.
3541 *
3542 * Licensed under the Apache License, Version 2.0 (the "License");
3543 * you may not use this file except in compliance with the License.
3544 * You may obtain a copy of the License at
3545 *
3546 * http://www.apache.org/licenses/LICENSE-2.0
3547 *
3548 * Unless required by applicable law or agreed to in writing, software
3549 * distributed under the License is distributed on an "AS IS" BASIS,
3550 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3551 * See the License for the specific language governing permissions and
3552 * limitations under the License.
3553 */
3554/* ========== IMAGES ========== */
3555/* ========== Color & Themes ========== */
3556/* ========== Typography ========== */
3557/* ========== Components ========== */
3558/* ========== Standard Buttons ========== */
3559/* ========== Icon Toggles ========== */
3560/* ========== Radio Buttons ========== */
3561/* ========== Ripple effect ========== */
3562/* ========== Layout ========== */
3563/* ========== Content Tabs ========== */
3564/* ========== Checkboxes ========== */
3565/* ========== Switches ========== */
3566/* ========== Spinner ========== */
3567/* ========== Text fields ========== */
3568/* ========== Card ========== */
3569/* ========== Sliders ========== */
3570/* ========== Progress ========== */
3571/* ========== List ========== */
3572/* ========== Item ========== */
3573/* ========== Dropdown menu ========== */
3574/* ========== Tooltips ========== */
3575/* ========== Footer ========== */
3576/* TEXTFIELD */
3577/* SWITCH */
3578/* SPINNER */
3579/* RADIO */
3580/* MENU */
3581/* LIST */
3582/* LAYOUT */
3583/* ICON TOGGLE */
3584/* FOOTER */
3585/*mega-footer*/
3586/*mini-footer*/
3587/* CHECKBOX */
3588/* CARD */
3589/* Card dimensions */
3590/* Cover image */
3591/* BUTTON */
3592/**
3593 *
3594 * Dimensions
3595 *
3596 */
3597/* ANIMATION */
3598/* PROGRESS */
3599/* BADGE */
3600/* SHADOWS */
3601/* GRID */
3602/* DATA TABLE */
3603/* DIALOG */
3604/* SNACKBAR */
3605/* TOOLTIP */
3606/* CHIP */
3607.mdl-badge {
3608 position: relative;
3609 white-space: nowrap;
3610 margin-right: 24px; }
3611 .mdl-badge:not([data-badge]) {
3612 margin-right: auto; }
3613 .mdl-badge[data-badge]:after {
3614 content: attr(data-badge);
3615 display: -webkit-flex;
3616 display: -ms-flexbox;
3617 display: flex;
3618 -webkit-flex-direction: row;
3619 -ms-flex-direction: row;
3620 flex-direction: row;
3621 -webkit-flex-wrap: wrap;
3622 -ms-flex-wrap: wrap;
3623 flex-wrap: wrap;
3624 -webkit-justify-content: center;
3625 -ms-flex-pack: center;
3626 justify-content: center;
3627 -webkit-align-content: center;
3628 -ms-flex-line-pack: center;
3629 align-content: center;
3630 -webkit-align-items: center;
3631 -ms-flex-align: center;
3632 align-items: center;
3633 position: absolute;
3634 top: -11px;
3635 right: -24px;
3636 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3637 font-weight: 600;
3638 font-size: 12px;
3639 width: 22px;
3640 height: 22px;
3641 border-radius: 50%;
3642 background: rgb(255,64,129);
3643 color: rgb(255,255,255); }
3644 .mdl-button .mdl-badge[data-badge]:after {
3645 top: -10px;
3646 right: -5px; }
3647 .mdl-badge.mdl-badge--no-background[data-badge]:after {
3648 color: rgb(255,64,129);
3649 background: rgba(255,255,255,0.2);
3650 box-shadow: 0 0 1px gray; }
3651 .mdl-badge.mdl-badge--overlap {
3652 margin-right: 10px; }
3653 .mdl-badge.mdl-badge--overlap:after {
3654 right: -10px; }
3655
3656/**
3657 * Copyright 2015 Google Inc. All Rights Reserved.
3658 *
3659 * Licensed under the Apache License, Version 2.0 (the "License");
3660 * you may not use this file except in compliance with the License.
3661 * You may obtain a copy of the License at
3662 *
3663 * http://www.apache.org/licenses/LICENSE-2.0
3664 *
3665 * Unless required by applicable law or agreed to in writing, software
3666 * distributed under the License is distributed on an "AS IS" BASIS,
3667 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3668 * See the License for the specific language governing permissions and
3669 * limitations under the License.
3670 */
3671/**
3672 * Copyright 2015 Google Inc. All Rights Reserved.
3673 *
3674 * Licensed under the Apache License, Version 2.0 (the "License");
3675 * you may not use this file except in compliance with the License.
3676 * You may obtain a copy of the License at
3677 *
3678 * http://www.apache.org/licenses/LICENSE-2.0
3679 *
3680 * Unless required by applicable law or agreed to in writing, software
3681 * distributed under the License is distributed on an "AS IS" BASIS,
3682 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3683 * See the License for the specific language governing permissions and
3684 * limitations under the License.
3685 */
3686/*------------------------------------* $CONTENTS
3687\*------------------------------------*/
3688/**
3689 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3690 * -----Typography
3691 * -----Colors
3692 * -----Textfield
3693 * -----Switch
3694 * -----Spinner
3695 * -----Radio
3696 * -----Menu
3697 * -----List
3698 * -----Layout
3699 * -----Icon toggles
3700 * -----Footer
3701 * -----Column
3702 * -----Checkbox
3703 * -----Card
3704 * -----Button
3705 * -----Animation
3706 * -----Progress
3707 * -----Badge
3708 * -----Shadows
3709 * -----Grid
3710 * -----Data table
3711 * -----Dialog
3712 * -----Snackbar
3713 * -----Tooltip
3714 * -----Chip
3715 *
3716 * Even though all variables have the `!default` directive, most of them
3717 * should not be changed as they are dependent one another. This can cause
3718 * visual distortions (like alignment issues) that are hard to track down
3719 * and fix.
3720 */
3721/* ========== TYPOGRAPHY ========== */
3722/* We're splitting fonts into "preferred" and "performance" in order to optimize
3723 page loading. For important text, such as the body, we want it to load
3724 immediately and not wait for the web font load, whereas for other sections,
3725 such as headers and titles, we're OK with things taking a bit longer to load.
3726 We do have some optional classes and parameters in the mixins, in case you
3727 definitely want to make sure you're using the preferred font and don't mind
3728 the performance hit.
3729 We should be able to improve on this once CSS Font Loading L3 becomes more
3730 widely available.
3731*/
3732/* ========== COLORS ========== */
3733/**
3734*
3735* Material design color palettes.
3736* @see http://www.google.com/design/spec/style/color.html
3737*
3738**/
3739/**
3740 * Copyright 2015 Google Inc. All Rights Reserved.
3741 *
3742 * Licensed under the Apache License, Version 2.0 (the "License");
3743 * you may not use this file except in compliance with the License.
3744 * You may obtain a copy of the License at
3745 *
3746 * http://www.apache.org/licenses/LICENSE-2.0
3747 *
3748 * Unless required by applicable law or agreed to in writing, software
3749 * distributed under the License is distributed on an "AS IS" BASIS,
3750 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3751 * See the License for the specific language governing permissions and
3752 * limitations under the License.
3753 */
3754/* ========== Color Palettes ========== */
3755/* colors.scss */
3756/**
3757 * Copyright 2015 Google Inc. All Rights Reserved.
3758 *
3759 * Licensed under the Apache License, Version 2.0 (the "License");
3760 * you may not use this file except in compliance with the License.
3761 * You may obtain a copy of the License at
3762 *
3763 * http://www.apache.org/licenses/LICENSE-2.0
3764 *
3765 * Unless required by applicable law or agreed to in writing, software
3766 * distributed under the License is distributed on an "AS IS" BASIS,
3767 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3768 * See the License for the specific language governing permissions and
3769 * limitations under the License.
3770 */
3771/* ========== IMAGES ========== */
3772/* ========== Color & Themes ========== */
3773/* ========== Typography ========== */
3774/* ========== Components ========== */
3775/* ========== Standard Buttons ========== */
3776/* ========== Icon Toggles ========== */
3777/* ========== Radio Buttons ========== */
3778/* ========== Ripple effect ========== */
3779/* ========== Layout ========== */
3780/* ========== Content Tabs ========== */
3781/* ========== Checkboxes ========== */
3782/* ========== Switches ========== */
3783/* ========== Spinner ========== */
3784/* ========== Text fields ========== */
3785/* ========== Card ========== */
3786/* ========== Sliders ========== */
3787/* ========== Progress ========== */
3788/* ========== List ========== */
3789/* ========== Item ========== */
3790/* ========== Dropdown menu ========== */
3791/* ========== Tooltips ========== */
3792/* ========== Footer ========== */
3793/* TEXTFIELD */
3794/* SWITCH */
3795/* SPINNER */
3796/* RADIO */
3797/* MENU */
3798/* LIST */
3799/* LAYOUT */
3800/* ICON TOGGLE */
3801/* FOOTER */
3802/*mega-footer*/
3803/*mini-footer*/
3804/* CHECKBOX */
3805/* CARD */
3806/* Card dimensions */
3807/* Cover image */
3808/* BUTTON */
3809/**
3810 *
3811 * Dimensions
3812 *
3813 */
3814/* ANIMATION */
3815/* PROGRESS */
3816/* BADGE */
3817/* SHADOWS */
3818/* GRID */
3819/* DATA TABLE */
3820/* DIALOG */
3821/* SNACKBAR */
3822/* TOOLTIP */
3823/* CHIP */
3824/**
3825 * Copyright 2015 Google Inc. All Rights Reserved.
3826 *
3827 * Licensed under the Apache License, Version 2.0 (the "License");
3828 * you may not use this file except in compliance with the License.
3829 * You may obtain a copy of the License at
3830 *
3831 * http://www.apache.org/licenses/LICENSE-2.0
3832 *
3833 * Unless required by applicable law or agreed to in writing, software
3834 * distributed under the License is distributed on an "AS IS" BASIS,
3835 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3836 * See the License for the specific language governing permissions and
3837 * limitations under the License.
3838 */
3839/* Typography */
3840/* Shadows */
3841/* Animations */
3842/* Dialog */
3843.mdl-button {
3844 background: transparent;
3845 border: none;
3846 border-radius: 2px;
3847 color: rgb(0,0,0);
3848 position: relative;
3849 height: 36px;
3850 margin: 0;
3851 min-width: 64px;
3852 padding: 0 16px;
3853 display: inline-block;
3854 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3855 font-size: 14px;
3856 font-weight: 500;
3857 text-transform: uppercase;
3858 line-height: 1;
3859 letter-spacing: 0;
3860 overflow: hidden;
3861 will-change: box-shadow;
3862 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);
3863 outline: none;
3864 cursor: pointer;
3865 text-decoration: none;
3866 text-align: center;
3867 line-height: 36px;
3868 vertical-align: middle; }
3869 .mdl-button::-moz-focus-inner {
3870 border: 0; }
3871 .mdl-button:hover {
3872 background-color: rgba(158,158,158, 0.20); }
3873 .mdl-button:focus:not(:active) {
3874 background-color: rgba(0,0,0, 0.12); }
3875 .mdl-button:active {
3876 background-color: rgba(158,158,158, 0.40); }
3877 .mdl-button.mdl-button--colored {
3878 color: rgb(63,81,181); }
3879 .mdl-button.mdl-button--colored:focus:not(:active) {
3880 background-color: rgba(0,0,0, 0.12); }
3881
3882input.mdl-button[type="submit"] {
3883 -webkit-appearance: none; }
3884
3885.mdl-button--raised {
3886 background: rgba(158,158,158, 0.20);
3887 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); }
3888 .mdl-button--raised:active {
3889 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);
3890 background-color: rgba(158,158,158, 0.40); }
3891 .mdl-button--raised:focus:not(:active) {
3892 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3893 background-color: rgba(158,158,158, 0.40); }
3894 .mdl-button--raised.mdl-button--colored {
3895 background: rgb(63,81,181);
3896 color: rgb(255,255,255); }
3897 .mdl-button--raised.mdl-button--colored:hover {
3898 background-color: rgb(63,81,181); }
3899 .mdl-button--raised.mdl-button--colored:active {
3900 background-color: rgb(63,81,181); }
3901 .mdl-button--raised.mdl-button--colored:focus:not(:active) {
3902 background-color: rgb(63,81,181); }
3903 .mdl-button--raised.mdl-button--colored .mdl-ripple {
3904 background: rgb(255,255,255); }
3905
3906.mdl-button--fab {
3907 border-radius: 50%;
3908 font-size: 24px;
3909 height: 56px;
3910 margin: auto;
3911 min-width: 56px;
3912 width: 56px;
3913 padding: 0;
3914 overflow: hidden;
3915 background: rgba(158,158,158, 0.20);
3916 box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
3917 position: relative;
3918 line-height: normal; }
3919 .mdl-button--fab .material-icons {
3920 position: absolute;
3921 top: 50%;
3922 left: 50%;
3923 -webkit-transform: translate(-12px, -12px);
3924 transform: translate(-12px, -12px);
3925 line-height: 24px;
3926 width: 24px; }
3927 .mdl-button--fab.mdl-button--mini-fab {
3928 height: 40px;
3929 min-width: 40px;
3930 width: 40px; }
3931 .mdl-button--fab .mdl-button__ripple-container {
3932 border-radius: 50%;
3933 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3934 .mdl-button--fab:active {
3935 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);
3936 background-color: rgba(158,158,158, 0.40); }
3937 .mdl-button--fab:focus:not(:active) {
3938 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3939 background-color: rgba(158,158,158, 0.40); }
3940 .mdl-button--fab.mdl-button--colored {
3941 background: rgb(255,64,129);
3942 color: rgb(255,255,255); }
3943 .mdl-button--fab.mdl-button--colored:hover {
3944 background-color: rgb(255,64,129); }
3945 .mdl-button--fab.mdl-button--colored:focus:not(:active) {
3946 background-color: rgb(255,64,129); }
3947 .mdl-button--fab.mdl-button--colored:active {
3948 background-color: rgb(255,64,129); }
3949 .mdl-button--fab.mdl-button--colored .mdl-ripple {
3950 background: rgb(255,255,255); }
3951
3952.mdl-button--icon {
3953 border-radius: 50%;
3954 font-size: 24px;
3955 height: 32px;
3956 margin-left: 0;
3957 margin-right: 0;
3958 min-width: 32px;
3959 width: 32px;
3960 padding: 0;
3961 overflow: hidden;
3962 color: inherit;
3963 line-height: normal; }
3964 .mdl-button--icon .material-icons {
3965 position: absolute;
3966 top: 50%;
3967 left: 50%;
3968 -webkit-transform: translate(-12px, -12px);
3969 transform: translate(-12px, -12px);
3970 line-height: 24px;
3971 width: 24px; }
3972 .mdl-button--icon.mdl-button--mini-icon {
3973 height: 24px;
3974 min-width: 24px;
3975 width: 24px; }
3976 .mdl-button--icon.mdl-button--mini-icon .material-icons {
3977 top: 0px;
3978 left: 0px; }
3979 .mdl-button--icon .mdl-button__ripple-container {
3980 border-radius: 50%;
3981 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3982
3983.mdl-button__ripple-container {
3984 display: block;
3985 height: 100%;
3986 left: 0px;
3987 position: absolute;
3988 top: 0px;
3989 width: 100%;
3990 z-index: 0;
3991 overflow: hidden; }
3992 .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
3993 .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
3994 background-color: transparent; }
3995
3996.mdl-button--primary.mdl-button--primary {
3997 color: rgb(63,81,181); }
3998 .mdl-button--primary.mdl-button--primary .mdl-ripple {
3999 background: rgb(255,255,255); }
4000 .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
4001 color: rgb(255,255,255);
4002 background-color: rgb(63,81,181); }
4003
4004.mdl-button--accent.mdl-button--accent {
4005 color: rgb(255,64,129); }
4006 .mdl-button--accent.mdl-button--accent .mdl-ripple {
4007 background: rgb(255,255,255); }
4008 .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
4009 color: rgb(255,255,255);
4010 background-color: rgb(255,64,129); }
4011
4012.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
4013 color: rgba(0,0,0, 0.26);
4014 cursor: default;
4015 background-color: transparent; }
4016
4017.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
4018 background-color: rgba(0,0,0, 0.12);
4019 color: rgba(0,0,0, 0.26); }
4020
4021.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
4022 background-color: rgba(0,0,0, 0.12);
4023 color: rgba(0,0,0, 0.26);
4024 box-shadow: none; }
4025
4026.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
4027 color: rgba(0,0,0, 0.26); }
4028
4029.mdl-button .material-icons {
4030 vertical-align: middle; }
4031
4032/**
4033 * Copyright 2015 Google Inc. All Rights Reserved.
4034 *
4035 * Licensed under the Apache License, Version 2.0 (the "License");
4036 * you may not use this file except in compliance with the License.
4037 * You may obtain a copy of the License at
4038 *
4039 * http://www.apache.org/licenses/LICENSE-2.0
4040 *
4041 * Unless required by applicable law or agreed to in writing, software
4042 * distributed under the License is distributed on an "AS IS" BASIS,
4043 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4044 * See the License for the specific language governing permissions and
4045 * limitations under the License.
4046 */
4047/**
4048 * Copyright 2015 Google Inc. All Rights Reserved.
4049 *
4050 * Licensed under the Apache License, Version 2.0 (the "License");
4051 * you may not use this file except in compliance with the License.
4052 * You may obtain a copy of the License at
4053 *
4054 * http://www.apache.org/licenses/LICENSE-2.0
4055 *
4056 * Unless required by applicable law or agreed to in writing, software
4057 * distributed under the License is distributed on an "AS IS" BASIS,
4058 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4059 * See the License for the specific language governing permissions and
4060 * limitations under the License.
4061 */
4062/*------------------------------------* $CONTENTS
4063\*------------------------------------*/
4064/**
4065 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4066 * -----Typography
4067 * -----Colors
4068 * -----Textfield
4069 * -----Switch
4070 * -----Spinner
4071 * -----Radio
4072 * -----Menu
4073 * -----List
4074 * -----Layout
4075 * -----Icon toggles
4076 * -----Footer
4077 * -----Column
4078 * -----Checkbox
4079 * -----Card
4080 * -----Button
4081 * -----Animation
4082 * -----Progress
4083 * -----Badge
4084 * -----Shadows
4085 * -----Grid
4086 * -----Data table
4087 * -----Dialog
4088 * -----Snackbar
4089 * -----Tooltip
4090 * -----Chip
4091 *
4092 * Even though all variables have the `!default` directive, most of them
4093 * should not be changed as they are dependent one another. This can cause
4094 * visual distortions (like alignment issues) that are hard to track down
4095 * and fix.
4096 */
4097/* ========== TYPOGRAPHY ========== */
4098/* We're splitting fonts into "preferred" and "performance" in order to optimize
4099 page loading. For important text, such as the body, we want it to load
4100 immediately and not wait for the web font load, whereas for other sections,
4101 such as headers and titles, we're OK with things taking a bit longer to load.
4102 We do have some optional classes and parameters in the mixins, in case you
4103 definitely want to make sure you're using the preferred font and don't mind
4104 the performance hit.
4105 We should be able to improve on this once CSS Font Loading L3 becomes more
4106 widely available.
4107*/
4108/* ========== COLORS ========== */
4109/**
4110*
4111* Material design color palettes.
4112* @see http://www.google.com/design/spec/style/color.html
4113*
4114**/
4115/**
4116 * Copyright 2015 Google Inc. All Rights Reserved.
4117 *
4118 * Licensed under the Apache License, Version 2.0 (the "License");
4119 * you may not use this file except in compliance with the License.
4120 * You may obtain a copy of the License at
4121 *
4122 * http://www.apache.org/licenses/LICENSE-2.0
4123 *
4124 * Unless required by applicable law or agreed to in writing, software
4125 * distributed under the License is distributed on an "AS IS" BASIS,
4126 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4127 * See the License for the specific language governing permissions and
4128 * limitations under the License.
4129 */
4130/* ========== Color Palettes ========== */
4131/* colors.scss */
4132/**
4133 * Copyright 2015 Google Inc. All Rights Reserved.
4134 *
4135 * Licensed under the Apache License, Version 2.0 (the "License");
4136 * you may not use this file except in compliance with the License.
4137 * You may obtain a copy of the License at
4138 *
4139 * http://www.apache.org/licenses/LICENSE-2.0
4140 *
4141 * Unless required by applicable law or agreed to in writing, software
4142 * distributed under the License is distributed on an "AS IS" BASIS,
4143 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4144 * See the License for the specific language governing permissions and
4145 * limitations under the License.
4146 */
4147/* ========== IMAGES ========== */
4148/* ========== Color & Themes ========== */
4149/* ========== Typography ========== */
4150/* ========== Components ========== */
4151/* ========== Standard Buttons ========== */
4152/* ========== Icon Toggles ========== */
4153/* ========== Radio Buttons ========== */
4154/* ========== Ripple effect ========== */
4155/* ========== Layout ========== */
4156/* ========== Content Tabs ========== */
4157/* ========== Checkboxes ========== */
4158/* ========== Switches ========== */
4159/* ========== Spinner ========== */
4160/* ========== Text fields ========== */
4161/* ========== Card ========== */
4162/* ========== Sliders ========== */
4163/* ========== Progress ========== */
4164/* ========== List ========== */
4165/* ========== Item ========== */
4166/* ========== Dropdown menu ========== */
4167/* ========== Tooltips ========== */
4168/* ========== Footer ========== */
4169/* TEXTFIELD */
4170/* SWITCH */
4171/* SPINNER */
4172/* RADIO */
4173/* MENU */
4174/* LIST */
4175/* LAYOUT */
4176/* ICON TOGGLE */
4177/* FOOTER */
4178/*mega-footer*/
4179/*mini-footer*/
4180/* CHECKBOX */
4181/* CARD */
4182/* Card dimensions */
4183/* Cover image */
4184/* BUTTON */
4185/**
4186 *
4187 * Dimensions
4188 *
4189 */
4190/* ANIMATION */
4191/* PROGRESS */
4192/* BADGE */
4193/* SHADOWS */
4194/* GRID */
4195/* DATA TABLE */
4196/* DIALOG */
4197/* SNACKBAR */
4198/* TOOLTIP */
4199/* CHIP */
4200.mdl-card {
4201 display: -webkit-flex;
4202 display: -ms-flexbox;
4203 display: flex;
4204 -webkit-flex-direction: column;
4205 -ms-flex-direction: column;
4206 flex-direction: column;
4207 font-size: 16px;
4208 font-weight: 400;
4209 min-height: 200px;
4210 overflow: hidden;
4211 width: 330px;
4212 z-index: 1;
4213 position: relative;
4214 background: rgb(255,255,255);
4215 border-radius: 2px;
4216 box-sizing: border-box; }
4217
4218.mdl-card__media {
4219 background-color: rgb(255,64,129);
4220 background-repeat: repeat;
4221 background-position: 50% 50%;
4222 background-size: cover;
4223 background-origin: padding-box;
4224 background-attachment: scroll;
4225 box-sizing: border-box; }
4226
4227.mdl-card__title {
4228 -webkit-align-items: center;
4229 -ms-flex-align: center;
4230 align-items: center;
4231 color: rgb(0,0,0);
4232 display: block;
4233 display: -webkit-flex;
4234 display: -ms-flexbox;
4235 display: flex;
4236 -webkit-justify-content: stretch;
4237 -ms-flex-pack: stretch;
4238 justify-content: stretch;
4239 line-height: normal;
4240 padding: 16px 16px;
4241 -webkit-perspective-origin: 165px 56px;
4242 perspective-origin: 165px 56px;
4243 -webkit-transform-origin: 165px 56px;
4244 transform-origin: 165px 56px;
4245 box-sizing: border-box; }
4246 .mdl-card__title.mdl-card--border {
4247 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4248
4249.mdl-card__title-text {
4250 -webkit-align-self: flex-end;
4251 -ms-flex-item-align: end;
4252 align-self: flex-end;
4253 color: inherit;
4254 display: block;
4255 display: -webkit-flex;
4256 display: -ms-flexbox;
4257 display: flex;
4258 font-size: 24px;
4259 font-weight: 300;
4260 line-height: normal;
4261 overflow: hidden;
4262 -webkit-transform-origin: 149px 48px;
4263 transform-origin: 149px 48px;
4264 margin: 0; }
4265
4266.mdl-card__subtitle-text {
4267 font-size: 14px;
4268 color: rgba(0,0,0, 0.54);
4269 margin: 0; }
4270
4271.mdl-card__supporting-text {
4272 color: rgba(0,0,0, 0.54);
4273 font-size: 1rem;
4274 line-height: 18px;
4275 overflow: hidden;
4276 padding: 16px 16px;
4277 width: 90%; }
4278 .mdl-card__supporting-text.mdl-card--border {
4279 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4280
4281.mdl-card__actions {
4282 font-size: 16px;
4283 line-height: normal;
4284 width: 100%;
4285 background-color: transparent;
4286 padding: 8px;
4287 box-sizing: border-box; }
4288 .mdl-card__actions.mdl-card--border {
4289 border-top: 1px solid rgba(0, 0, 0, 0.1); }
4290
4291.mdl-card--expand {
4292 -webkit-flex-grow: 1;
4293 -ms-flex-positive: 1;
4294 flex-grow: 1; }
4295
4296.mdl-card__menu {
4297 position: absolute;
4298 right: 16px;
4299 top: 16px; }
4300
4301/**
4302 * Copyright 2015 Google Inc. All Rights Reserved.
4303 *
4304 * Licensed under the Apache License, Version 2.0 (the "License");
4305 * you may not use this file except in compliance with the License.
4306 * You may obtain a copy of the License at
4307 *
4308 * http://www.apache.org/licenses/LICENSE-2.0
4309 *
4310 * Unless required by applicable law or agreed to in writing, software
4311 * distributed under the License is distributed on an "AS IS" BASIS,
4312 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4313 * See the License for the specific language governing permissions and
4314 * limitations under the License.
4315 */
4316/**
4317 * Copyright 2015 Google Inc. All Rights Reserved.
4318 *
4319 * Licensed under the Apache License, Version 2.0 (the "License");
4320 * you may not use this file except in compliance with the License.
4321 * You may obtain a copy of the License at
4322 *
4323 * http://www.apache.org/licenses/LICENSE-2.0
4324 *
4325 * Unless required by applicable law or agreed to in writing, software
4326 * distributed under the License is distributed on an "AS IS" BASIS,
4327 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4328 * See the License for the specific language governing permissions and
4329 * limitations under the License.
4330 */
4331/*------------------------------------* $CONTENTS
4332\*------------------------------------*/
4333/**
4334 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4335 * -----Typography
4336 * -----Colors
4337 * -----Textfield
4338 * -----Switch
4339 * -----Spinner
4340 * -----Radio
4341 * -----Menu
4342 * -----List
4343 * -----Layout
4344 * -----Icon toggles
4345 * -----Footer
4346 * -----Column
4347 * -----Checkbox
4348 * -----Card
4349 * -----Button
4350 * -----Animation
4351 * -----Progress
4352 * -----Badge
4353 * -----Shadows
4354 * -----Grid
4355 * -----Data table
4356 * -----Dialog
4357 * -----Snackbar
4358 * -----Tooltip
4359 * -----Chip
4360 *
4361 * Even though all variables have the `!default` directive, most of them
4362 * should not be changed as they are dependent one another. This can cause
4363 * visual distortions (like alignment issues) that are hard to track down
4364 * and fix.
4365 */
4366/* ========== TYPOGRAPHY ========== */
4367/* We're splitting fonts into "preferred" and "performance" in order to optimize
4368 page loading. For important text, such as the body, we want it to load
4369 immediately and not wait for the web font load, whereas for other sections,
4370 such as headers and titles, we're OK with things taking a bit longer to load.
4371 We do have some optional classes and parameters in the mixins, in case you
4372 definitely want to make sure you're using the preferred font and don't mind
4373 the performance hit.
4374 We should be able to improve on this once CSS Font Loading L3 becomes more
4375 widely available.
4376*/
4377/* ========== COLORS ========== */
4378/**
4379*
4380* Material design color palettes.
4381* @see http://www.google.com/design/spec/style/color.html
4382*
4383**/
4384/**
4385 * Copyright 2015 Google Inc. All Rights Reserved.
4386 *
4387 * Licensed under the Apache License, Version 2.0 (the "License");
4388 * you may not use this file except in compliance with the License.
4389 * You may obtain a copy of the License at
4390 *
4391 * http://www.apache.org/licenses/LICENSE-2.0
4392 *
4393 * Unless required by applicable law or agreed to in writing, software
4394 * distributed under the License is distributed on an "AS IS" BASIS,
4395 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4396 * See the License for the specific language governing permissions and
4397 * limitations under the License.
4398 */
4399/* ========== Color Palettes ========== */
4400/* colors.scss */
4401/**
4402 * Copyright 2015 Google Inc. All Rights Reserved.
4403 *
4404 * Licensed under the Apache License, Version 2.0 (the "License");
4405 * you may not use this file except in compliance with the License.
4406 * You may obtain a copy of the License at
4407 *
4408 * http://www.apache.org/licenses/LICENSE-2.0
4409 *
4410 * Unless required by applicable law or agreed to in writing, software
4411 * distributed under the License is distributed on an "AS IS" BASIS,
4412 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4413 * See the License for the specific language governing permissions and
4414 * limitations under the License.
4415 */
4416/* ========== IMAGES ========== */
4417/* ========== Color & Themes ========== */
4418/* ========== Typography ========== */
4419/* ========== Components ========== */
4420/* ========== Standard Buttons ========== */
4421/* ========== Icon Toggles ========== */
4422/* ========== Radio Buttons ========== */
4423/* ========== Ripple effect ========== */
4424/* ========== Layout ========== */
4425/* ========== Content Tabs ========== */
4426/* ========== Checkboxes ========== */
4427/* ========== Switches ========== */
4428/* ========== Spinner ========== */
4429/* ========== Text fields ========== */
4430/* ========== Card ========== */
4431/* ========== Sliders ========== */
4432/* ========== Progress ========== */
4433/* ========== List ========== */
4434/* ========== Item ========== */
4435/* ========== Dropdown menu ========== */
4436/* ========== Tooltips ========== */
4437/* ========== Footer ========== */
4438/* TEXTFIELD */
4439/* SWITCH */
4440/* SPINNER */
4441/* RADIO */
4442/* MENU */
4443/* LIST */
4444/* LAYOUT */
4445/* ICON TOGGLE */
4446/* FOOTER */
4447/*mega-footer*/
4448/*mini-footer*/
4449/* CHECKBOX */
4450/* CARD */
4451/* Card dimensions */
4452/* Cover image */
4453/* BUTTON */
4454/**
4455 *
4456 * Dimensions
4457 *
4458 */
4459/* ANIMATION */
4460/* PROGRESS */
4461/* BADGE */
4462/* SHADOWS */
4463/* GRID */
4464/* DATA TABLE */
4465/* DIALOG */
4466/* SNACKBAR */
4467/* TOOLTIP */
4468/* CHIP */
4469/**
4470 * Copyright 2015 Google Inc. All Rights Reserved.
4471 *
4472 * Licensed under the Apache License, Version 2.0 (the "License");
4473 * you may not use this file except in compliance with the License.
4474 * You may obtain a copy of the License at
4475 *
4476 * http://www.apache.org/licenses/LICENSE-2.0
4477 *
4478 * Unless required by applicable law or agreed to in writing, software
4479 * distributed under the License is distributed on an "AS IS" BASIS,
4480 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4481 * See the License for the specific language governing permissions and
4482 * limitations under the License.
4483 */
4484/* Typography */
4485/* Shadows */
4486/* Animations */
4487/* Dialog */
4488.mdl-checkbox {
4489 position: relative;
4490 z-index: 1;
4491 vertical-align: middle;
4492 display: inline-block;
4493 box-sizing: border-box;
4494 width: 100%;
4495 height: 24px;
4496 margin: 0;
4497 padding: 0; }
4498 .mdl-checkbox.is-upgraded {
4499 padding-left: 24px; }
4500
4501.mdl-checkbox__input {
4502 line-height: 24px; }
4503 .mdl-checkbox.is-upgraded .mdl-checkbox__input {
4504 position: absolute;
4505 width: 0;
4506 height: 0;
4507 margin: 0;
4508 padding: 0;
4509 opacity: 0;
4510 -ms-appearance: none;
4511 -moz-appearance: none;
4512 -webkit-appearance: none;
4513 appearance: none;
4514 border: none; }
4515
4516.mdl-checkbox__box-outline {
4517 position: absolute;
4518 top: 3px;
4519 left: 0;
4520 display: inline-block;
4521 box-sizing: border-box;
4522 width: 16px;
4523 height: 16px;
4524 margin: 0;
4525 cursor: pointer;
4526 overflow: hidden;
4527 border: 2px solid rgba(0,0,0, 0.54);
4528 border-radius: 2px;
4529 z-index: 2; }
4530 .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
4531 border: 2px solid rgb(63,81,181); }
4532 fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
4533 .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
4534 border: 2px solid rgba(0,0,0, 0.26);
4535 cursor: auto; }
4536
4537.mdl-checkbox__focus-helper {
4538 position: absolute;
4539 top: 3px;
4540 left: 0;
4541 display: inline-block;
4542 box-sizing: border-box;
4543 width: 16px;
4544 height: 16px;
4545 border-radius: 50%;
4546 background-color: transparent; }
4547 .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
4548 box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
4549 background-color: rgba(0, 0, 0, 0.1); }
4550 .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
4551 box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
4552 background-color: rgba(63,81,181, 0.26); }
4553
4554.mdl-checkbox__tick-outline {
4555 position: absolute;
4556 top: 0;
4557 left: 0;
4558 height: 100%;
4559 width: 100%;
4560 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4561 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4562 background: transparent;
4563 transition-duration: 0.28s;
4564 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4565 transition-property: background; }
4566 .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
4567 background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4568 fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
4569 .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
4570 background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4571
4572.mdl-checkbox__label {
4573 position: relative;
4574 cursor: pointer;
4575 font-size: 16px;
4576 line-height: 24px;
4577 margin: 0; }
4578 fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
4579 .mdl-checkbox.is-disabled .mdl-checkbox__label {
4580 color: rgba(0,0,0, 0.26);
4581 cursor: auto; }
4582
4583.mdl-checkbox__ripple-container {
4584 position: absolute;
4585 z-index: 2;
4586 top: -6px;
4587 left: -10px;
4588 box-sizing: border-box;
4589 width: 36px;
4590 height: 36px;
4591 border-radius: 50%;
4592 cursor: pointer;
4593 overflow: hidden;
4594 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
4595 .mdl-checkbox__ripple-container .mdl-ripple {
4596 background: rgb(63,81,181); }
4597 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
4598 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
4599 cursor: auto; }
4600 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
4601 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
4602 background: transparent; }
4603
4604/**
4605 * Copyright 2015 Google Inc. All Rights Reserved.
4606 *
4607 * Licensed under the Apache License, Version 2.0 (the "License");
4608 * you may not use this file except in compliance with the License.
4609 * You may obtain a copy of the License at
4610 *
4611 * http://www.apache.org/licenses/LICENSE-2.0
4612 *
4613 * Unless required by applicable law or agreed to in writing, software
4614 * distributed under the License is distributed on an "AS IS" BASIS,
4615 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4616 * See the License for the specific language governing permissions and
4617 * limitations under the License.
4618 */
4619/**
4620 * Copyright 2015 Google Inc. All Rights Reserved.
4621 *
4622 * Licensed under the Apache License, Version 2.0 (the "License");
4623 * you may not use this file except in compliance with the License.
4624 * You may obtain a copy of the License at
4625 *
4626 * http://www.apache.org/licenses/LICENSE-2.0
4627 *
4628 * Unless required by applicable law or agreed to in writing, software
4629 * distributed under the License is distributed on an "AS IS" BASIS,
4630 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4631 * See the License for the specific language governing permissions and
4632 * limitations under the License.
4633 */
4634/*------------------------------------* $CONTENTS
4635\*------------------------------------*/
4636/**
4637 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4638 * -----Typography
4639 * -----Colors
4640 * -----Textfield
4641 * -----Switch
4642 * -----Spinner
4643 * -----Radio
4644 * -----Menu
4645 * -----List
4646 * -----Layout
4647 * -----Icon toggles
4648 * -----Footer
4649 * -----Column
4650 * -----Checkbox
4651 * -----Card
4652 * -----Button
4653 * -----Animation
4654 * -----Progress
4655 * -----Badge
4656 * -----Shadows
4657 * -----Grid
4658 * -----Data table
4659 * -----Dialog
4660 * -----Snackbar
4661 * -----Tooltip
4662 * -----Chip
4663 *
4664 * Even though all variables have the `!default` directive, most of them
4665 * should not be changed as they are dependent one another. This can cause
4666 * visual distortions (like alignment issues) that are hard to track down
4667 * and fix.
4668 */
4669/* ========== TYPOGRAPHY ========== */
4670/* We're splitting fonts into "preferred" and "performance" in order to optimize
4671 page loading. For important text, such as the body, we want it to load
4672 immediately and not wait for the web font load, whereas for other sections,
4673 such as headers and titles, we're OK with things taking a bit longer to load.
4674 We do have some optional classes and parameters in the mixins, in case you
4675 definitely want to make sure you're using the preferred font and don't mind
4676 the performance hit.
4677 We should be able to improve on this once CSS Font Loading L3 becomes more
4678 widely available.
4679*/
4680/* ========== COLORS ========== */
4681/**
4682*
4683* Material design color palettes.
4684* @see http://www.google.com/design/spec/style/color.html
4685*
4686**/
4687/**
4688 * Copyright 2015 Google Inc. All Rights Reserved.
4689 *
4690 * Licensed under the Apache License, Version 2.0 (the "License");
4691 * you may not use this file except in compliance with the License.
4692 * You may obtain a copy of the License at
4693 *
4694 * http://www.apache.org/licenses/LICENSE-2.0
4695 *
4696 * Unless required by applicable law or agreed to in writing, software
4697 * distributed under the License is distributed on an "AS IS" BASIS,
4698 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4699 * See the License for the specific language governing permissions and
4700 * limitations under the License.
4701 */
4702/* ========== Color Palettes ========== */
4703/* colors.scss */
4704/**
4705 * Copyright 2015 Google Inc. All Rights Reserved.
4706 *
4707 * Licensed under the Apache License, Version 2.0 (the "License");
4708 * you may not use this file except in compliance with the License.
4709 * You may obtain a copy of the License at
4710 *
4711 * http://www.apache.org/licenses/LICENSE-2.0
4712 *
4713 * Unless required by applicable law or agreed to in writing, software
4714 * distributed under the License is distributed on an "AS IS" BASIS,
4715 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4716 * See the License for the specific language governing permissions and
4717 * limitations under the License.
4718 */
4719/* ========== IMAGES ========== */
4720/* ========== Color & Themes ========== */
4721/* ========== Typography ========== */
4722/* ========== Components ========== */
4723/* ========== Standard Buttons ========== */
4724/* ========== Icon Toggles ========== */
4725/* ========== Radio Buttons ========== */
4726/* ========== Ripple effect ========== */
4727/* ========== Layout ========== */
4728/* ========== Content Tabs ========== */
4729/* ========== Checkboxes ========== */
4730/* ========== Switches ========== */
4731/* ========== Spinner ========== */
4732/* ========== Text fields ========== */
4733/* ========== Card ========== */
4734/* ========== Sliders ========== */
4735/* ========== Progress ========== */
4736/* ========== List ========== */
4737/* ========== Item ========== */
4738/* ========== Dropdown menu ========== */
4739/* ========== Tooltips ========== */
4740/* ========== Footer ========== */
4741/* TEXTFIELD */
4742/* SWITCH */
4743/* SPINNER */
4744/* RADIO */
4745/* MENU */
4746/* LIST */
4747/* LAYOUT */
4748/* ICON TOGGLE */
4749/* FOOTER */
4750/*mega-footer*/
4751/*mini-footer*/
4752/* CHECKBOX */
4753/* CARD */
4754/* Card dimensions */
4755/* Cover image */
4756/* BUTTON */
4757/**
4758 *
4759 * Dimensions
4760 *
4761 */
4762/* ANIMATION */
4763/* PROGRESS */
4764/* BADGE */
4765/* SHADOWS */
4766/* GRID */
4767/* DATA TABLE */
4768/* DIALOG */
4769/* SNACKBAR */
4770/* TOOLTIP */
4771/* CHIP */
4772/**
4773 * Copyright 2015 Google Inc. All Rights Reserved.
4774 *
4775 * Licensed under the Apache License, Version 2.0 (the "License");
4776 * you may not use this file except in compliance with the License.
4777 * You may obtain a copy of the License at
4778 *
4779 * http://www.apache.org/licenses/LICENSE-2.0
4780 *
4781 * Unless required by applicable law or agreed to in writing, software
4782 * distributed under the License is distributed on an "AS IS" BASIS,
4783 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4784 * See the License for the specific language governing permissions and
4785 * limitations under the License.
4786 */
4787/* Typography */
4788/* Shadows */
4789/* Animations */
4790/* Dialog */
4791.mdl-chip {
4792 height: 32px;
4793 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
4794 line-height: 32px;
4795 padding: 0 12px;
4796 border: 0;
4797 border-radius: 16px;
4798 background-color: #dedede;
4799 display: inline-block;
4800 color: rgba(0,0,0, 0.87);
4801 margin: 2px 0;
4802 font-size: 0;
4803 white-space: nowrap; }
4804 .mdl-chip__text {
4805 font-size: 13px;
4806 vertical-align: middle;
4807 display: inline-block; }
4808 .mdl-chip__action {
4809 height: 24px;
4810 width: 24px;
4811 background: transparent;
4812 opacity: 0.54;
4813 display: inline-block;
4814 cursor: pointer;
4815 text-align: center;
4816 vertical-align: middle;
4817 padding: 0;
4818 margin: 0 0 0 4px;
4819 font-size: 13px;
4820 text-decoration: none;
4821 color: rgba(0,0,0, 0.87);
4822 border: none;
4823 outline: none;
4824 overflow: hidden; }
4825 .mdl-chip__contact {
4826 height: 32px;
4827 width: 32px;
4828 border-radius: 16px;
4829 display: inline-block;
4830 vertical-align: middle;
4831 margin-right: 8px;
4832 overflow: hidden;
4833 text-align: center;
4834 font-size: 18px;
4835 line-height: 32px; }
4836 .mdl-chip:focus {
4837 outline: 0;
4838 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); }
4839 .mdl-chip:active {
4840 background-color: #d6d6d6; }
4841 .mdl-chip--deletable {
4842 padding-right: 4px; }
4843 .mdl-chip--contact {
4844 padding-left: 0; }
4845
4846/**
4847 * Copyright 2015 Google Inc. All Rights Reserved.
4848 *
4849 * Licensed under the Apache License, Version 2.0 (the "License");
4850 * you may not use this file except in compliance with the License.
4851 * You may obtain a copy of the License at
4852 *
4853 * http://www.apache.org/licenses/LICENSE-2.0
4854 *
4855 * Unless required by applicable law or agreed to in writing, software
4856 * distributed under the License is distributed on an "AS IS" BASIS,
4857 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4858 * See the License for the specific language governing permissions and
4859 * limitations under the License.
4860 */
4861/**
4862 * Copyright 2015 Google Inc. All Rights Reserved.
4863 *
4864 * Licensed under the Apache License, Version 2.0 (the "License");
4865 * you may not use this file except in compliance with the License.
4866 * You may obtain a copy of the License at
4867 *
4868 * http://www.apache.org/licenses/LICENSE-2.0
4869 *
4870 * Unless required by applicable law or agreed to in writing, software
4871 * distributed under the License is distributed on an "AS IS" BASIS,
4872 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4873 * See the License for the specific language governing permissions and
4874 * limitations under the License.
4875 */
4876/*------------------------------------* $CONTENTS
4877\*------------------------------------*/
4878/**
4879 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4880 * -----Typography
4881 * -----Colors
4882 * -----Textfield
4883 * -----Switch
4884 * -----Spinner
4885 * -----Radio
4886 * -----Menu
4887 * -----List
4888 * -----Layout
4889 * -----Icon toggles
4890 * -----Footer
4891 * -----Column
4892 * -----Checkbox
4893 * -----Card
4894 * -----Button
4895 * -----Animation
4896 * -----Progress
4897 * -----Badge
4898 * -----Shadows
4899 * -----Grid
4900 * -----Data table
4901 * -----Dialog
4902 * -----Snackbar
4903 * -----Tooltip
4904 * -----Chip
4905 *
4906 * Even though all variables have the `!default` directive, most of them
4907 * should not be changed as they are dependent one another. This can cause
4908 * visual distortions (like alignment issues) that are hard to track down
4909 * and fix.
4910 */
4911/* ========== TYPOGRAPHY ========== */
4912/* We're splitting fonts into "preferred" and "performance" in order to optimize
4913 page loading. For important text, such as the body, we want it to load
4914 immediately and not wait for the web font load, whereas for other sections,
4915 such as headers and titles, we're OK with things taking a bit longer to load.
4916 We do have some optional classes and parameters in the mixins, in case you
4917 definitely want to make sure you're using the preferred font and don't mind
4918 the performance hit.
4919 We should be able to improve on this once CSS Font Loading L3 becomes more
4920 widely available.
4921*/
4922/* ========== COLORS ========== */
4923/**
4924*
4925* Material design color palettes.
4926* @see http://www.google.com/design/spec/style/color.html
4927*
4928**/
4929/**
4930 * Copyright 2015 Google Inc. All Rights Reserved.
4931 *
4932 * Licensed under the Apache License, Version 2.0 (the "License");
4933 * you may not use this file except in compliance with the License.
4934 * You may obtain a copy of the License at
4935 *
4936 * http://www.apache.org/licenses/LICENSE-2.0
4937 *
4938 * Unless required by applicable law or agreed to in writing, software
4939 * distributed under the License is distributed on an "AS IS" BASIS,
4940 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4941 * See the License for the specific language governing permissions and
4942 * limitations under the License.
4943 */
4944/* ========== Color Palettes ========== */
4945/* colors.scss */
4946/**
4947 * Copyright 2015 Google Inc. All Rights Reserved.
4948 *
4949 * Licensed under the Apache License, Version 2.0 (the "License");
4950 * you may not use this file except in compliance with the License.
4951 * You may obtain a copy of the License at
4952 *
4953 * http://www.apache.org/licenses/LICENSE-2.0
4954 *
4955 * Unless required by applicable law or agreed to in writing, software
4956 * distributed under the License is distributed on an "AS IS" BASIS,
4957 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4958 * See the License for the specific language governing permissions and
4959 * limitations under the License.
4960 */
4961/* ========== IMAGES ========== */
4962/* ========== Color & Themes ========== */
4963/* ========== Typography ========== */
4964/* ========== Components ========== */
4965/* ========== Standard Buttons ========== */
4966/* ========== Icon Toggles ========== */
4967/* ========== Radio Buttons ========== */
4968/* ========== Ripple effect ========== */
4969/* ========== Layout ========== */
4970/* ========== Content Tabs ========== */
4971/* ========== Checkboxes ========== */
4972/* ========== Switches ========== */
4973/* ========== Spinner ========== */
4974/* ========== Text fields ========== */
4975/* ========== Card ========== */
4976/* ========== Sliders ========== */
4977/* ========== Progress ========== */
4978/* ========== List ========== */
4979/* ========== Item ========== */
4980/* ========== Dropdown menu ========== */
4981/* ========== Tooltips ========== */
4982/* ========== Footer ========== */
4983/* TEXTFIELD */
4984/* SWITCH */
4985/* SPINNER */
4986/* RADIO */
4987/* MENU */
4988/* LIST */
4989/* LAYOUT */
4990/* ICON TOGGLE */
4991/* FOOTER */
4992/*mega-footer*/
4993/*mini-footer*/
4994/* CHECKBOX */
4995/* CARD */
4996/* Card dimensions */
4997/* Cover image */
4998/* BUTTON */
4999/**
5000 *
5001 * Dimensions
5002 *
5003 */
5004/* ANIMATION */
5005/* PROGRESS */
5006/* BADGE */
5007/* SHADOWS */
5008/* GRID */
5009/* DATA TABLE */
5010/* DIALOG */
5011/* SNACKBAR */
5012/* TOOLTIP */
5013/* CHIP */
5014/**
5015 * Copyright 2015 Google Inc. All Rights Reserved.
5016 *
5017 * Licensed under the Apache License, Version 2.0 (the "License");
5018 * you may not use this file except in compliance with the License.
5019 * You may obtain a copy of the License at
5020 *
5021 * http://www.apache.org/licenses/LICENSE-2.0
5022 *
5023 * Unless required by applicable law or agreed to in writing, software
5024 * distributed under the License is distributed on an "AS IS" BASIS,
5025 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5026 * See the License for the specific language governing permissions and
5027 * limitations under the License.
5028 */
5029/* Typography */
5030/* Shadows */
5031/* Animations */
5032/* Dialog */
5033.mdl-data-table {
5034 position: relative;
5035 border: 1px solid rgba(0, 0, 0, 0.12);
5036 border-collapse: collapse;
5037 white-space: nowrap;
5038 font-size: 13px;
5039 background-color: rgb(255,255,255); }
5040 .mdl-data-table thead {
5041 padding-bottom: 3px; }
5042 .mdl-data-table thead .mdl-data-table__select {
5043 margin-top: 0; }
5044 .mdl-data-table tbody tr {
5045 position: relative;
5046 height: 48px;
5047 transition-duration: 0.28s;
5048 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5049 transition-property: background-color; }
5050 .mdl-data-table tbody tr.is-selected {
5051 background-color: #e0e0e0; }
5052 .mdl-data-table tbody tr:hover {
5053 background-color: #eeeeee; }
5054 .mdl-data-table td, .mdl-data-table th {
5055 padding: 0 18px 12px 18px;
5056 text-align: right; }
5057 .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
5058 padding-left: 24px; }
5059 .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
5060 padding-right: 24px; }
5061 .mdl-data-table td {
5062 position: relative;
5063 vertical-align: middle;
5064 height: 48px;
5065 border-top: 1px solid rgba(0, 0, 0, 0.12);
5066 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5067 padding-top: 12px;
5068 box-sizing: border-box; }
5069 .mdl-data-table td .mdl-data-table__select {
5070 vertical-align: middle; }
5071 .mdl-data-table th {
5072 position: relative;
5073 vertical-align: bottom;
5074 text-overflow: ellipsis;
5075 font-size: 14px;
5076 font-weight: bold;
5077 line-height: 24px;
5078 letter-spacing: 0;
5079 height: 48px;
5080 font-size: 12px;
5081 color: rgba(0, 0, 0, 0.54);
5082 padding-bottom: 8px;
5083 box-sizing: border-box; }
5084 .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
5085 color: rgba(0, 0, 0, 0.87); }
5086 .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5087 font-family: 'Material Icons';
5088 font-weight: normal;
5089 font-style: normal;
5090 font-size: 24px;
5091 line-height: 1;
5092 letter-spacing: normal;
5093 text-transform: none;
5094 display: inline-block;
5095 word-wrap: normal;
5096 -moz-font-feature-settings: 'liga';
5097 font-feature-settings: 'liga';
5098 -webkit-font-feature-settings: 'liga';
5099 -webkit-font-smoothing: antialiased;
5100 font-size: 16px;
5101 content: "\e5d8";
5102 margin-right: 5px;
5103 vertical-align: sub; }
5104 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
5105 cursor: pointer; }
5106 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
5107 color: rgba(0, 0, 0, 0.26); }
5108 .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5109 content: "\e5db"; }
5110
5111.mdl-data-table__select {
5112 width: 16px; }
5113
5114.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
5115 text-align: left; }
5116
5117/**
5118 * Copyright 2015 Google Inc. All Rights Reserved.
5119 *
5120 * Licensed under the Apache License, Version 2.0 (the "License");
5121 * you may not use this file except in compliance with the License.
5122 * You may obtain a copy of the License at
5123 *
5124 * http://www.apache.org/licenses/LICENSE-2.0
5125 *
5126 * Unless required by applicable law or agreed to in writing, software
5127 * distributed under the License is distributed on an "AS IS" BASIS,
5128 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5129 * See the License for the specific language governing permissions and
5130 * limitations under the License.
5131 */
5132/**
5133 * Copyright 2015 Google Inc. All Rights Reserved.
5134 *
5135 * Licensed under the Apache License, Version 2.0 (the "License");
5136 * you may not use this file except in compliance with the License.
5137 * You may obtain a copy of the License at
5138 *
5139 * http://www.apache.org/licenses/LICENSE-2.0
5140 *
5141 * Unless required by applicable law or agreed to in writing, software
5142 * distributed under the License is distributed on an "AS IS" BASIS,
5143 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5144 * See the License for the specific language governing permissions and
5145 * limitations under the License.
5146 */
5147/*------------------------------------* $CONTENTS
5148\*------------------------------------*/
5149/**
5150 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5151 * -----Typography
5152 * -----Colors
5153 * -----Textfield
5154 * -----Switch
5155 * -----Spinner
5156 * -----Radio
5157 * -----Menu
5158 * -----List
5159 * -----Layout
5160 * -----Icon toggles
5161 * -----Footer
5162 * -----Column
5163 * -----Checkbox
5164 * -----Card
5165 * -----Button
5166 * -----Animation
5167 * -----Progress
5168 * -----Badge
5169 * -----Shadows
5170 * -----Grid
5171 * -----Data table
5172 * -----Dialog
5173 * -----Snackbar
5174 * -----Tooltip
5175 * -----Chip
5176 *
5177 * Even though all variables have the `!default` directive, most of them
5178 * should not be changed as they are dependent one another. This can cause
5179 * visual distortions (like alignment issues) that are hard to track down
5180 * and fix.
5181 */
5182/* ========== TYPOGRAPHY ========== */
5183/* We're splitting fonts into "preferred" and "performance" in order to optimize
5184 page loading. For important text, such as the body, we want it to load
5185 immediately and not wait for the web font load, whereas for other sections,
5186 such as headers and titles, we're OK with things taking a bit longer to load.
5187 We do have some optional classes and parameters in the mixins, in case you
5188 definitely want to make sure you're using the preferred font and don't mind
5189 the performance hit.
5190 We should be able to improve on this once CSS Font Loading L3 becomes more
5191 widely available.
5192*/
5193/* ========== COLORS ========== */
5194/**
5195*
5196* Material design color palettes.
5197* @see http://www.google.com/design/spec/style/color.html
5198*
5199**/
5200/**
5201 * Copyright 2015 Google Inc. All Rights Reserved.
5202 *
5203 * Licensed under the Apache License, Version 2.0 (the "License");
5204 * you may not use this file except in compliance with the License.
5205 * You may obtain a copy of the License at
5206 *
5207 * http://www.apache.org/licenses/LICENSE-2.0
5208 *
5209 * Unless required by applicable law or agreed to in writing, software
5210 * distributed under the License is distributed on an "AS IS" BASIS,
5211 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5212 * See the License for the specific language governing permissions and
5213 * limitations under the License.
5214 */
5215/* ========== Color Palettes ========== */
5216/* colors.scss */
5217/**
5218 * Copyright 2015 Google Inc. All Rights Reserved.
5219 *
5220 * Licensed under the Apache License, Version 2.0 (the "License");
5221 * you may not use this file except in compliance with the License.
5222 * You may obtain a copy of the License at
5223 *
5224 * http://www.apache.org/licenses/LICENSE-2.0
5225 *
5226 * Unless required by applicable law or agreed to in writing, software
5227 * distributed under the License is distributed on an "AS IS" BASIS,
5228 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5229 * See the License for the specific language governing permissions and
5230 * limitations under the License.
5231 */
5232/* ========== IMAGES ========== */
5233/* ========== Color & Themes ========== */
5234/* ========== Typography ========== */
5235/* ========== Components ========== */
5236/* ========== Standard Buttons ========== */
5237/* ========== Icon Toggles ========== */
5238/* ========== Radio Buttons ========== */
5239/* ========== Ripple effect ========== */
5240/* ========== Layout ========== */
5241/* ========== Content Tabs ========== */
5242/* ========== Checkboxes ========== */
5243/* ========== Switches ========== */
5244/* ========== Spinner ========== */
5245/* ========== Text fields ========== */
5246/* ========== Card ========== */
5247/* ========== Sliders ========== */
5248/* ========== Progress ========== */
5249/* ========== List ========== */
5250/* ========== Item ========== */
5251/* ========== Dropdown menu ========== */
5252/* ========== Tooltips ========== */
5253/* ========== Footer ========== */
5254/* TEXTFIELD */
5255/* SWITCH */
5256/* SPINNER */
5257/* RADIO */
5258/* MENU */
5259/* LIST */
5260/* LAYOUT */
5261/* ICON TOGGLE */
5262/* FOOTER */
5263/*mega-footer*/
5264/*mini-footer*/
5265/* CHECKBOX */
5266/* CARD */
5267/* Card dimensions */
5268/* Cover image */
5269/* BUTTON */
5270/**
5271 *
5272 * Dimensions
5273 *
5274 */
5275/* ANIMATION */
5276/* PROGRESS */
5277/* BADGE */
5278/* SHADOWS */
5279/* GRID */
5280/* DATA TABLE */
5281/* DIALOG */
5282/* SNACKBAR */
5283/* TOOLTIP */
5284/* CHIP */
5285/**
5286 * Copyright 2015 Google Inc. All Rights Reserved.
5287 *
5288 * Licensed under the Apache License, Version 2.0 (the "License");
5289 * you may not use this file except in compliance with the License.
5290 * You may obtain a copy of the License at
5291 *
5292 * http://www.apache.org/licenses/LICENSE-2.0
5293 *
5294 * Unless required by applicable law or agreed to in writing, software
5295 * distributed under the License is distributed on an "AS IS" BASIS,
5296 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5297 * See the License for the specific language governing permissions and
5298 * limitations under the License.
5299 */
5300/* Typography */
5301/* Shadows */
5302/* Animations */
5303/* Dialog */
5304.mdl-dialog {
5305 border: none;
5306 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);
5307 width: 280px; }
5308 .mdl-dialog__title {
5309 padding: 24px 24px 0;
5310 margin: 0;
5311 font-size: 2.5rem; }
5312 .mdl-dialog__actions {
5313 padding: 8px 8px 8px 24px;
5314 display: -webkit-flex;
5315 display: -ms-flexbox;
5316 display: flex;
5317 -webkit-flex-direction: row-reverse;
5318 -ms-flex-direction: row-reverse;
5319 flex-direction: row-reverse;
5320 -webkit-flex-wrap: wrap;
5321 -ms-flex-wrap: wrap;
5322 flex-wrap: wrap; }
5323 .mdl-dialog__actions > * {
5324 margin-right: 8px;
5325 height: 36px; }
5326 .mdl-dialog__actions > *:first-child {
5327 margin-right: 0; }
5328 .mdl-dialog__actions--full-width {
5329 padding: 0 0 8px 0; }
5330 .mdl-dialog__actions--full-width > * {
5331 height: 48px;
5332 -webkit-flex: 0 0 100%;
5333 -ms-flex: 0 0 100%;
5334 flex: 0 0 100%;
5335 padding-right: 16px;
5336 margin-right: 0;
5337 text-align: right; }
5338 .mdl-dialog__content {
5339 padding: 20px 24px 24px 24px;
5340 color: rgba(0,0,0, 0.54); }
5341
5342/**
5343 * Copyright 2015 Google Inc. All Rights Reserved.
5344 *
5345 * Licensed under the Apache License, Version 2.0 (the "License");
5346 * you may not use this file except in compliance with the License.
5347 * You may obtain a copy of the License at
5348 *
5349 * http://www.apache.org/licenses/LICENSE-2.0
5350 *
5351 * Unless required by applicable law or agreed to in writing, software
5352 * distributed under the License is distributed on an "AS IS" BASIS,
5353 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5354 * See the License for the specific language governing permissions and
5355 * limitations under the License.
5356 */
5357/**
5358 * Copyright 2015 Google Inc. All Rights Reserved.
5359 *
5360 * Licensed under the Apache License, Version 2.0 (the "License");
5361 * you may not use this file except in compliance with the License.
5362 * You may obtain a copy of the License at
5363 *
5364 * http://www.apache.org/licenses/LICENSE-2.0
5365 *
5366 * Unless required by applicable law or agreed to in writing, software
5367 * distributed under the License is distributed on an "AS IS" BASIS,
5368 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5369 * See the License for the specific language governing permissions and
5370 * limitations under the License.
5371 */
5372/*------------------------------------* $CONTENTS
5373\*------------------------------------*/
5374/**
5375 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5376 * -----Typography
5377 * -----Colors
5378 * -----Textfield
5379 * -----Switch
5380 * -----Spinner
5381 * -----Radio
5382 * -----Menu
5383 * -----List
5384 * -----Layout
5385 * -----Icon toggles
5386 * -----Footer
5387 * -----Column
5388 * -----Checkbox
5389 * -----Card
5390 * -----Button
5391 * -----Animation
5392 * -----Progress
5393 * -----Badge
5394 * -----Shadows
5395 * -----Grid
5396 * -----Data table
5397 * -----Dialog
5398 * -----Snackbar
5399 * -----Tooltip
5400 * -----Chip
5401 *
5402 * Even though all variables have the `!default` directive, most of them
5403 * should not be changed as they are dependent one another. This can cause
5404 * visual distortions (like alignment issues) that are hard to track down
5405 * and fix.
5406 */
5407/* ========== TYPOGRAPHY ========== */
5408/* We're splitting fonts into "preferred" and "performance" in order to optimize
5409 page loading. For important text, such as the body, we want it to load
5410 immediately and not wait for the web font load, whereas for other sections,
5411 such as headers and titles, we're OK with things taking a bit longer to load.
5412 We do have some optional classes and parameters in the mixins, in case you
5413 definitely want to make sure you're using the preferred font and don't mind
5414 the performance hit.
5415 We should be able to improve on this once CSS Font Loading L3 becomes more
5416 widely available.
5417*/
5418/* ========== COLORS ========== */
5419/**
5420*
5421* Material design color palettes.
5422* @see http://www.google.com/design/spec/style/color.html
5423*
5424**/
5425/**
5426 * Copyright 2015 Google Inc. All Rights Reserved.
5427 *
5428 * Licensed under the Apache License, Version 2.0 (the "License");
5429 * you may not use this file except in compliance with the License.
5430 * You may obtain a copy of the License at
5431 *
5432 * http://www.apache.org/licenses/LICENSE-2.0
5433 *
5434 * Unless required by applicable law or agreed to in writing, software
5435 * distributed under the License is distributed on an "AS IS" BASIS,
5436 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5437 * See the License for the specific language governing permissions and
5438 * limitations under the License.
5439 */
5440/* ========== Color Palettes ========== */
5441/* colors.scss */
5442/**
5443 * Copyright 2015 Google Inc. All Rights Reserved.
5444 *
5445 * Licensed under the Apache License, Version 2.0 (the "License");
5446 * you may not use this file except in compliance with the License.
5447 * You may obtain a copy of the License at
5448 *
5449 * http://www.apache.org/licenses/LICENSE-2.0
5450 *
5451 * Unless required by applicable law or agreed to in writing, software
5452 * distributed under the License is distributed on an "AS IS" BASIS,
5453 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5454 * See the License for the specific language governing permissions and
5455 * limitations under the License.
5456 */
5457/* ========== IMAGES ========== */
5458/* ========== Color & Themes ========== */
5459/* ========== Typography ========== */
5460/* ========== Components ========== */
5461/* ========== Standard Buttons ========== */
5462/* ========== Icon Toggles ========== */
5463/* ========== Radio Buttons ========== */
5464/* ========== Ripple effect ========== */
5465/* ========== Layout ========== */
5466/* ========== Content Tabs ========== */
5467/* ========== Checkboxes ========== */
5468/* ========== Switches ========== */
5469/* ========== Spinner ========== */
5470/* ========== Text fields ========== */
5471/* ========== Card ========== */
5472/* ========== Sliders ========== */
5473/* ========== Progress ========== */
5474/* ========== List ========== */
5475/* ========== Item ========== */
5476/* ========== Dropdown menu ========== */
5477/* ========== Tooltips ========== */
5478/* ========== Footer ========== */
5479/* TEXTFIELD */
5480/* SWITCH */
5481/* SPINNER */
5482/* RADIO */
5483/* MENU */
5484/* LIST */
5485/* LAYOUT */
5486/* ICON TOGGLE */
5487/* FOOTER */
5488/*mega-footer*/
5489/*mini-footer*/
5490/* CHECKBOX */
5491/* CARD */
5492/* Card dimensions */
5493/* Cover image */
5494/* BUTTON */
5495/**
5496 *
5497 * Dimensions
5498 *
5499 */
5500/* ANIMATION */
5501/* PROGRESS */
5502/* BADGE */
5503/* SHADOWS */
5504/* GRID */
5505/* DATA TABLE */
5506/* DIALOG */
5507/* SNACKBAR */
5508/* TOOLTIP */
5509/* CHIP */
5510/**
5511 * Copyright 2015 Google Inc. All Rights Reserved.
5512 *
5513 * Licensed under the Apache License, Version 2.0 (the "License");
5514 * you may not use this file except in compliance with the License.
5515 * You may obtain a copy of the License at
5516 *
5517 * http://www.apache.org/licenses/LICENSE-2.0
5518 *
5519 * Unless required by applicable law or agreed to in writing, software
5520 * distributed under the License is distributed on an "AS IS" BASIS,
5521 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5522 * See the License for the specific language governing permissions and
5523 * limitations under the License.
5524 */
5525/* Typography */
5526/* Shadows */
5527/* Animations */
5528/* Dialog */
5529.mdl-mega-footer {
5530 padding: 16px 40px;
5531 color: rgb(158,158,158);
5532 background-color: rgb(66,66,66); }
5533
5534.mdl-mega-footer--top-section:after,
5535.mdl-mega-footer--middle-section:after,
5536.mdl-mega-footer--bottom-section:after,
5537.mdl-mega-footer__top-section:after,
5538.mdl-mega-footer__middle-section:after,
5539.mdl-mega-footer__bottom-section:after {
5540 content: '';
5541 display: block;
5542 clear: both; }
5543
5544.mdl-mega-footer--left-section,
5545.mdl-mega-footer__left-section {
5546 margin-bottom: 16px; }
5547
5548.mdl-mega-footer--right-section,
5549.mdl-mega-footer__right-section {
5550 margin-bottom: 16px; }
5551
5552.mdl-mega-footer--right-section a,
5553.mdl-mega-footer__right-section a {
5554 display: block;
5555 margin-bottom: 16px;
5556 color: inherit;
5557 text-decoration: none; }
5558
5559@media screen and (min-width: 760px) {
5560 .mdl-mega-footer--left-section,
5561 .mdl-mega-footer__left-section {
5562 float: left; }
5563 .mdl-mega-footer--right-section,
5564 .mdl-mega-footer__right-section {
5565 float: right; }
5566 .mdl-mega-footer--right-section a,
5567 .mdl-mega-footer__right-section a {
5568 display: inline-block;
5569 margin-left: 16px;
5570 line-height: 36px;
5571 vertical-align: middle; } }
5572
5573.mdl-mega-footer--social-btn,
5574.mdl-mega-footer__social-btn {
5575 width: 36px;
5576 height: 36px;
5577 padding: 0;
5578 margin: 0;
5579 background-color: rgb(158,158,158);
5580 border: none; }
5581
5582.mdl-mega-footer--drop-down-section,
5583.mdl-mega-footer__drop-down-section {
5584 display: block;
5585 position: relative; }
5586
5587@media screen and (min-width: 760px) {
5588 .mdl-mega-footer--drop-down-section,
5589 .mdl-mega-footer__drop-down-section {
5590 width: 33%; }
5591 .mdl-mega-footer--drop-down-section:nth-child(1),
5592 .mdl-mega-footer--drop-down-section:nth-child(2),
5593 .mdl-mega-footer__drop-down-section:nth-child(1),
5594 .mdl-mega-footer__drop-down-section:nth-child(2) {
5595 float: left; }
5596 .mdl-mega-footer--drop-down-section:nth-child(3),
5597 .mdl-mega-footer__drop-down-section:nth-child(3) {
5598 float: right; }
5599 .mdl-mega-footer--drop-down-section:nth-child(3):after,
5600 .mdl-mega-footer__drop-down-section:nth-child(3):after {
5601 clear: right; }
5602 .mdl-mega-footer--drop-down-section:nth-child(4),
5603 .mdl-mega-footer__drop-down-section:nth-child(4) {
5604 clear: right;
5605 float: right; }
5606 .mdl-mega-footer--middle-section:after,
5607 .mdl-mega-footer__middle-section:after {
5608 content: '';
5609 display: block;
5610 clear: both; }
5611 .mdl-mega-footer--bottom-section,
5612 .mdl-mega-footer__bottom-section {
5613 padding-top: 0; } }
5614
5615@media screen and (min-width: 1024px) {
5616 .mdl-mega-footer--drop-down-section,
5617 .mdl-mega-footer--drop-down-section:nth-child(3),
5618 .mdl-mega-footer--drop-down-section:nth-child(4),
5619 .mdl-mega-footer__drop-down-section,
5620 .mdl-mega-footer__drop-down-section:nth-child(3),
5621 .mdl-mega-footer__drop-down-section:nth-child(4) {
5622 width: 24%;
5623 float: left; } }
5624
5625.mdl-mega-footer--heading-checkbox,
5626.mdl-mega-footer__heading-checkbox {
5627 position: absolute;
5628 width: 100%;
5629 height: 55.8px;
5630 padding: 32px;
5631 margin: 0;
5632 margin-top: -16px;
5633 cursor: pointer;
5634 z-index: 1;
5635 opacity: 0; }
5636 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5637 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5638 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5639 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5640 font-family: 'Material Icons';
5641 content: '\E5CE'; }
5642
5643.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5644.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5645.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5646.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5647.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5648.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5649.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5650.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
5651 display: none; }
5652
5653.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5654.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5655.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5656.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5657 font-family: 'Material Icons';
5658 content: '\E5CF'; }
5659
5660.mdl-mega-footer--heading,
5661.mdl-mega-footer__heading {
5662 position: relative;
5663 width: 100%;
5664 padding-right: 39.8px;
5665 margin-bottom: 16px;
5666 box-sizing: border-box;
5667 font-size: 14px;
5668 line-height: 23.8px;
5669 font-weight: 500;
5670 white-space: nowrap;
5671 text-overflow: ellipsis;
5672 overflow: hidden;
5673 color: rgb(224,224,224); }
5674
5675.mdl-mega-footer--heading:after,
5676.mdl-mega-footer__heading:after {
5677 content: '';
5678 position: absolute;
5679 top: 0;
5680 right: 0;
5681 display: block;
5682 width: 23.8px;
5683 height: 23.8px;
5684 background-size: cover; }
5685
5686.mdl-mega-footer--link-list,
5687.mdl-mega-footer__link-list {
5688 list-style: none;
5689 margin: 0;
5690 padding: 0;
5691 margin-bottom: 32px; }
5692 .mdl-mega-footer--link-list:after,
5693 .mdl-mega-footer__link-list:after {
5694 clear: both;
5695 display: block;
5696 content: ''; }
5697
5698.mdl-mega-footer--link-list li,
5699.mdl-mega-footer__link-list li {
5700 font-size: 14px;
5701 font-weight: 400;
5702 line-height: 24px;
5703 letter-spacing: 0;
5704 line-height: 20px; }
5705
5706.mdl-mega-footer--link-list a,
5707.mdl-mega-footer__link-list a {
5708 color: inherit;
5709 text-decoration: none;
5710 white-space: nowrap; }
5711
5712@media screen and (min-width: 760px) {
5713 .mdl-mega-footer--heading-checkbox,
5714 .mdl-mega-footer__heading-checkbox {
5715 display: none; }
5716 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5717 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5718 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5719 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5720 content: ''; }
5721 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5722 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5723 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5724 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5725 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5726 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5727 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5728 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
5729 display: block; }
5730 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5731 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5732 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5733 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5734 content: ''; } }
5735
5736.mdl-mega-footer--bottom-section,
5737.mdl-mega-footer__bottom-section {
5738 padding-top: 16px;
5739 margin-bottom: 16px; }
5740
5741.mdl-logo {
5742 margin-bottom: 16px;
5743 color: white; }
5744
5745.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
5746.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
5747 float: left;
5748 margin-bottom: 0;
5749 margin-right: 16px; }
5750
5751@media screen and (min-width: 760px) {
5752 .mdl-logo {
5753 float: left;
5754 margin-bottom: 0;
5755 margin-right: 16px; } }
5756
5757/**
5758 * Copyright 2015 Google Inc. All Rights Reserved.
5759 *
5760 * Licensed under the Apache License, Version 2.0 (the "License");
5761 * you may not use this file except in compliance with the License.
5762 * You may obtain a copy of the License at
5763 *
5764 * http://www.apache.org/licenses/LICENSE-2.0
5765 *
5766 * Unless required by applicable law or agreed to in writing, software
5767 * distributed under the License is distributed on an "AS IS" BASIS,
5768 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5769 * See the License for the specific language governing permissions and
5770 * limitations under the License.
5771 */
5772/**
5773 * Copyright 2015 Google Inc. All Rights Reserved.
5774 *
5775 * Licensed under the Apache License, Version 2.0 (the "License");
5776 * you may not use this file except in compliance with the License.
5777 * You may obtain a copy of the License at
5778 *
5779 * http://www.apache.org/licenses/LICENSE-2.0
5780 *
5781 * Unless required by applicable law or agreed to in writing, software
5782 * distributed under the License is distributed on an "AS IS" BASIS,
5783 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5784 * See the License for the specific language governing permissions and
5785 * limitations under the License.
5786 */
5787/*------------------------------------* $CONTENTS
5788\*------------------------------------*/
5789/**
5790 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5791 * -----Typography
5792 * -----Colors
5793 * -----Textfield
5794 * -----Switch
5795 * -----Spinner
5796 * -----Radio
5797 * -----Menu
5798 * -----List
5799 * -----Layout
5800 * -----Icon toggles
5801 * -----Footer
5802 * -----Column
5803 * -----Checkbox
5804 * -----Card
5805 * -----Button
5806 * -----Animation
5807 * -----Progress
5808 * -----Badge
5809 * -----Shadows
5810 * -----Grid
5811 * -----Data table
5812 * -----Dialog
5813 * -----Snackbar
5814 * -----Tooltip
5815 * -----Chip
5816 *
5817 * Even though all variables have the `!default` directive, most of them
5818 * should not be changed as they are dependent one another. This can cause
5819 * visual distortions (like alignment issues) that are hard to track down
5820 * and fix.
5821 */
5822/* ========== TYPOGRAPHY ========== */
5823/* We're splitting fonts into "preferred" and "performance" in order to optimize
5824 page loading. For important text, such as the body, we want it to load
5825 immediately and not wait for the web font load, whereas for other sections,
5826 such as headers and titles, we're OK with things taking a bit longer to load.
5827 We do have some optional classes and parameters in the mixins, in case you
5828 definitely want to make sure you're using the preferred font and don't mind
5829 the performance hit.
5830 We should be able to improve on this once CSS Font Loading L3 becomes more
5831 widely available.
5832*/
5833/* ========== COLORS ========== */
5834/**
5835*
5836* Material design color palettes.
5837* @see http://www.google.com/design/spec/style/color.html
5838*
5839**/
5840/**
5841 * Copyright 2015 Google Inc. All Rights Reserved.
5842 *
5843 * Licensed under the Apache License, Version 2.0 (the "License");
5844 * you may not use this file except in compliance with the License.
5845 * You may obtain a copy of the License at
5846 *
5847 * http://www.apache.org/licenses/LICENSE-2.0
5848 *
5849 * Unless required by applicable law or agreed to in writing, software
5850 * distributed under the License is distributed on an "AS IS" BASIS,
5851 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5852 * See the License for the specific language governing permissions and
5853 * limitations under the License.
5854 */
5855/* ========== Color Palettes ========== */
5856/* colors.scss */
5857/**
5858 * Copyright 2015 Google Inc. All Rights Reserved.
5859 *
5860 * Licensed under the Apache License, Version 2.0 (the "License");
5861 * you may not use this file except in compliance with the License.
5862 * You may obtain a copy of the License at
5863 *
5864 * http://www.apache.org/licenses/LICENSE-2.0
5865 *
5866 * Unless required by applicable law or agreed to in writing, software
5867 * distributed under the License is distributed on an "AS IS" BASIS,
5868 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5869 * See the License for the specific language governing permissions and
5870 * limitations under the License.
5871 */
5872/* ========== IMAGES ========== */
5873/* ========== Color & Themes ========== */
5874/* ========== Typography ========== */
5875/* ========== Components ========== */
5876/* ========== Standard Buttons ========== */
5877/* ========== Icon Toggles ========== */
5878/* ========== Radio Buttons ========== */
5879/* ========== Ripple effect ========== */
5880/* ========== Layout ========== */
5881/* ========== Content Tabs ========== */
5882/* ========== Checkboxes ========== */
5883/* ========== Switches ========== */
5884/* ========== Spinner ========== */
5885/* ========== Text fields ========== */
5886/* ========== Card ========== */
5887/* ========== Sliders ========== */
5888/* ========== Progress ========== */
5889/* ========== List ========== */
5890/* ========== Item ========== */
5891/* ========== Dropdown menu ========== */
5892/* ========== Tooltips ========== */
5893/* ========== Footer ========== */
5894/* TEXTFIELD */
5895/* SWITCH */
5896/* SPINNER */
5897/* RADIO */
5898/* MENU */
5899/* LIST */
5900/* LAYOUT */
5901/* ICON TOGGLE */
5902/* FOOTER */
5903/*mega-footer*/
5904/*mini-footer*/
5905/* CHECKBOX */
5906/* CARD */
5907/* Card dimensions */
5908/* Cover image */
5909/* BUTTON */
5910/**
5911 *
5912 * Dimensions
5913 *
5914 */
5915/* ANIMATION */
5916/* PROGRESS */
5917/* BADGE */
5918/* SHADOWS */
5919/* GRID */
5920/* DATA TABLE */
5921/* DIALOG */
5922/* SNACKBAR */
5923/* TOOLTIP */
5924/* CHIP */
5925.mdl-mini-footer {
5926 display: -webkit-flex;
5927 display: -ms-flexbox;
5928 display: flex;
5929 -webkit-flex-flow: row wrap;
5930 -ms-flex-flow: row wrap;
5931 flex-flow: row wrap;
5932 -webkit-justify-content: space-between;
5933 -ms-flex-pack: justify;
5934 justify-content: space-between;
5935 padding: 32px 16px;
5936 color: rgb(158,158,158);
5937 background-color: rgb(66,66,66); }
5938 .mdl-mini-footer:after {
5939 content: '';
5940 display: block; }
5941 .mdl-mini-footer .mdl-logo {
5942 line-height: 36px; }
5943
5944.mdl-mini-footer--link-list,
5945.mdl-mini-footer__link-list {
5946 display: -webkit-flex;
5947 display: -ms-flexbox;
5948 display: flex;
5949 -webkit-flex-flow: row nowrap;
5950 -ms-flex-flow: row nowrap;
5951 flex-flow: row nowrap;
5952 list-style: none;
5953 margin: 0;
5954 padding: 0; }
5955 .mdl-mini-footer--link-list li,
5956 .mdl-mini-footer__link-list li {
5957 margin-bottom: 0;
5958 margin-right: 16px; }
5959 @media screen and (min-width: 760px) {
5960 .mdl-mini-footer--link-list li,
5961 .mdl-mini-footer__link-list li {
5962 line-height: 36px; } }
5963 .mdl-mini-footer--link-list a,
5964 .mdl-mini-footer__link-list a {
5965 color: inherit;
5966 text-decoration: none;
5967 white-space: nowrap; }
5968
5969.mdl-mini-footer--left-section,
5970.mdl-mini-footer__left-section {
5971 display: inline-block;
5972 -webkit-order: 0;
5973 -ms-flex-order: 0;
5974 order: 0; }
5975
5976.mdl-mini-footer--right-section,
5977.mdl-mini-footer__right-section {
5978 display: inline-block;
5979 -webkit-order: 1;
5980 -ms-flex-order: 1;
5981 order: 1; }
5982
5983.mdl-mini-footer--social-btn,
5984.mdl-mini-footer__social-btn {
5985 width: 36px;
5986 height: 36px;
5987 padding: 0;
5988 margin: 0;
5989 background-color: rgb(158,158,158);
5990 border: none; }
5991
5992/**
5993 * Copyright 2015 Google Inc. All Rights Reserved.
5994 *
5995 * Licensed under the Apache License, Version 2.0 (the "License");
5996 * you may not use this file except in compliance with the License.
5997 * You may obtain a copy of the License at
5998 *
5999 * http://www.apache.org/licenses/LICENSE-2.0
6000 *
6001 * Unless required by applicable law or agreed to in writing, software
6002 * distributed under the License is distributed on an "AS IS" BASIS,
6003 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6004 * See the License for the specific language governing permissions and
6005 * limitations under the License.
6006 */
6007/**
6008 * Copyright 2015 Google Inc. All Rights Reserved.
6009 *
6010 * Licensed under the Apache License, Version 2.0 (the "License");
6011 * you may not use this file except in compliance with the License.
6012 * You may obtain a copy of the License at
6013 *
6014 * http://www.apache.org/licenses/LICENSE-2.0
6015 *
6016 * Unless required by applicable law or agreed to in writing, software
6017 * distributed under the License is distributed on an "AS IS" BASIS,
6018 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6019 * See the License for the specific language governing permissions and
6020 * limitations under the License.
6021 */
6022/*------------------------------------* $CONTENTS
6023\*------------------------------------*/
6024/**
6025 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6026 * -----Typography
6027 * -----Colors
6028 * -----Textfield
6029 * -----Switch
6030 * -----Spinner
6031 * -----Radio
6032 * -----Menu
6033 * -----List
6034 * -----Layout
6035 * -----Icon toggles
6036 * -----Footer
6037 * -----Column
6038 * -----Checkbox
6039 * -----Card
6040 * -----Button
6041 * -----Animation
6042 * -----Progress
6043 * -----Badge
6044 * -----Shadows
6045 * -----Grid
6046 * -----Data table
6047 * -----Dialog
6048 * -----Snackbar
6049 * -----Tooltip
6050 * -----Chip
6051 *
6052 * Even though all variables have the `!default` directive, most of them
6053 * should not be changed as they are dependent one another. This can cause
6054 * visual distortions (like alignment issues) that are hard to track down
6055 * and fix.
6056 */
6057/* ========== TYPOGRAPHY ========== */
6058/* We're splitting fonts into "preferred" and "performance" in order to optimize
6059 page loading. For important text, such as the body, we want it to load
6060 immediately and not wait for the web font load, whereas for other sections,
6061 such as headers and titles, we're OK with things taking a bit longer to load.
6062 We do have some optional classes and parameters in the mixins, in case you
6063 definitely want to make sure you're using the preferred font and don't mind
6064 the performance hit.
6065 We should be able to improve on this once CSS Font Loading L3 becomes more
6066 widely available.
6067*/
6068/* ========== COLORS ========== */
6069/**
6070*
6071* Material design color palettes.
6072* @see http://www.google.com/design/spec/style/color.html
6073*
6074**/
6075/**
6076 * Copyright 2015 Google Inc. All Rights Reserved.
6077 *
6078 * Licensed under the Apache License, Version 2.0 (the "License");
6079 * you may not use this file except in compliance with the License.
6080 * You may obtain a copy of the License at
6081 *
6082 * http://www.apache.org/licenses/LICENSE-2.0
6083 *
6084 * Unless required by applicable law or agreed to in writing, software
6085 * distributed under the License is distributed on an "AS IS" BASIS,
6086 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6087 * See the License for the specific language governing permissions and
6088 * limitations under the License.
6089 */
6090/* ========== Color Palettes ========== */
6091/* colors.scss */
6092/**
6093 * Copyright 2015 Google Inc. All Rights Reserved.
6094 *
6095 * Licensed under the Apache License, Version 2.0 (the "License");
6096 * you may not use this file except in compliance with the License.
6097 * You may obtain a copy of the License at
6098 *
6099 * http://www.apache.org/licenses/LICENSE-2.0
6100 *
6101 * Unless required by applicable law or agreed to in writing, software
6102 * distributed under the License is distributed on an "AS IS" BASIS,
6103 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6104 * See the License for the specific language governing permissions and
6105 * limitations under the License.
6106 */
6107/* ========== IMAGES ========== */
6108/* ========== Color & Themes ========== */
6109/* ========== Typography ========== */
6110/* ========== Components ========== */
6111/* ========== Standard Buttons ========== */
6112/* ========== Icon Toggles ========== */
6113/* ========== Radio Buttons ========== */
6114/* ========== Ripple effect ========== */
6115/* ========== Layout ========== */
6116/* ========== Content Tabs ========== */
6117/* ========== Checkboxes ========== */
6118/* ========== Switches ========== */
6119/* ========== Spinner ========== */
6120/* ========== Text fields ========== */
6121/* ========== Card ========== */
6122/* ========== Sliders ========== */
6123/* ========== Progress ========== */
6124/* ========== List ========== */
6125/* ========== Item ========== */
6126/* ========== Dropdown menu ========== */
6127/* ========== Tooltips ========== */
6128/* ========== Footer ========== */
6129/* TEXTFIELD */
6130/* SWITCH */
6131/* SPINNER */
6132/* RADIO */
6133/* MENU */
6134/* LIST */
6135/* LAYOUT */
6136/* ICON TOGGLE */
6137/* FOOTER */
6138/*mega-footer*/
6139/*mini-footer*/
6140/* CHECKBOX */
6141/* CARD */
6142/* Card dimensions */
6143/* Cover image */
6144/* BUTTON */
6145/**
6146 *
6147 * Dimensions
6148 *
6149 */
6150/* ANIMATION */
6151/* PROGRESS */
6152/* BADGE */
6153/* SHADOWS */
6154/* GRID */
6155/* DATA TABLE */
6156/* DIALOG */
6157/* SNACKBAR */
6158/* TOOLTIP */
6159/* CHIP */
6160.mdl-icon-toggle {
6161 position: relative;
6162 z-index: 1;
6163 vertical-align: middle;
6164 display: inline-block;
6165 height: 32px;
6166 margin: 0;
6167 padding: 0; }
6168
6169.mdl-icon-toggle__input {
6170 line-height: 32px; }
6171 .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
6172 position: absolute;
6173 width: 0;
6174 height: 0;
6175 margin: 0;
6176 padding: 0;
6177 opacity: 0;
6178 -ms-appearance: none;
6179 -moz-appearance: none;
6180 -webkit-appearance: none;
6181 appearance: none;
6182 border: none; }
6183
6184.mdl-icon-toggle__label {
6185 display: inline-block;
6186 position: relative;
6187 cursor: pointer;
6188 height: 32px;
6189 width: 32px;
6190 min-width: 32px;
6191 color: rgb(97,97,97);
6192 border-radius: 50%;
6193 padding: 0;
6194 margin-left: 0;
6195 margin-right: 0;
6196 text-align: center;
6197 background-color: transparent;
6198 will-change: background-color;
6199 transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
6200 .mdl-icon-toggle__label.material-icons {
6201 line-height: 32px;
6202 font-size: 24px; }
6203 .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
6204 color: rgb(63,81,181); }
6205 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
6206 color: rgba(0,0,0, 0.26);
6207 cursor: auto;
6208 transition: none; }
6209 .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
6210 background-color: rgba(0,0,0, 0.12); }
6211 .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
6212 background-color: rgba(63,81,181, 0.26); }
6213
6214.mdl-icon-toggle__ripple-container {
6215 position: absolute;
6216 z-index: 2;
6217 top: -2px;
6218 left: -2px;
6219 box-sizing: border-box;
6220 width: 36px;
6221 height: 36px;
6222 border-radius: 50%;
6223 cursor: pointer;
6224 overflow: hidden;
6225 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
6226 .mdl-icon-toggle__ripple-container .mdl-ripple {
6227 background: rgb(97,97,97); }
6228 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
6229 cursor: auto; }
6230 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
6231 background: transparent; }
6232
6233/**
6234 * Copyright 2015 Google Inc. All Rights Reserved.
6235 *
6236 * Licensed under the Apache License, Version 2.0 (the "License");
6237 * you may not use this file except in compliance with the License.
6238 * You may obtain a copy of the License at
6239 *
6240 * http://www.apache.org/licenses/LICENSE-2.0
6241 *
6242 * Unless required by applicable law or agreed to in writing, software
6243 * distributed under the License is distributed on an "AS IS" BASIS,
6244 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6245 * See the License for the specific language governing permissions and
6246 * limitations under the License.
6247 */
6248/**
6249 * Copyright 2015 Google Inc. All Rights Reserved.
6250 *
6251 * Licensed under the Apache License, Version 2.0 (the "License");
6252 * you may not use this file except in compliance with the License.
6253 * You may obtain a copy of the License at
6254 *
6255 * http://www.apache.org/licenses/LICENSE-2.0
6256 *
6257 * Unless required by applicable law or agreed to in writing, software
6258 * distributed under the License is distributed on an "AS IS" BASIS,
6259 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6260 * See the License for the specific language governing permissions and
6261 * limitations under the License.
6262 */
6263/*------------------------------------* $CONTENTS
6264\*------------------------------------*/
6265/**
6266 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6267 * -----Typography
6268 * -----Colors
6269 * -----Textfield
6270 * -----Switch
6271 * -----Spinner
6272 * -----Radio
6273 * -----Menu
6274 * -----List
6275 * -----Layout
6276 * -----Icon toggles
6277 * -----Footer
6278 * -----Column
6279 * -----Checkbox
6280 * -----Card
6281 * -----Button
6282 * -----Animation
6283 * -----Progress
6284 * -----Badge
6285 * -----Shadows
6286 * -----Grid
6287 * -----Data table
6288 * -----Dialog
6289 * -----Snackbar
6290 * -----Tooltip
6291 * -----Chip
6292 *
6293 * Even though all variables have the `!default` directive, most of them
6294 * should not be changed as they are dependent one another. This can cause
6295 * visual distortions (like alignment issues) that are hard to track down
6296 * and fix.
6297 */
6298/* ========== TYPOGRAPHY ========== */
6299/* We're splitting fonts into "preferred" and "performance" in order to optimize
6300 page loading. For important text, such as the body, we want it to load
6301 immediately and not wait for the web font load, whereas for other sections,
6302 such as headers and titles, we're OK with things taking a bit longer to load.
6303 We do have some optional classes and parameters in the mixins, in case you
6304 definitely want to make sure you're using the preferred font and don't mind
6305 the performance hit.
6306 We should be able to improve on this once CSS Font Loading L3 becomes more
6307 widely available.
6308*/
6309/* ========== COLORS ========== */
6310/**
6311*
6312* Material design color palettes.
6313* @see http://www.google.com/design/spec/style/color.html
6314*
6315**/
6316/**
6317 * Copyright 2015 Google Inc. All Rights Reserved.
6318 *
6319 * Licensed under the Apache License, Version 2.0 (the "License");
6320 * you may not use this file except in compliance with the License.
6321 * You may obtain a copy of the License at
6322 *
6323 * http://www.apache.org/licenses/LICENSE-2.0
6324 *
6325 * Unless required by applicable law or agreed to in writing, software
6326 * distributed under the License is distributed on an "AS IS" BASIS,
6327 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6328 * See the License for the specific language governing permissions and
6329 * limitations under the License.
6330 */
6331/* ========== Color Palettes ========== */
6332/* colors.scss */
6333/**
6334 * Copyright 2015 Google Inc. All Rights Reserved.
6335 *
6336 * Licensed under the Apache License, Version 2.0 (the "License");
6337 * you may not use this file except in compliance with the License.
6338 * You may obtain a copy of the License at
6339 *
6340 * http://www.apache.org/licenses/LICENSE-2.0
6341 *
6342 * Unless required by applicable law or agreed to in writing, software
6343 * distributed under the License is distributed on an "AS IS" BASIS,
6344 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6345 * See the License for the specific language governing permissions and
6346 * limitations under the License.
6347 */
6348/* ========== IMAGES ========== */
6349/* ========== Color & Themes ========== */
6350/* ========== Typography ========== */
6351/* ========== Components ========== */
6352/* ========== Standard Buttons ========== */
6353/* ========== Icon Toggles ========== */
6354/* ========== Radio Buttons ========== */
6355/* ========== Ripple effect ========== */
6356/* ========== Layout ========== */
6357/* ========== Content Tabs ========== */
6358/* ========== Checkboxes ========== */
6359/* ========== Switches ========== */
6360/* ========== Spinner ========== */
6361/* ========== Text fields ========== */
6362/* ========== Card ========== */
6363/* ========== Sliders ========== */
6364/* ========== Progress ========== */
6365/* ========== List ========== */
6366/* ========== Item ========== */
6367/* ========== Dropdown menu ========== */
6368/* ========== Tooltips ========== */
6369/* ========== Footer ========== */
6370/* TEXTFIELD */
6371/* SWITCH */
6372/* SPINNER */
6373/* RADIO */
6374/* MENU */
6375/* LIST */
6376/* LAYOUT */
6377/* ICON TOGGLE */
6378/* FOOTER */
6379/*mega-footer*/
6380/*mini-footer*/
6381/* CHECKBOX */
6382/* CARD */
6383/* Card dimensions */
6384/* Cover image */
6385/* BUTTON */
6386/**
6387 *
6388 * Dimensions
6389 *
6390 */
6391/* ANIMATION */
6392/* PROGRESS */
6393/* BADGE */
6394/* SHADOWS */
6395/* GRID */
6396/* DATA TABLE */
6397/* DIALOG */
6398/* SNACKBAR */
6399/* TOOLTIP */
6400/* CHIP */
6401/**
6402 * Copyright 2015 Google Inc. All Rights Reserved.
6403 *
6404 * Licensed under the Apache License, Version 2.0 (the "License");
6405 * you may not use this file except in compliance with the License.
6406 * You may obtain a copy of the License at
6407 *
6408 * http://www.apache.org/licenses/LICENSE-2.0
6409 *
6410 * Unless required by applicable law or agreed to in writing, software
6411 * distributed under the License is distributed on an "AS IS" BASIS,
6412 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6413 * See the License for the specific language governing permissions and
6414 * limitations under the License.
6415 */
6416/* Typography */
6417/* Shadows */
6418/* Animations */
6419/* Dialog */
6420.mdl-list {
6421 display: block;
6422 padding: 8px 0;
6423 list-style: none; }
6424
6425.mdl-list__item {
6426 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
6427 font-size: 16px;
6428 font-weight: 400;
6429 line-height: 24px;
6430 letter-spacing: 0.04em;
6431 line-height: 1;
6432 display: -webkit-flex;
6433 display: -ms-flexbox;
6434 display: flex;
6435 min-height: 48px;
6436 box-sizing: border-box;
6437 -webkit-flex-direction: row;
6438 -ms-flex-direction: row;
6439 flex-direction: row;
6440 -webkit-flex-wrap: nowrap;
6441 -ms-flex-wrap: nowrap;
6442 flex-wrap: nowrap;
6443 -webkit-align-items: center;
6444 -ms-flex-align: center;
6445 align-items: center;
6446 padding: 16px;
6447 cursor: default;
6448 color: rgba(0,0,0, 0.87);
6449 overflow: hidden; }
6450 .mdl-list__item .mdl-list__item-primary-content {
6451 -webkit-order: 0;
6452 -ms-flex-order: 0;
6453 order: 0;
6454 -webkit-flex-grow: 2;
6455 -ms-flex-positive: 2;
6456 flex-grow: 2;
6457 text-decoration: none;
6458 box-sizing: border-box;
6459 display: -webkit-flex;
6460 display: -ms-flexbox;
6461 display: flex;
6462 -webkit-align-items: center;
6463 -ms-flex-align: center;
6464 align-items: center; }
6465 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
6466 margin-right: 32px; }
6467 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
6468 margin-right: 16px; }
6469 .mdl-list__item .mdl-list__item-secondary-content {
6470 display: -webkit-flex;
6471 display: -ms-flexbox;
6472 display: flex;
6473 -webkit-flex-flow: column;
6474 -ms-flex-flow: column;
6475 flex-flow: column;
6476 -webkit-align-items: flex-end;
6477 -ms-flex-align: end;
6478 align-items: flex-end;
6479 margin-left: 16px; }
6480 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
6481 display: inline; }
6482 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
6483 font-size: 12px;
6484 font-weight: 400;
6485 line-height: 1;
6486 letter-spacing: 0;
6487 color: rgba(0,0,0, 0.54); }
6488 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
6489 padding: 0 0 0 16px; }
6490
6491.mdl-list__item-icon,
6492.mdl-list__item-icon.material-icons {
6493 height: 24px;
6494 width: 24px;
6495 font-size: 24px;
6496 box-sizing: border-box;
6497 color: rgb(117,117,117); }
6498
6499.mdl-list__item-avatar,
6500.mdl-list__item-avatar.material-icons {
6501 height: 40px;
6502 width: 40px;
6503 box-sizing: border-box;
6504 border-radius: 50%;
6505 background-color: rgb(117,117,117);
6506 font-size: 40px;
6507 color: white; }
6508
6509.mdl-list__item--two-line {
6510 height: 72px; }
6511 .mdl-list__item--two-line .mdl-list__item-primary-content {
6512 height: 36px;
6513 line-height: 20px;
6514 display: block; }
6515 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
6516 float: left; }
6517 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
6518 float: left;
6519 margin-top: 6px; }
6520 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
6521 height: 36px; }
6522 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6523 font-size: 14px;
6524 font-weight: 400;
6525 line-height: 24px;
6526 letter-spacing: 0;
6527 line-height: 18px;
6528 color: rgba(0,0,0, 0.54);
6529 display: block;
6530 padding: 0; }
6531
6532.mdl-list__item--three-line {
6533 height: 88px; }
6534 .mdl-list__item--three-line .mdl-list__item-primary-content {
6535 height: 52px;
6536 line-height: 20px;
6537 display: block; }
6538 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
6539 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
6540 float: left; }
6541 .mdl-list__item--three-line .mdl-list__item-secondary-content {
6542 height: 52px; }
6543 .mdl-list__item--three-line .mdl-list__item-text-body {
6544 font-size: 14px;
6545 font-weight: 400;
6546 line-height: 24px;
6547 letter-spacing: 0;
6548 line-height: 18px;
6549 height: 52px;
6550 color: rgba(0,0,0, 0.54);
6551 display: block;
6552 padding: 0; }
6553
6554/**
6555 * Copyright 2015 Google Inc. All Rights Reserved.
6556 *
6557 * Licensed under the Apache License, Version 2.0 (the "License");
6558 * you may not use this file except in compliance with the License.
6559 * You may obtain a copy of the License at
6560 *
6561 * http://www.apache.org/licenses/LICENSE-2.0
6562 *
6563 * Unless required by applicable law or agreed to in writing, software
6564 * distributed under the License is distributed on an "AS IS" BASIS,
6565 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6566 * See the License for the specific language governing permissions and
6567 * limitations under the License.
6568 */
6569/**
6570 * Copyright 2015 Google Inc. All Rights Reserved.
6571 *
6572 * Licensed under the Apache License, Version 2.0 (the "License");
6573 * you may not use this file except in compliance with the License.
6574 * You may obtain a copy of the License at
6575 *
6576 * http://www.apache.org/licenses/LICENSE-2.0
6577 *
6578 * Unless required by applicable law or agreed to in writing, software
6579 * distributed under the License is distributed on an "AS IS" BASIS,
6580 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6581 * See the License for the specific language governing permissions and
6582 * limitations under the License.
6583 */
6584/*------------------------------------* $CONTENTS
6585\*------------------------------------*/
6586/**
6587 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6588 * -----Typography
6589 * -----Colors
6590 * -----Textfield
6591 * -----Switch
6592 * -----Spinner
6593 * -----Radio
6594 * -----Menu
6595 * -----List
6596 * -----Layout
6597 * -----Icon toggles
6598 * -----Footer
6599 * -----Column
6600 * -----Checkbox
6601 * -----Card
6602 * -----Button
6603 * -----Animation
6604 * -----Progress
6605 * -----Badge
6606 * -----Shadows
6607 * -----Grid
6608 * -----Data table
6609 * -----Dialog
6610 * -----Snackbar
6611 * -----Tooltip
6612 * -----Chip
6613 *
6614 * Even though all variables have the `!default` directive, most of them
6615 * should not be changed as they are dependent one another. This can cause
6616 * visual distortions (like alignment issues) that are hard to track down
6617 * and fix.
6618 */
6619/* ========== TYPOGRAPHY ========== */
6620/* We're splitting fonts into "preferred" and "performance" in order to optimize
6621 page loading. For important text, such as the body, we want it to load
6622 immediately and not wait for the web font load, whereas for other sections,
6623 such as headers and titles, we're OK with things taking a bit longer to load.
6624 We do have some optional classes and parameters in the mixins, in case you
6625 definitely want to make sure you're using the preferred font and don't mind
6626 the performance hit.
6627 We should be able to improve on this once CSS Font Loading L3 becomes more
6628 widely available.
6629*/
6630/* ========== COLORS ========== */
6631/**
6632*
6633* Material design color palettes.
6634* @see http://www.google.com/design/spec/style/color.html
6635*
6636**/
6637/**
6638 * Copyright 2015 Google Inc. All Rights Reserved.
6639 *
6640 * Licensed under the Apache License, Version 2.0 (the "License");
6641 * you may not use this file except in compliance with the License.
6642 * You may obtain a copy of the License at
6643 *
6644 * http://www.apache.org/licenses/LICENSE-2.0
6645 *
6646 * Unless required by applicable law or agreed to in writing, software
6647 * distributed under the License is distributed on an "AS IS" BASIS,
6648 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6649 * See the License for the specific language governing permissions and
6650 * limitations under the License.
6651 */
6652/* ========== Color Palettes ========== */
6653/* colors.scss */
6654/**
6655 * Copyright 2015 Google Inc. All Rights Reserved.
6656 *
6657 * Licensed under the Apache License, Version 2.0 (the "License");
6658 * you may not use this file except in compliance with the License.
6659 * You may obtain a copy of the License at
6660 *
6661 * http://www.apache.org/licenses/LICENSE-2.0
6662 *
6663 * Unless required by applicable law or agreed to in writing, software
6664 * distributed under the License is distributed on an "AS IS" BASIS,
6665 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6666 * See the License for the specific language governing permissions and
6667 * limitations under the License.
6668 */
6669/* ========== IMAGES ========== */
6670/* ========== Color & Themes ========== */
6671/* ========== Typography ========== */
6672/* ========== Components ========== */
6673/* ========== Standard Buttons ========== */
6674/* ========== Icon Toggles ========== */
6675/* ========== Radio Buttons ========== */
6676/* ========== Ripple effect ========== */
6677/* ========== Layout ========== */
6678/* ========== Content Tabs ========== */
6679/* ========== Checkboxes ========== */
6680/* ========== Switches ========== */
6681/* ========== Spinner ========== */
6682/* ========== Text fields ========== */
6683/* ========== Card ========== */
6684/* ========== Sliders ========== */
6685/* ========== Progress ========== */
6686/* ========== List ========== */
6687/* ========== Item ========== */
6688/* ========== Dropdown menu ========== */
6689/* ========== Tooltips ========== */
6690/* ========== Footer ========== */
6691/* TEXTFIELD */
6692/* SWITCH */
6693/* SPINNER */
6694/* RADIO */
6695/* MENU */
6696/* LIST */
6697/* LAYOUT */
6698/* ICON TOGGLE */
6699/* FOOTER */
6700/*mega-footer*/
6701/*mini-footer*/
6702/* CHECKBOX */
6703/* CARD */
6704/* Card dimensions */
6705/* Cover image */
6706/* BUTTON */
6707/**
6708 *
6709 * Dimensions
6710 *
6711 */
6712/* ANIMATION */
6713/* PROGRESS */
6714/* BADGE */
6715/* SHADOWS */
6716/* GRID */
6717/* DATA TABLE */
6718/* DIALOG */
6719/* SNACKBAR */
6720/* TOOLTIP */
6721/* CHIP */
6722/**
6723 * Copyright 2015 Google Inc. All Rights Reserved.
6724 *
6725 * Licensed under the Apache License, Version 2.0 (the "License");
6726 * you may not use this file except in compliance with the License.
6727 * You may obtain a copy of the License at
6728 *
6729 * http://www.apache.org/licenses/LICENSE-2.0
6730 *
6731 * Unless required by applicable law or agreed to in writing, software
6732 * distributed under the License is distributed on an "AS IS" BASIS,
6733 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6734 * See the License for the specific language governing permissions and
6735 * limitations under the License.
6736 */
6737/* Typography */
6738/* Shadows */
6739/* Animations */
6740/* Dialog */
6741.mdl-menu__container {
6742 display: block;
6743 margin: 0;
6744 padding: 0;
6745 border: none;
6746 position: absolute;
6747 overflow: visible;
6748 height: 0;
6749 width: 0;
6750 visibility: hidden;
6751 z-index: -1; }
6752 .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
6753 z-index: 999;
6754 visibility: visible; }
6755
6756.mdl-menu__outline {
6757 display: block;
6758 background: rgb(255,255,255);
6759 margin: 0;
6760 padding: 0;
6761 border: none;
6762 border-radius: 2px;
6763 position: absolute;
6764 top: 0;
6765 left: 0;
6766 overflow: hidden;
6767 opacity: 0;
6768 -webkit-transform: scale(0);
6769 transform: scale(0);
6770 -webkit-transform-origin: 0 0;
6771 transform-origin: 0 0;
6772 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);
6773 will-change: transform;
6774 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
6775 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6776 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);
6777 z-index: -1; }
6778 .mdl-menu__container.is-visible .mdl-menu__outline {
6779 opacity: 1;
6780 -webkit-transform: scale(1);
6781 transform: scale(1);
6782 z-index: 999; }
6783 .mdl-menu__outline.mdl-menu--bottom-right {
6784 -webkit-transform-origin: 100% 0;
6785 transform-origin: 100% 0; }
6786 .mdl-menu__outline.mdl-menu--top-left {
6787 -webkit-transform-origin: 0 100%;
6788 transform-origin: 0 100%; }
6789 .mdl-menu__outline.mdl-menu--top-right {
6790 -webkit-transform-origin: 100% 100%;
6791 transform-origin: 100% 100%; }
6792
6793.mdl-menu {
6794 position: absolute;
6795 list-style: none;
6796 top: 0;
6797 left: 0;
6798 height: auto;
6799 width: auto;
6800 min-width: 124px;
6801 padding: 8px 0;
6802 margin: 0;
6803 opacity: 0;
6804 clip: rect(0 0 0 0);
6805 z-index: -1; }
6806 .mdl-menu__container.is-visible .mdl-menu {
6807 opacity: 1;
6808 z-index: 999; }
6809 .mdl-menu.is-animating {
6810 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
6811 .mdl-menu.mdl-menu--bottom-right {
6812 left: auto;
6813 right: 0; }
6814 .mdl-menu.mdl-menu--top-left {
6815 top: auto;
6816 bottom: 0; }
6817 .mdl-menu.mdl-menu--top-right {
6818 top: auto;
6819 left: auto;
6820 bottom: 0;
6821 right: 0; }
6822 .mdl-menu.mdl-menu--unaligned {
6823 top: auto;
6824 left: auto; }
6825
6826.mdl-menu__item {
6827 display: block;
6828 border: none;
6829 color: rgba(0,0,0, 0.87);
6830 background-color: transparent;
6831 text-align: left;
6832 margin: 0;
6833 padding: 0 16px;
6834 outline-color: rgb(189,189,189);
6835 position: relative;
6836 overflow: hidden;
6837 font-size: 14px;
6838 font-weight: 400;
6839 line-height: 24px;
6840 letter-spacing: 0;
6841 text-decoration: none;
6842 cursor: pointer;
6843 height: 48px;
6844 line-height: 48px;
6845 white-space: nowrap;
6846 opacity: 0;
6847 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6848 -webkit-user-select: none;
6849 -moz-user-select: none;
6850 -ms-user-select: none;
6851 user-select: none; }
6852 .mdl-menu__container.is-visible .mdl-menu__item {
6853 opacity: 1; }
6854 .mdl-menu__item::-moz-focus-inner {
6855 border: 0; }
6856 .mdl-menu__item--full-bleed-divider {
6857 border-bottom: 1px solid rgba(0,0,0, 0.12); }
6858 .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
6859 color: rgb(189,189,189);
6860 background-color: transparent;
6861 cursor: auto; }
6862 .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
6863 background-color: transparent; }
6864 .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
6865 background-color: transparent; }
6866 .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
6867 background: transparent; }
6868 .mdl-menu__item:hover {
6869 background-color: rgb(238,238,238); }
6870 .mdl-menu__item:focus {
6871 outline: none;
6872 background-color: rgb(238,238,238); }
6873 .mdl-menu__item:active {
6874 background-color: rgb(224,224,224); }
6875
6876.mdl-menu__item--ripple-container {
6877 display: block;
6878 height: 100%;
6879 left: 0px;
6880 position: absolute;
6881 top: 0px;
6882 width: 100%;
6883 z-index: 0;
6884 overflow: hidden; }
6885
6886/**
6887 * Copyright 2015 Google Inc. All Rights Reserved.
6888 *
6889 * Licensed under the Apache License, Version 2.0 (the "License");
6890 * you may not use this file except in compliance with the License.
6891 * You may obtain a copy of the License at
6892 *
6893 * http://www.apache.org/licenses/LICENSE-2.0
6894 *
6895 * Unless required by applicable law or agreed to in writing, software
6896 * distributed under the License is distributed on an "AS IS" BASIS,
6897 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6898 * See the License for the specific language governing permissions and
6899 * limitations under the License.
6900 */
6901/**
6902 * Copyright 2015 Google Inc. All Rights Reserved.
6903 *
6904 * Licensed under the Apache License, Version 2.0 (the "License");
6905 * you may not use this file except in compliance with the License.
6906 * You may obtain a copy of the License at
6907 *
6908 * http://www.apache.org/licenses/LICENSE-2.0
6909 *
6910 * Unless required by applicable law or agreed to in writing, software
6911 * distributed under the License is distributed on an "AS IS" BASIS,
6912 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6913 * See the License for the specific language governing permissions and
6914 * limitations under the License.
6915 */
6916/*------------------------------------* $CONTENTS
6917\*------------------------------------*/
6918/**
6919 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6920 * -----Typography
6921 * -----Colors
6922 * -----Textfield
6923 * -----Switch
6924 * -----Spinner
6925 * -----Radio
6926 * -----Menu
6927 * -----List
6928 * -----Layout
6929 * -----Icon toggles
6930 * -----Footer
6931 * -----Column
6932 * -----Checkbox
6933 * -----Card
6934 * -----Button
6935 * -----Animation
6936 * -----Progress
6937 * -----Badge
6938 * -----Shadows
6939 * -----Grid
6940 * -----Data table
6941 * -----Dialog
6942 * -----Snackbar
6943 * -----Tooltip
6944 * -----Chip
6945 *
6946 * Even though all variables have the `!default` directive, most of them
6947 * should not be changed as they are dependent one another. This can cause
6948 * visual distortions (like alignment issues) that are hard to track down
6949 * and fix.
6950 */
6951/* ========== TYPOGRAPHY ========== */
6952/* We're splitting fonts into "preferred" and "performance" in order to optimize
6953 page loading. For important text, such as the body, we want it to load
6954 immediately and not wait for the web font load, whereas for other sections,
6955 such as headers and titles, we're OK with things taking a bit longer to load.
6956 We do have some optional classes and parameters in the mixins, in case you
6957 definitely want to make sure you're using the preferred font and don't mind
6958 the performance hit.
6959 We should be able to improve on this once CSS Font Loading L3 becomes more
6960 widely available.
6961*/
6962/* ========== COLORS ========== */
6963/**
6964*
6965* Material design color palettes.
6966* @see http://www.google.com/design/spec/style/color.html
6967*
6968**/
6969/**
6970 * Copyright 2015 Google Inc. All Rights Reserved.
6971 *
6972 * Licensed under the Apache License, Version 2.0 (the "License");
6973 * you may not use this file except in compliance with the License.
6974 * You may obtain a copy of the License at
6975 *
6976 * http://www.apache.org/licenses/LICENSE-2.0
6977 *
6978 * Unless required by applicable law or agreed to in writing, software
6979 * distributed under the License is distributed on an "AS IS" BASIS,
6980 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6981 * See the License for the specific language governing permissions and
6982 * limitations under the License.
6983 */
6984/* ========== Color Palettes ========== */
6985/* colors.scss */
6986/**
6987 * Copyright 2015 Google Inc. All Rights Reserved.
6988 *
6989 * Licensed under the Apache License, Version 2.0 (the "License");
6990 * you may not use this file except in compliance with the License.
6991 * You may obtain a copy of the License at
6992 *
6993 * http://www.apache.org/licenses/LICENSE-2.0
6994 *
6995 * Unless required by applicable law or agreed to in writing, software
6996 * distributed under the License is distributed on an "AS IS" BASIS,
6997 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6998 * See the License for the specific language governing permissions and
6999 * limitations under the License.
7000 */
7001/* ========== IMAGES ========== */
7002/* ========== Color & Themes ========== */
7003/* ========== Typography ========== */
7004/* ========== Components ========== */
7005/* ========== Standard Buttons ========== */
7006/* ========== Icon Toggles ========== */
7007/* ========== Radio Buttons ========== */
7008/* ========== Ripple effect ========== */
7009/* ========== Layout ========== */
7010/* ========== Content Tabs ========== */
7011/* ========== Checkboxes ========== */
7012/* ========== Switches ========== */
7013/* ========== Spinner ========== */
7014/* ========== Text fields ========== */
7015/* ========== Card ========== */
7016/* ========== Sliders ========== */
7017/* ========== Progress ========== */
7018/* ========== List ========== */
7019/* ========== Item ========== */
7020/* ========== Dropdown menu ========== */
7021/* ========== Tooltips ========== */
7022/* ========== Footer ========== */
7023/* TEXTFIELD */
7024/* SWITCH */
7025/* SPINNER */
7026/* RADIO */
7027/* MENU */
7028/* LIST */
7029/* LAYOUT */
7030/* ICON TOGGLE */
7031/* FOOTER */
7032/*mega-footer*/
7033/*mini-footer*/
7034/* CHECKBOX */
7035/* CARD */
7036/* Card dimensions */
7037/* Cover image */
7038/* BUTTON */
7039/**
7040 *
7041 * Dimensions
7042 *
7043 */
7044/* ANIMATION */
7045/* PROGRESS */
7046/* BADGE */
7047/* SHADOWS */
7048/* GRID */
7049/* DATA TABLE */
7050/* DIALOG */
7051/* SNACKBAR */
7052/* TOOLTIP */
7053/* CHIP */
7054.mdl-progress {
7055 display: block;
7056 position: relative;
7057 height: 4px;
7058 width: 500px;
7059 max-width: 100%; }
7060
7061.mdl-progress > .bar {
7062 display: block;
7063 position: absolute;
7064 top: 0;
7065 bottom: 0;
7066 width: 0%;
7067 transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
7068
7069.mdl-progress > .progressbar {
7070 background-color: rgb(63,81,181);
7071 z-index: 1;
7072 left: 0; }
7073
7074.mdl-progress > .bufferbar {
7075 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));
7076 z-index: 0;
7077 left: 0; }
7078
7079.mdl-progress > .auxbar {
7080 right: 0; }
7081
7082@supports (-webkit-appearance: none) {
7083 .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
7084 .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
7085 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));
7086 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
7087 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
7088
7089.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
7090.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
7091 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)); }
7092
7093.mdl-progress.mdl-progress--indeterminate > .bar1,
7094.mdl-progress.mdl-progress__indeterminate > .bar1 {
7095 background-color: rgb(63,81,181);
7096 -webkit-animation-name: indeterminate1;
7097 animation-name: indeterminate1;
7098 -webkit-animation-duration: 2s;
7099 animation-duration: 2s;
7100 -webkit-animation-iteration-count: infinite;
7101 animation-iteration-count: infinite;
7102 -webkit-animation-timing-function: linear;
7103 animation-timing-function: linear; }
7104
7105.mdl-progress.mdl-progress--indeterminate > .bar3,
7106.mdl-progress.mdl-progress__indeterminate > .bar3 {
7107 background-image: none;
7108 background-color: rgb(63,81,181);
7109 -webkit-animation-name: indeterminate2;
7110 animation-name: indeterminate2;
7111 -webkit-animation-duration: 2s;
7112 animation-duration: 2s;
7113 -webkit-animation-iteration-count: infinite;
7114 animation-iteration-count: infinite;
7115 -webkit-animation-timing-function: linear;
7116 animation-timing-function: linear; }
7117
7118@-webkit-keyframes indeterminate1 {
7119 0% {
7120 left: 0%;
7121 width: 0%; }
7122 50% {
7123 left: 25%;
7124 width: 75%; }
7125 75% {
7126 left: 100%;
7127 width: 0%; } }
7128
7129@keyframes indeterminate1 {
7130 0% {
7131 left: 0%;
7132 width: 0%; }
7133 50% {
7134 left: 25%;
7135 width: 75%; }
7136 75% {
7137 left: 100%;
7138 width: 0%; } }
7139
7140@-webkit-keyframes indeterminate2 {
7141 0% {
7142 left: 0%;
7143 width: 0%; }
7144 50% {
7145 left: 0%;
7146 width: 0%; }
7147 75% {
7148 left: 0%;
7149 width: 25%; }
7150 100% {
7151 left: 100%;
7152 width: 0%; } }
7153
7154@keyframes indeterminate2 {
7155 0% {
7156 left: 0%;
7157 width: 0%; }
7158 50% {
7159 left: 0%;
7160 width: 0%; }
7161 75% {
7162 left: 0%;
7163 width: 25%; }
7164 100% {
7165 left: 100%;
7166 width: 0%; } }
7167
7168/**
7169 * Copyright 2015 Google Inc. All Rights Reserved.
7170 *
7171 * Licensed under the Apache License, Version 2.0 (the "License");
7172 * you may not use this file except in compliance with the License.
7173 * You may obtain a copy of the License at
7174 *
7175 * http://www.apache.org/licenses/LICENSE-2.0
7176 *
7177 * Unless required by applicable law or agreed to in writing, software
7178 * distributed under the License is distributed on an "AS IS" BASIS,
7179 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7180 * See the License for the specific language governing permissions and
7181 * limitations under the License.
7182 */
7183/**
7184 * Copyright 2015 Google Inc. All Rights Reserved.
7185 *
7186 * Licensed under the Apache License, Version 2.0 (the "License");
7187 * you may not use this file except in compliance with the License.
7188 * You may obtain a copy of the License at
7189 *
7190 * http://www.apache.org/licenses/LICENSE-2.0
7191 *
7192 * Unless required by applicable law or agreed to in writing, software
7193 * distributed under the License is distributed on an "AS IS" BASIS,
7194 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7195 * See the License for the specific language governing permissions and
7196 * limitations under the License.
7197 */
7198/*------------------------------------* $CONTENTS
7199\*------------------------------------*/
7200/**
7201 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7202 * -----Typography
7203 * -----Colors
7204 * -----Textfield
7205 * -----Switch
7206 * -----Spinner
7207 * -----Radio
7208 * -----Menu
7209 * -----List
7210 * -----Layout
7211 * -----Icon toggles
7212 * -----Footer
7213 * -----Column
7214 * -----Checkbox
7215 * -----Card
7216 * -----Button
7217 * -----Animation
7218 * -----Progress
7219 * -----Badge
7220 * -----Shadows
7221 * -----Grid
7222 * -----Data table
7223 * -----Dialog
7224 * -----Snackbar
7225 * -----Tooltip
7226 * -----Chip
7227 *
7228 * Even though all variables have the `!default` directive, most of them
7229 * should not be changed as they are dependent one another. This can cause
7230 * visual distortions (like alignment issues) that are hard to track down
7231 * and fix.
7232 */
7233/* ========== TYPOGRAPHY ========== */
7234/* We're splitting fonts into "preferred" and "performance" in order to optimize
7235 page loading. For important text, such as the body, we want it to load
7236 immediately and not wait for the web font load, whereas for other sections,
7237 such as headers and titles, we're OK with things taking a bit longer to load.
7238 We do have some optional classes and parameters in the mixins, in case you
7239 definitely want to make sure you're using the preferred font and don't mind
7240 the performance hit.
7241 We should be able to improve on this once CSS Font Loading L3 becomes more
7242 widely available.
7243*/
7244/* ========== COLORS ========== */
7245/**
7246*
7247* Material design color palettes.
7248* @see http://www.google.com/design/spec/style/color.html
7249*
7250**/
7251/**
7252 * Copyright 2015 Google Inc. All Rights Reserved.
7253 *
7254 * Licensed under the Apache License, Version 2.0 (the "License");
7255 * you may not use this file except in compliance with the License.
7256 * You may obtain a copy of the License at
7257 *
7258 * http://www.apache.org/licenses/LICENSE-2.0
7259 *
7260 * Unless required by applicable law or agreed to in writing, software
7261 * distributed under the License is distributed on an "AS IS" BASIS,
7262 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7263 * See the License for the specific language governing permissions and
7264 * limitations under the License.
7265 */
7266/* ========== Color Palettes ========== */
7267/* colors.scss */
7268/**
7269 * Copyright 2015 Google Inc. All Rights Reserved.
7270 *
7271 * Licensed under the Apache License, Version 2.0 (the "License");
7272 * you may not use this file except in compliance with the License.
7273 * You may obtain a copy of the License at
7274 *
7275 * http://www.apache.org/licenses/LICENSE-2.0
7276 *
7277 * Unless required by applicable law or agreed to in writing, software
7278 * distributed under the License is distributed on an "AS IS" BASIS,
7279 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7280 * See the License for the specific language governing permissions and
7281 * limitations under the License.
7282 */
7283/* ========== IMAGES ========== */
7284/* ========== Color & Themes ========== */
7285/* ========== Typography ========== */
7286/* ========== Components ========== */
7287/* ========== Standard Buttons ========== */
7288/* ========== Icon Toggles ========== */
7289/* ========== Radio Buttons ========== */
7290/* ========== Ripple effect ========== */
7291/* ========== Layout ========== */
7292/* ========== Content Tabs ========== */
7293/* ========== Checkboxes ========== */
7294/* ========== Switches ========== */
7295/* ========== Spinner ========== */
7296/* ========== Text fields ========== */
7297/* ========== Card ========== */
7298/* ========== Sliders ========== */
7299/* ========== Progress ========== */
7300/* ========== List ========== */
7301/* ========== Item ========== */
7302/* ========== Dropdown menu ========== */
7303/* ========== Tooltips ========== */
7304/* ========== Footer ========== */
7305/* TEXTFIELD */
7306/* SWITCH */
7307/* SPINNER */
7308/* RADIO */
7309/* MENU */
7310/* LIST */
7311/* LAYOUT */
7312/* ICON TOGGLE */
7313/* FOOTER */
7314/*mega-footer*/
7315/*mini-footer*/
7316/* CHECKBOX */
7317/* CARD */
7318/* Card dimensions */
7319/* Cover image */
7320/* BUTTON */
7321/**
7322 *
7323 * Dimensions
7324 *
7325 */
7326/* ANIMATION */
7327/* PROGRESS */
7328/* BADGE */
7329/* SHADOWS */
7330/* GRID */
7331/* DATA TABLE */
7332/* DIALOG */
7333/* SNACKBAR */
7334/* TOOLTIP */
7335/* CHIP */
7336/**
7337 * Copyright 2015 Google Inc. All Rights Reserved.
7338 *
7339 * Licensed under the Apache License, Version 2.0 (the "License");
7340 * you may not use this file except in compliance with the License.
7341 * You may obtain a copy of the License at
7342 *
7343 * http://www.apache.org/licenses/LICENSE-2.0
7344 *
7345 * Unless required by applicable law or agreed to in writing, software
7346 * distributed under the License is distributed on an "AS IS" BASIS,
7347 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7348 * See the License for the specific language governing permissions and
7349 * limitations under the License.
7350 */
7351/* Typography */
7352/* Shadows */
7353/* Animations */
7354/* Dialog */
7355.mdl-navigation {
7356 display: -webkit-flex;
7357 display: -ms-flexbox;
7358 display: flex;
7359 -webkit-flex-wrap: nowrap;
7360 -ms-flex-wrap: nowrap;
7361 flex-wrap: nowrap;
7362 box-sizing: border-box; }
7363
7364.mdl-navigation__link {
7365 color: rgb(66,66,66);
7366 text-decoration: none;
7367 margin: 0;
7368 font-size: 14px;
7369 font-weight: 400;
7370 line-height: 24px;
7371 letter-spacing: 0;
7372 opacity: 0.87; }
7373 .mdl-navigation__link .material-icons {
7374 vertical-align: middle; }
7375
7376.mdl-layout {
7377 width: 100%;
7378 height: 100%;
7379 display: -webkit-flex;
7380 display: -ms-flexbox;
7381 display: flex;
7382 -webkit-flex-direction: column;
7383 -ms-flex-direction: column;
7384 flex-direction: column;
7385 overflow-y: auto;
7386 overflow-x: hidden;
7387 position: relative;
7388 -webkit-overflow-scrolling: touch; }
7389
7390.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
7391 display: none; }
7392
7393.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
7394 display: none; }
7395
7396.mdl-layout__container {
7397 position: absolute;
7398 width: 100%;
7399 height: 100%; }
7400
7401.mdl-layout__title,
7402.mdl-layout-title {
7403 display: block;
7404 position: relative;
7405 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
7406 font-size: 20px;
7407 font-weight: 500;
7408 line-height: 1;
7409 letter-spacing: 0.02em;
7410 font-weight: 400;
7411 box-sizing: border-box; }
7412
7413.mdl-layout-spacer {
7414 -webkit-flex-grow: 1;
7415 -ms-flex-positive: 1;
7416 flex-grow: 1; }
7417
7418.mdl-layout__drawer {
7419 display: -webkit-flex;
7420 display: -ms-flexbox;
7421 display: flex;
7422 -webkit-flex-direction: column;
7423 -ms-flex-direction: column;
7424 flex-direction: column;
7425 -webkit-flex-wrap: nowrap;
7426 -ms-flex-wrap: nowrap;
7427 flex-wrap: nowrap;
7428 width: 240px;
7429 height: 100%;
7430 max-height: 100%;
7431 position: absolute;
7432 top: 0;
7433 left: 0;
7434 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);
7435 box-sizing: border-box;
7436 border-right: 1px solid rgb(224,224,224);
7437 background: rgb(250,250,250);
7438 -webkit-transform: translateX(-250px);
7439 transform: translateX(-250px);
7440 -webkit-transform-style: preserve-3d;
7441 transform-style: preserve-3d;
7442 will-change: transform;
7443 transition-duration: 0.2s;
7444 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7445 transition-property: -webkit-transform;
7446 transition-property: transform;
7447 transition-property: transform, -webkit-transform;
7448 color: rgb(66,66,66);
7449 overflow: visible;
7450 overflow-y: auto;
7451 z-index: 5; }
7452 .mdl-layout__drawer.is-visible {
7453 -webkit-transform: translateX(0);
7454 transform: translateX(0); }
7455 .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
7456 overflow: hidden; }
7457 .mdl-layout__drawer > * {
7458 -webkit-flex-shrink: 0;
7459 -ms-flex-negative: 0;
7460 flex-shrink: 0; }
7461 .mdl-layout__drawer > .mdl-layout__title,
7462 .mdl-layout__drawer > .mdl-layout-title {
7463 line-height: 64px;
7464 padding-left: 40px; }
7465 @media screen and (max-width: 1024px) {
7466 .mdl-layout__drawer > .mdl-layout__title,
7467 .mdl-layout__drawer > .mdl-layout-title {
7468 line-height: 56px;
7469 padding-left: 16px; } }
7470 .mdl-layout__drawer .mdl-navigation {
7471 -webkit-flex-direction: column;
7472 -ms-flex-direction: column;
7473 flex-direction: column;
7474 -webkit-align-items: stretch;
7475 -ms-flex-align: stretch;
7476 align-items: stretch;
7477 padding-top: 16px; }
7478 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7479 display: block;
7480 -webkit-flex-shrink: 0;
7481 -ms-flex-negative: 0;
7482 flex-shrink: 0;
7483 padding: 16px 40px;
7484 margin: 0;
7485 color: #757575; }
7486 @media screen and (max-width: 1024px) {
7487 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7488 padding: 16px 16px; } }
7489 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
7490 background-color: rgb(224,224,224); }
7491 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
7492 background-color: rgb(224,224,224);
7493 color: rgb(0,0,0); }
7494 @media screen and (min-width: 1025px) {
7495 .mdl-layout--fixed-drawer > .mdl-layout__drawer {
7496 -webkit-transform: translateX(0);
7497 transform: translateX(0); } }
7498
7499.mdl-layout__drawer-button {
7500 display: block;
7501 position: absolute;
7502 height: 48px;
7503 width: 48px;
7504 border: 0;
7505 -webkit-flex-shrink: 0;
7506 -ms-flex-negative: 0;
7507 flex-shrink: 0;
7508 overflow: hidden;
7509 text-align: center;
7510 cursor: pointer;
7511 font-size: 26px;
7512 line-height: 56px;
7513 font-family: Helvetica, Arial, sans-serif;
7514 margin: 8px 12px;
7515 top: 0;
7516 left: 0;
7517 color: rgb(255,255,255);
7518 z-index: 4; }
7519 .mdl-layout__header .mdl-layout__drawer-button {
7520 position: absolute;
7521 color: rgb(255,255,255);
7522 background-color: inherit; }
7523 @media screen and (max-width: 1024px) {
7524 .mdl-layout__header .mdl-layout__drawer-button {
7525 margin: 4px; } }
7526 @media screen and (max-width: 1024px) {
7527 .mdl-layout__drawer-button {
7528 margin: 4px;
7529 color: rgba(0, 0, 0, 0.5); } }
7530 @media screen and (min-width: 1025px) {
7531 .mdl-layout__drawer-button {
7532 line-height: 54px; }
7533 .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
7534 .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
7535 .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7536 display: none; } }
7537
7538.mdl-layout__header {
7539 display: -webkit-flex;
7540 display: -ms-flexbox;
7541 display: flex;
7542 -webkit-flex-direction: column;
7543 -ms-flex-direction: column;
7544 flex-direction: column;
7545 -webkit-flex-wrap: nowrap;
7546 -ms-flex-wrap: nowrap;
7547 flex-wrap: nowrap;
7548 -webkit-justify-content: flex-start;
7549 -ms-flex-pack: start;
7550 justify-content: flex-start;
7551 box-sizing: border-box;
7552 -webkit-flex-shrink: 0;
7553 -ms-flex-negative: 0;
7554 flex-shrink: 0;
7555 width: 100%;
7556 margin: 0;
7557 padding: 0;
7558 border: none;
7559 min-height: 64px;
7560 max-height: 1000px;
7561 z-index: 3;
7562 background-color: rgb(63,81,181);
7563 color: rgb(255,255,255);
7564 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);
7565 transition-duration: 0.2s;
7566 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7567 transition-property: max-height, box-shadow; }
7568 @media screen and (max-width: 1024px) {
7569 .mdl-layout__header {
7570 min-height: 56px; } }
7571 .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
7572 margin-left: 240px;
7573 width: calc(100% - 240px); }
7574 @media screen and (min-width: 1025px) {
7575 .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
7576 padding-left: 40px; } }
7577 .mdl-layout__header > .mdl-layout-icon {
7578 position: absolute;
7579 left: 40px;
7580 top: 16px;
7581 height: 32px;
7582 width: 32px;
7583 overflow: hidden;
7584 z-index: 3;
7585 display: block; }
7586 @media screen and (max-width: 1024px) {
7587 .mdl-layout__header > .mdl-layout-icon {
7588 left: 16px;
7589 top: 12px; } }
7590 .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
7591 display: none; }
7592 .mdl-layout__header.is-compact {
7593 max-height: 64px; }
7594 @media screen and (max-width: 1024px) {
7595 .mdl-layout__header.is-compact {
7596 max-height: 56px; } }
7597 .mdl-layout__header.is-compact.has-tabs {
7598 height: 112px; }
7599 @media screen and (max-width: 1024px) {
7600 .mdl-layout__header.is-compact.has-tabs {
7601 min-height: 104px; } }
7602 @media screen and (max-width: 1024px) {
7603 .mdl-layout__header {
7604 display: none; }
7605 .mdl-layout--fixed-header > .mdl-layout__header {
7606 display: -webkit-flex;
7607 display: -ms-flexbox;
7608 display: flex; } }
7609
7610.mdl-layout__header--transparent.mdl-layout__header--transparent {
7611 background-color: transparent;
7612 box-shadow: none; }
7613
7614.mdl-layout__header--seamed {
7615 box-shadow: none; }
7616
7617.mdl-layout__header--scroll {
7618 box-shadow: none; }
7619
7620.mdl-layout__header--waterfall {
7621 box-shadow: none;
7622 overflow: hidden; }
7623 .mdl-layout__header--waterfall.is-casting-shadow {
7624 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); }
7625 .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
7626 -webkit-justify-content: flex-end;
7627 -ms-flex-pack: end;
7628 justify-content: flex-end; }
7629
7630.mdl-layout__header-row {
7631 display: -webkit-flex;
7632 display: -ms-flexbox;
7633 display: flex;
7634 -webkit-flex-direction: row;
7635 -ms-flex-direction: row;
7636 flex-direction: row;
7637 -webkit-flex-wrap: nowrap;
7638 -ms-flex-wrap: nowrap;
7639 flex-wrap: nowrap;
7640 -webkit-flex-shrink: 0;
7641 -ms-flex-negative: 0;
7642 flex-shrink: 0;
7643 box-sizing: border-box;
7644 -webkit-align-self: stretch;
7645 -ms-flex-item-align: stretch;
7646 align-self: stretch;
7647 -webkit-align-items: center;
7648 -ms-flex-align: center;
7649 align-items: center;
7650 height: 64px;
7651 margin: 0;
7652 padding: 0 40px 0 80px; }
7653 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7654 padding-left: 40px; }
7655 @media screen and (min-width: 1025px) {
7656 .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
7657 padding-left: 40px; } }
7658 @media screen and (max-width: 1024px) {
7659 .mdl-layout__header-row {
7660 height: 56px;
7661 padding: 0 16px 0 72px; }
7662 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7663 padding-left: 16px; } }
7664 .mdl-layout__header-row > * {
7665 -webkit-flex-shrink: 0;
7666 -ms-flex-negative: 0;
7667 flex-shrink: 0; }
7668 .mdl-layout__header--scroll .mdl-layout__header-row {
7669 width: 100%; }
7670 .mdl-layout__header-row .mdl-navigation {
7671 margin: 0;
7672 padding: 0;
7673 height: 64px;
7674 -webkit-flex-direction: row;
7675 -ms-flex-direction: row;
7676 flex-direction: row;
7677 -webkit-align-items: center;
7678 -ms-flex-align: center;
7679 align-items: center; }
7680 @media screen and (max-width: 1024px) {
7681 .mdl-layout__header-row .mdl-navigation {
7682 height: 56px; } }
7683 .mdl-layout__header-row .mdl-navigation__link {
7684 display: block;
7685 color: rgb(255,255,255);
7686 line-height: 64px;
7687 padding: 0 24px; }
7688 @media screen and (max-width: 1024px) {
7689 .mdl-layout__header-row .mdl-navigation__link {
7690 line-height: 56px;
7691 padding: 0 16px; } }
7692
7693.mdl-layout__obfuscator {
7694 background-color: transparent;
7695 position: absolute;
7696 top: 0;
7697 left: 0;
7698 height: 100%;
7699 width: 100%;
7700 z-index: 4;
7701 visibility: hidden;
7702 transition-property: background-color;
7703 transition-duration: 0.2s;
7704 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
7705 .mdl-layout__obfuscator.is-visible {
7706 background-color: rgba(0, 0, 0, 0.5);
7707 visibility: visible; }
7708 @supports (pointer-events: auto) {
7709 .mdl-layout__obfuscator {
7710 background-color: rgba(0, 0, 0, 0.5);
7711 opacity: 0;
7712 transition-property: opacity;
7713 visibility: visible;
7714 pointer-events: none; }
7715 .mdl-layout__obfuscator.is-visible {
7716 pointer-events: auto;
7717 opacity: 1; } }
7718
7719.mdl-layout__content {
7720 -ms-flex: 0 1 auto;
7721 position: relative;
7722 display: inline-block;
7723 overflow-y: auto;
7724 overflow-x: hidden;
7725 -webkit-flex-grow: 1;
7726 -ms-flex-positive: 1;
7727 flex-grow: 1;
7728 z-index: 1;
7729 -webkit-overflow-scrolling: touch; }
7730 .mdl-layout--fixed-drawer > .mdl-layout__content {
7731 margin-left: 240px; }
7732 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7733 overflow: visible; }
7734 @media screen and (max-width: 1024px) {
7735 .mdl-layout--fixed-drawer > .mdl-layout__content {
7736 margin-left: 0; }
7737 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7738 overflow-y: auto;
7739 overflow-x: hidden; } }
7740
7741.mdl-layout__tab-bar {
7742 height: 96px;
7743 margin: 0;
7744 width: calc(100% - 112px);
7745 padding: 0 0 0 56px;
7746 display: -webkit-flex;
7747 display: -ms-flexbox;
7748 display: flex;
7749 background-color: rgb(63,81,181);
7750 overflow-y: hidden;
7751 overflow-x: scroll; }
7752 .mdl-layout__tab-bar::-webkit-scrollbar {
7753 display: none; }
7754 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7755 padding-left: 16px;
7756 width: calc(100% - 32px); }
7757 @media screen and (min-width: 1025px) {
7758 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
7759 padding-left: 16px;
7760 width: calc(100% - 32px); } }
7761 @media screen and (max-width: 1024px) {
7762 .mdl-layout__tab-bar {
7763 width: calc(100% - 60px);
7764 padding: 0 0 0 60px; }
7765 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7766 width: calc(100% - 8px);
7767 padding-left: 4px; } }
7768 .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
7769 padding: 0;
7770 overflow: hidden;
7771 width: 100%; }
7772
7773.mdl-layout__tab-bar-container {
7774 position: relative;
7775 height: 48px;
7776 width: 100%;
7777 border: none;
7778 margin: 0;
7779 z-index: 2;
7780 -webkit-flex-grow: 0;
7781 -ms-flex-positive: 0;
7782 flex-grow: 0;
7783 -webkit-flex-shrink: 0;
7784 -ms-flex-negative: 0;
7785 flex-shrink: 0;
7786 overflow: hidden; }
7787 .mdl-layout__container > .mdl-layout__tab-bar-container {
7788 position: absolute;
7789 top: 0;
7790 left: 0; }
7791
7792.mdl-layout__tab-bar-button {
7793 display: inline-block;
7794 position: absolute;
7795 top: 0;
7796 height: 48px;
7797 width: 56px;
7798 z-index: 4;
7799 text-align: center;
7800 background-color: rgb(63,81,181);
7801 color: transparent;
7802 cursor: pointer;
7803 -webkit-user-select: none;
7804 -moz-user-select: none;
7805 -ms-user-select: none;
7806 user-select: none; }
7807 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
7808 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
7809 width: 16px; }
7810 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
7811 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
7812 position: relative;
7813 left: -4px; }
7814 @media screen and (max-width: 1024px) {
7815 .mdl-layout__tab-bar-button {
7816 width: 60px; } }
7817 .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
7818 display: none; }
7819 .mdl-layout__tab-bar-button .material-icons {
7820 line-height: 48px; }
7821 .mdl-layout__tab-bar-button.is-active {
7822 color: rgb(255,255,255); }
7823
7824.mdl-layout__tab-bar-left-button {
7825 left: 0; }
7826
7827.mdl-layout__tab-bar-right-button {
7828 right: 0; }
7829
7830.mdl-layout__tab {
7831 margin: 0;
7832 border: none;
7833 padding: 0 24px 0 24px;
7834 float: left;
7835 position: relative;
7836 display: block;
7837 -webkit-flex-grow: 0;
7838 -ms-flex-positive: 0;
7839 flex-grow: 0;
7840 -webkit-flex-shrink: 0;
7841 -ms-flex-negative: 0;
7842 flex-shrink: 0;
7843 text-decoration: none;
7844 height: 48px;
7845 line-height: 48px;
7846 text-align: center;
7847 font-weight: 500;
7848 font-size: 14px;
7849 text-transform: uppercase;
7850 color: rgba(255,255,255, 0.6);
7851 overflow: hidden; }
7852 @media screen and (max-width: 1024px) {
7853 .mdl-layout__tab {
7854 padding: 0 12px 0 12px; } }
7855 .mdl-layout--fixed-tabs .mdl-layout__tab {
7856 float: none;
7857 -webkit-flex-grow: 1;
7858 -ms-flex-positive: 1;
7859 flex-grow: 1;
7860 padding: 0; }
7861 .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
7862 color: rgb(255,255,255); }
7863 .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
7864 height: 2px;
7865 width: 100%;
7866 display: block;
7867 content: " ";
7868 bottom: 0;
7869 left: 0;
7870 position: absolute;
7871 background: rgb(255,64,129);
7872 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7873 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7874 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
7875 .mdl-layout__tab .mdl-layout__tab-ripple-container {
7876 display: block;
7877 position: absolute;
7878 height: 100%;
7879 width: 100%;
7880 left: 0;
7881 top: 0;
7882 z-index: 1;
7883 overflow: hidden; }
7884 .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
7885 background-color: rgb(255,255,255); }
7886
7887.mdl-layout__tab-panel {
7888 display: block; }
7889 .mdl-layout.is-upgraded .mdl-layout__tab-panel {
7890 display: none; }
7891 .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
7892 display: block; }
7893
7894/**
7895 * Copyright 2015 Google Inc. All Rights Reserved.
7896 *
7897 * Licensed under the Apache License, Version 2.0 (the "License");
7898 * you may not use this file except in compliance with the License.
7899 * You may obtain a copy of the License at
7900 *
7901 * http://www.apache.org/licenses/LICENSE-2.0
7902 *
7903 * Unless required by applicable law or agreed to in writing, software
7904 * distributed under the License is distributed on an "AS IS" BASIS,
7905 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7906 * See the License for the specific language governing permissions and
7907 * limitations under the License.
7908 */
7909/**
7910 * Copyright 2015 Google Inc. All Rights Reserved.
7911 *
7912 * Licensed under the Apache License, Version 2.0 (the "License");
7913 * you may not use this file except in compliance with the License.
7914 * You may obtain a copy of the License at
7915 *
7916 * http://www.apache.org/licenses/LICENSE-2.0
7917 *
7918 * Unless required by applicable law or agreed to in writing, software
7919 * distributed under the License is distributed on an "AS IS" BASIS,
7920 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7921 * See the License for the specific language governing permissions and
7922 * limitations under the License.
7923 */
7924/*------------------------------------* $CONTENTS
7925\*------------------------------------*/
7926/**
7927 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7928 * -----Typography
7929 * -----Colors
7930 * -----Textfield
7931 * -----Switch
7932 * -----Spinner
7933 * -----Radio
7934 * -----Menu
7935 * -----List
7936 * -----Layout
7937 * -----Icon toggles
7938 * -----Footer
7939 * -----Column
7940 * -----Checkbox
7941 * -----Card
7942 * -----Button
7943 * -----Animation
7944 * -----Progress
7945 * -----Badge
7946 * -----Shadows
7947 * -----Grid
7948 * -----Data table
7949 * -----Dialog
7950 * -----Snackbar
7951 * -----Tooltip
7952 * -----Chip
7953 *
7954 * Even though all variables have the `!default` directive, most of them
7955 * should not be changed as they are dependent one another. This can cause
7956 * visual distortions (like alignment issues) that are hard to track down
7957 * and fix.
7958 */
7959/* ========== TYPOGRAPHY ========== */
7960/* We're splitting fonts into "preferred" and "performance" in order to optimize
7961 page loading. For important text, such as the body, we want it to load
7962 immediately and not wait for the web font load, whereas for other sections,
7963 such as headers and titles, we're OK with things taking a bit longer to load.
7964 We do have some optional classes and parameters in the mixins, in case you
7965 definitely want to make sure you're using the preferred font and don't mind
7966 the performance hit.
7967 We should be able to improve on this once CSS Font Loading L3 becomes more
7968 widely available.
7969*/
7970/* ========== COLORS ========== */
7971/**
7972*
7973* Material design color palettes.
7974* @see http://www.google.com/design/spec/style/color.html
7975*
7976**/
7977/**
7978 * Copyright 2015 Google Inc. All Rights Reserved.
7979 *
7980 * Licensed under the Apache License, Version 2.0 (the "License");
7981 * you may not use this file except in compliance with the License.
7982 * You may obtain a copy of the License at
7983 *
7984 * http://www.apache.org/licenses/LICENSE-2.0
7985 *
7986 * Unless required by applicable law or agreed to in writing, software
7987 * distributed under the License is distributed on an "AS IS" BASIS,
7988 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7989 * See the License for the specific language governing permissions and
7990 * limitations under the License.
7991 */
7992/* ========== Color Palettes ========== */
7993/* colors.scss */
7994/**
7995 * Copyright 2015 Google Inc. All Rights Reserved.
7996 *
7997 * Licensed under the Apache License, Version 2.0 (the "License");
7998 * you may not use this file except in compliance with the License.
7999 * You may obtain a copy of the License at
8000 *
8001 * http://www.apache.org/licenses/LICENSE-2.0
8002 *
8003 * Unless required by applicable law or agreed to in writing, software
8004 * distributed under the License is distributed on an "AS IS" BASIS,
8005 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8006 * See the License for the specific language governing permissions and
8007 * limitations under the License.
8008 */
8009/* ========== IMAGES ========== */
8010/* ========== Color & Themes ========== */
8011/* ========== Typography ========== */
8012/* ========== Components ========== */
8013/* ========== Standard Buttons ========== */
8014/* ========== Icon Toggles ========== */
8015/* ========== Radio Buttons ========== */
8016/* ========== Ripple effect ========== */
8017/* ========== Layout ========== */
8018/* ========== Content Tabs ========== */
8019/* ========== Checkboxes ========== */
8020/* ========== Switches ========== */
8021/* ========== Spinner ========== */
8022/* ========== Text fields ========== */
8023/* ========== Card ========== */
8024/* ========== Sliders ========== */
8025/* ========== Progress ========== */
8026/* ========== List ========== */
8027/* ========== Item ========== */
8028/* ========== Dropdown menu ========== */
8029/* ========== Tooltips ========== */
8030/* ========== Footer ========== */
8031/* TEXTFIELD */
8032/* SWITCH */
8033/* SPINNER */
8034/* RADIO */
8035/* MENU */
8036/* LIST */
8037/* LAYOUT */
8038/* ICON TOGGLE */
8039/* FOOTER */
8040/*mega-footer*/
8041/*mini-footer*/
8042/* CHECKBOX */
8043/* CARD */
8044/* Card dimensions */
8045/* Cover image */
8046/* BUTTON */
8047/**
8048 *
8049 * Dimensions
8050 *
8051 */
8052/* ANIMATION */
8053/* PROGRESS */
8054/* BADGE */
8055/* SHADOWS */
8056/* GRID */
8057/* DATA TABLE */
8058/* DIALOG */
8059/* SNACKBAR */
8060/* TOOLTIP */
8061/* CHIP */
8062/**
8063 * Copyright 2015 Google Inc. All Rights Reserved.
8064 *
8065 * Licensed under the Apache License, Version 2.0 (the "License");
8066 * you may not use this file except in compliance with the License.
8067 * You may obtain a copy of the License at
8068 *
8069 * http://www.apache.org/licenses/LICENSE-2.0
8070 *
8071 * Unless required by applicable law or agreed to in writing, software
8072 * distributed under the License is distributed on an "AS IS" BASIS,
8073 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8074 * See the License for the specific language governing permissions and
8075 * limitations under the License.
8076 */
8077/* Typography */
8078/* Shadows */
8079/* Animations */
8080/* Dialog */
8081.mdl-radio {
8082 position: relative;
8083 font-size: 16px;
8084 line-height: 24px;
8085 display: inline-block;
8086 vertical-align: middle;
8087 box-sizing: border-box;
8088 height: 24px;
8089 margin: 0;
8090 padding-left: 0; }
8091 .mdl-radio.is-upgraded {
8092 padding-left: 24px; }
8093
8094.mdl-radio__button {
8095 line-height: 24px; }
8096 .mdl-radio.is-upgraded .mdl-radio__button {
8097 position: absolute;
8098 width: 0;
8099 height: 0;
8100 margin: 0;
8101 padding: 0;
8102 opacity: 0;
8103 -ms-appearance: none;
8104 -moz-appearance: none;
8105 -webkit-appearance: none;
8106 appearance: none;
8107 border: none; }
8108
8109.mdl-radio__outer-circle {
8110 position: absolute;
8111 top: 4px;
8112 left: 0;
8113 display: inline-block;
8114 box-sizing: border-box;
8115 width: 16px;
8116 height: 16px;
8117 margin: 0;
8118 cursor: pointer;
8119 border: 2px solid rgba(0,0,0, 0.54);
8120 border-radius: 50%;
8121 z-index: 2; }
8122 .mdl-radio.is-checked .mdl-radio__outer-circle {
8123 border: 2px solid rgb(63,81,181); }
8124 .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
8125 .mdl-radio.is-disabled .mdl-radio__outer-circle {
8126 border: 2px solid rgba(0,0,0, 0.26);
8127 cursor: auto; }
8128
8129.mdl-radio__inner-circle {
8130 position: absolute;
8131 z-index: 1;
8132 margin: 0;
8133 top: 8px;
8134 left: 4px;
8135 box-sizing: border-box;
8136 width: 8px;
8137 height: 8px;
8138 cursor: pointer;
8139 transition-duration: 0.28s;
8140 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8141 transition-property: -webkit-transform;
8142 transition-property: transform;
8143 transition-property: transform, -webkit-transform;
8144 -webkit-transform: scale(0, 0);
8145 transform: scale(0, 0);
8146 border-radius: 50%;
8147 background: rgb(63,81,181); }
8148 .mdl-radio.is-checked .mdl-radio__inner-circle {
8149 -webkit-transform: scale(1, 1);
8150 transform: scale(1, 1); }
8151 fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
8152 .mdl-radio.is-disabled .mdl-radio__inner-circle {
8153 background: rgba(0,0,0, 0.26);
8154 cursor: auto; }
8155 .mdl-radio.is-focused .mdl-radio__inner-circle {
8156 box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }
8157
8158.mdl-radio__label {
8159 cursor: pointer; }
8160 fieldset[disabled] .mdl-radio .mdl-radio__label,
8161 .mdl-radio.is-disabled .mdl-radio__label {
8162 color: rgba(0,0,0, 0.26);
8163 cursor: auto; }
8164
8165.mdl-radio__ripple-container {
8166 position: absolute;
8167 z-index: 2;
8168 top: -9px;
8169 left: -13px;
8170 box-sizing: border-box;
8171 width: 42px;
8172 height: 42px;
8173 border-radius: 50%;
8174 cursor: pointer;
8175 overflow: hidden;
8176 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
8177 .mdl-radio__ripple-container .mdl-ripple {
8178 background: rgb(63,81,181); }
8179 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
8180 .mdl-radio.is-disabled .mdl-radio__ripple-container {
8181 cursor: auto; }
8182 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
8183 .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
8184 background: transparent; }
8185
8186/**
8187 * Copyright 2015 Google Inc. All Rights Reserved.
8188 *
8189 * Licensed under the Apache License, Version 2.0 (the "License");
8190 * you may not use this file except in compliance with the License.
8191 * You may obtain a copy of the License at
8192 *
8193 * http://www.apache.org/licenses/LICENSE-2.0
8194 *
8195 * Unless required by applicable law or agreed to in writing, software
8196 * distributed under the License is distributed on an "AS IS" BASIS,
8197 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8198 * See the License for the specific language governing permissions and
8199 * limitations under the License.
8200 */
8201/**
8202 * Copyright 2015 Google Inc. All Rights Reserved.
8203 *
8204 * Licensed under the Apache License, Version 2.0 (the "License");
8205 * you may not use this file except in compliance with the License.
8206 * You may obtain a copy of the License at
8207 *
8208 * http://www.apache.org/licenses/LICENSE-2.0
8209 *
8210 * Unless required by applicable law or agreed to in writing, software
8211 * distributed under the License is distributed on an "AS IS" BASIS,
8212 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8213 * See the License for the specific language governing permissions and
8214 * limitations under the License.
8215 */
8216/*------------------------------------* $CONTENTS
8217\*------------------------------------*/
8218/**
8219 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8220 * -----Typography
8221 * -----Colors
8222 * -----Textfield
8223 * -----Switch
8224 * -----Spinner
8225 * -----Radio
8226 * -----Menu
8227 * -----List
8228 * -----Layout
8229 * -----Icon toggles
8230 * -----Footer
8231 * -----Column
8232 * -----Checkbox
8233 * -----Card
8234 * -----Button
8235 * -----Animation
8236 * -----Progress
8237 * -----Badge
8238 * -----Shadows
8239 * -----Grid
8240 * -----Data table
8241 * -----Dialog
8242 * -----Snackbar
8243 * -----Tooltip
8244 * -----Chip
8245 *
8246 * Even though all variables have the `!default` directive, most of them
8247 * should not be changed as they are dependent one another. This can cause
8248 * visual distortions (like alignment issues) that are hard to track down
8249 * and fix.
8250 */
8251/* ========== TYPOGRAPHY ========== */
8252/* We're splitting fonts into "preferred" and "performance" in order to optimize
8253 page loading. For important text, such as the body, we want it to load
8254 immediately and not wait for the web font load, whereas for other sections,
8255 such as headers and titles, we're OK with things taking a bit longer to load.
8256 We do have some optional classes and parameters in the mixins, in case you
8257 definitely want to make sure you're using the preferred font and don't mind
8258 the performance hit.
8259 We should be able to improve on this once CSS Font Loading L3 becomes more
8260 widely available.
8261*/
8262/* ========== COLORS ========== */
8263/**
8264*
8265* Material design color palettes.
8266* @see http://www.google.com/design/spec/style/color.html
8267*
8268**/
8269/**
8270 * Copyright 2015 Google Inc. All Rights Reserved.
8271 *
8272 * Licensed under the Apache License, Version 2.0 (the "License");
8273 * you may not use this file except in compliance with the License.
8274 * You may obtain a copy of the License at
8275 *
8276 * http://www.apache.org/licenses/LICENSE-2.0
8277 *
8278 * Unless required by applicable law or agreed to in writing, software
8279 * distributed under the License is distributed on an "AS IS" BASIS,
8280 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8281 * See the License for the specific language governing permissions and
8282 * limitations under the License.
8283 */
8284/* ========== Color Palettes ========== */
8285/* colors.scss */
8286/**
8287 * Copyright 2015 Google Inc. All Rights Reserved.
8288 *
8289 * Licensed under the Apache License, Version 2.0 (the "License");
8290 * you may not use this file except in compliance with the License.
8291 * You may obtain a copy of the License at
8292 *
8293 * http://www.apache.org/licenses/LICENSE-2.0
8294 *
8295 * Unless required by applicable law or agreed to in writing, software
8296 * distributed under the License is distributed on an "AS IS" BASIS,
8297 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8298 * See the License for the specific language governing permissions and
8299 * limitations under the License.
8300 */
8301/* ========== IMAGES ========== */
8302/* ========== Color & Themes ========== */
8303/* ========== Typography ========== */
8304/* ========== Components ========== */
8305/* ========== Standard Buttons ========== */
8306/* ========== Icon Toggles ========== */
8307/* ========== Radio Buttons ========== */
8308/* ========== Ripple effect ========== */
8309/* ========== Layout ========== */
8310/* ========== Content Tabs ========== */
8311/* ========== Checkboxes ========== */
8312/* ========== Switches ========== */
8313/* ========== Spinner ========== */
8314/* ========== Text fields ========== */
8315/* ========== Card ========== */
8316/* ========== Sliders ========== */
8317/* ========== Progress ========== */
8318/* ========== List ========== */
8319/* ========== Item ========== */
8320/* ========== Dropdown menu ========== */
8321/* ========== Tooltips ========== */
8322/* ========== Footer ========== */
8323/* TEXTFIELD */
8324/* SWITCH */
8325/* SPINNER */
8326/* RADIO */
8327/* MENU */
8328/* LIST */
8329/* LAYOUT */
8330/* ICON TOGGLE */
8331/* FOOTER */
8332/*mega-footer*/
8333/*mini-footer*/
8334/* CHECKBOX */
8335/* CARD */
8336/* Card dimensions */
8337/* Cover image */
8338/* BUTTON */
8339/**
8340 *
8341 * Dimensions
8342 *
8343 */
8344/* ANIMATION */
8345/* PROGRESS */
8346/* BADGE */
8347/* SHADOWS */
8348/* GRID */
8349/* DATA TABLE */
8350/* DIALOG */
8351/* SNACKBAR */
8352/* TOOLTIP */
8353/* CHIP */
8354_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8355 -ms-appearance: none;
8356 height: 32px;
8357 margin: 0; }
8358
8359.mdl-slider {
8360 width: calc(100% - 40px);
8361 margin: 0 20px; }
8362 .mdl-slider.is-upgraded {
8363 -webkit-appearance: none;
8364 -moz-appearance: none;
8365 appearance: none;
8366 height: 2px;
8367 background: transparent;
8368 -webkit-user-select: none;
8369 -moz-user-select: none;
8370 -ms-user-select: none;
8371 user-select: none;
8372 outline: 0;
8373 padding: 0;
8374 color: rgb(63,81,181);
8375 -webkit-align-self: center;
8376 -ms-flex-item-align: center;
8377 -ms-grid-row-align: center;
8378 align-self: center;
8379 z-index: 1;
8380 cursor: pointer;
8381 /**************************** Tracks ****************************/
8382 /**************************** Thumbs ****************************/
8383 /**************************** 0-value ****************************/
8384 /**************************** Disabled ****************************/ }
8385 .mdl-slider.is-upgraded::-moz-focus-outer {
8386 border: 0; }
8387 .mdl-slider.is-upgraded::-ms-tooltip {
8388 display: none; }
8389 .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
8390 background: transparent; }
8391 .mdl-slider.is-upgraded::-moz-range-track {
8392 background: transparent;
8393 border: none; }
8394 .mdl-slider.is-upgraded::-ms-track {
8395 background: none;
8396 color: transparent;
8397 height: 2px;
8398 width: 100%;
8399 border: none; }
8400 .mdl-slider.is-upgraded::-ms-fill-lower {
8401 padding: 0;
8402 background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }
8403 .mdl-slider.is-upgraded::-ms-fill-upper {
8404 padding: 0;
8405 background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
8406 .mdl-slider.is-upgraded::-webkit-slider-thumb {
8407 -webkit-appearance: none;
8408 width: 12px;
8409 height: 12px;
8410 box-sizing: border-box;
8411 border-radius: 50%;
8412 background: rgb(63,81,181);
8413 border: none;
8414 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);
8415 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);
8416 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); }
8417 .mdl-slider.is-upgraded::-moz-range-thumb {
8418 -moz-appearance: none;
8419 width: 12px;
8420 height: 12px;
8421 box-sizing: border-box;
8422 border-radius: 50%;
8423 background-image: none;
8424 background: rgb(63,81,181);
8425 border: none; }
8426 .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
8427 box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8428 .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
8429 box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8430 .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
8431 background-image: none;
8432 background: rgb(63,81,181);
8433 -webkit-transform: scale(1.5);
8434 transform: scale(1.5); }
8435 .mdl-slider.is-upgraded:active::-moz-range-thumb {
8436 background-image: none;
8437 background: rgb(63,81,181);
8438 transform: scale(1.5); }
8439 .mdl-slider.is-upgraded::-ms-thumb {
8440 width: 32px;
8441 height: 32px;
8442 border: none;
8443 border-radius: 50%;
8444 background: rgb(63,81,181);
8445 transform: scale(0.375);
8446 transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
8447 transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
8448 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); }
8449 .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
8450 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%);
8451 transform: scale(1); }
8452 .mdl-slider.is-upgraded:active::-ms-thumb {
8453 background: rgb(63,81,181);
8454 transform: scale(0.5625); }
8455 .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
8456 border: 2px solid rgba(0,0,0, 0.26);
8457 background: transparent; }
8458 .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
8459 border: 2px solid rgba(0,0,0, 0.26);
8460 background: transparent; }
8461 .mdl-slider.is-upgraded.is-lowest-value +
8462.mdl-slider__background-flex > .mdl-slider__background-upper {
8463 left: 6px; }
8464 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
8465 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8466 background: rgba(0,0,0, 0.12); }
8467 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
8468 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8469 background: rgba(0,0,0, 0.12); }
8470 .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
8471 border: 1.6px solid rgba(0,0,0, 0.26);
8472 -webkit-transform: scale(1.5);
8473 transform: scale(1.5); }
8474 .mdl-slider.is-upgraded.is-lowest-value:active +
8475.mdl-slider__background-flex > .mdl-slider__background-upper {
8476 left: 9px; }
8477 .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
8478 border: 1.5px solid rgba(0,0,0, 0.26);
8479 transform: scale(1.5); }
8480 .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
8481 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%); }
8482 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
8483 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%);
8484 transform: scale(1); }
8485 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
8486 transform: scale(0.5625);
8487 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%); }
8488 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
8489 background: transparent; }
8490 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
8491 margin-left: 6px; }
8492 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
8493 margin-left: 9px; }
8494 .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 {
8495 -webkit-transform: scale(0.667);
8496 transform: scale(0.667);
8497 background: rgba(0,0,0, 0.26); }
8498 .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 {
8499 transform: scale(0.667);
8500 background: rgba(0,0,0, 0.26); }
8501 .mdl-slider.is-upgraded:disabled +
8502.mdl-slider__background-flex > .mdl-slider__background-lower {
8503 background-color: rgba(0,0,0, 0.26);
8504 left: -6px; }
8505 .mdl-slider.is-upgraded:disabled +
8506.mdl-slider__background-flex > .mdl-slider__background-upper {
8507 left: 6px; }
8508 .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 {
8509 border: 3px solid rgba(0,0,0, 0.26);
8510 background: transparent;
8511 -webkit-transform: scale(0.667);
8512 transform: scale(0.667); }
8513 .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 {
8514 border: 3px solid rgba(0,0,0, 0.26);
8515 background: transparent;
8516 transform: scale(0.667); }
8517 .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
8518.mdl-slider__background-flex > .mdl-slider__background-upper {
8519 left: 6px; }
8520 .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
8521 transform: scale(0.25);
8522 background: rgba(0,0,0, 0.26); }
8523 .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 {
8524 transform: scale(0.25);
8525 background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
8526 .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
8527 margin-right: 6px;
8528 background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
8529 .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
8530 margin-left: 6px; }
8531 .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
8532 margin-left: 6px; }
8533
8534.mdl-slider__ie-container {
8535 height: 18px;
8536 overflow: visible;
8537 border: none;
8538 margin: none;
8539 padding: none; }
8540
8541.mdl-slider__container {
8542 height: 18px;
8543 position: relative;
8544 background: none;
8545 display: -webkit-flex;
8546 display: -ms-flexbox;
8547 display: flex;
8548 -webkit-flex-direction: row;
8549 -ms-flex-direction: row;
8550 flex-direction: row; }
8551
8552.mdl-slider__background-flex {
8553 background: transparent;
8554 position: absolute;
8555 height: 2px;
8556 width: calc(100% - 52px);
8557 top: 50%;
8558 left: 0;
8559 margin: 0 26px;
8560 display: -webkit-flex;
8561 display: -ms-flexbox;
8562 display: flex;
8563 overflow: hidden;
8564 border: 0;
8565 padding: 0;
8566 -webkit-transform: translate(0, -1px);
8567 transform: translate(0, -1px); }
8568
8569.mdl-slider__background-lower {
8570 background: rgb(63,81,181);
8571 -webkit-flex: 0;
8572 -ms-flex: 0;
8573 flex: 0;
8574 position: relative;
8575 border: 0;
8576 padding: 0; }
8577
8578.mdl-slider__background-upper {
8579 background: rgba(0,0,0, 0.26);
8580 -webkit-flex: 0;
8581 -ms-flex: 0;
8582 flex: 0;
8583 position: relative;
8584 border: 0;
8585 padding: 0;
8586 transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8587
8588/**
8589 * Copyright 2015 Google Inc. All Rights Reserved.
8590 *
8591 * Licensed under the Apache License, Version 2.0 (the "License");
8592 * you may not use this file except in compliance with the License.
8593 * You may obtain a copy of the License at
8594 *
8595 * http://www.apache.org/licenses/LICENSE-2.0
8596 *
8597 * Unless required by applicable law or agreed to in writing, software
8598 * distributed under the License is distributed on an "AS IS" BASIS,
8599 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8600 * See the License for the specific language governing permissions and
8601 * limitations under the License.
8602 */
8603/**
8604 * Copyright 2015 Google Inc. All Rights Reserved.
8605 *
8606 * Licensed under the Apache License, Version 2.0 (the "License");
8607 * you may not use this file except in compliance with the License.
8608 * You may obtain a copy of the License at
8609 *
8610 * http://www.apache.org/licenses/LICENSE-2.0
8611 *
8612 * Unless required by applicable law or agreed to in writing, software
8613 * distributed under the License is distributed on an "AS IS" BASIS,
8614 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8615 * See the License for the specific language governing permissions and
8616 * limitations under the License.
8617 */
8618/*------------------------------------* $CONTENTS
8619\*------------------------------------*/
8620/**
8621 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8622 * -----Typography
8623 * -----Colors
8624 * -----Textfield
8625 * -----Switch
8626 * -----Spinner
8627 * -----Radio
8628 * -----Menu
8629 * -----List
8630 * -----Layout
8631 * -----Icon toggles
8632 * -----Footer
8633 * -----Column
8634 * -----Checkbox
8635 * -----Card
8636 * -----Button
8637 * -----Animation
8638 * -----Progress
8639 * -----Badge
8640 * -----Shadows
8641 * -----Grid
8642 * -----Data table
8643 * -----Dialog
8644 * -----Snackbar
8645 * -----Tooltip
8646 * -----Chip
8647 *
8648 * Even though all variables have the `!default` directive, most of them
8649 * should not be changed as they are dependent one another. This can cause
8650 * visual distortions (like alignment issues) that are hard to track down
8651 * and fix.
8652 */
8653/* ========== TYPOGRAPHY ========== */
8654/* We're splitting fonts into "preferred" and "performance" in order to optimize
8655 page loading. For important text, such as the body, we want it to load
8656 immediately and not wait for the web font load, whereas for other sections,
8657 such as headers and titles, we're OK with things taking a bit longer to load.
8658 We do have some optional classes and parameters in the mixins, in case you
8659 definitely want to make sure you're using the preferred font and don't mind
8660 the performance hit.
8661 We should be able to improve on this once CSS Font Loading L3 becomes more
8662 widely available.
8663*/
8664/* ========== COLORS ========== */
8665/**
8666*
8667* Material design color palettes.
8668* @see http://www.google.com/design/spec/style/color.html
8669*
8670**/
8671/**
8672 * Copyright 2015 Google Inc. All Rights Reserved.
8673 *
8674 * Licensed under the Apache License, Version 2.0 (the "License");
8675 * you may not use this file except in compliance with the License.
8676 * You may obtain a copy of the License at
8677 *
8678 * http://www.apache.org/licenses/LICENSE-2.0
8679 *
8680 * Unless required by applicable law or agreed to in writing, software
8681 * distributed under the License is distributed on an "AS IS" BASIS,
8682 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8683 * See the License for the specific language governing permissions and
8684 * limitations under the License.
8685 */
8686/* ========== Color Palettes ========== */
8687/* colors.scss */
8688/**
8689 * Copyright 2015 Google Inc. All Rights Reserved.
8690 *
8691 * Licensed under the Apache License, Version 2.0 (the "License");
8692 * you may not use this file except in compliance with the License.
8693 * You may obtain a copy of the License at
8694 *
8695 * http://www.apache.org/licenses/LICENSE-2.0
8696 *
8697 * Unless required by applicable law or agreed to in writing, software
8698 * distributed under the License is distributed on an "AS IS" BASIS,
8699 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8700 * See the License for the specific language governing permissions and
8701 * limitations under the License.
8702 */
8703/* ========== IMAGES ========== */
8704/* ========== Color & Themes ========== */
8705/* ========== Typography ========== */
8706/* ========== Components ========== */
8707/* ========== Standard Buttons ========== */
8708/* ========== Icon Toggles ========== */
8709/* ========== Radio Buttons ========== */
8710/* ========== Ripple effect ========== */
8711/* ========== Layout ========== */
8712/* ========== Content Tabs ========== */
8713/* ========== Checkboxes ========== */
8714/* ========== Switches ========== */
8715/* ========== Spinner ========== */
8716/* ========== Text fields ========== */
8717/* ========== Card ========== */
8718/* ========== Sliders ========== */
8719/* ========== Progress ========== */
8720/* ========== List ========== */
8721/* ========== Item ========== */
8722/* ========== Dropdown menu ========== */
8723/* ========== Tooltips ========== */
8724/* ========== Footer ========== */
8725/* TEXTFIELD */
8726/* SWITCH */
8727/* SPINNER */
8728/* RADIO */
8729/* MENU */
8730/* LIST */
8731/* LAYOUT */
8732/* ICON TOGGLE */
8733/* FOOTER */
8734/*mega-footer*/
8735/*mini-footer*/
8736/* CHECKBOX */
8737/* CARD */
8738/* Card dimensions */
8739/* Cover image */
8740/* BUTTON */
8741/**
8742 *
8743 * Dimensions
8744 *
8745 */
8746/* ANIMATION */
8747/* PROGRESS */
8748/* BADGE */
8749/* SHADOWS */
8750/* GRID */
8751/* DATA TABLE */
8752/* DIALOG */
8753/* SNACKBAR */
8754/* TOOLTIP */
8755/* CHIP */
8756/**
8757 * Copyright 2015 Google Inc. All Rights Reserved.
8758 *
8759 * Licensed under the Apache License, Version 2.0 (the "License");
8760 * you may not use this file except in compliance with the License.
8761 * You may obtain a copy of the License at
8762 *
8763 * http://www.apache.org/licenses/LICENSE-2.0
8764 *
8765 * Unless required by applicable law or agreed to in writing, software
8766 * distributed under the License is distributed on an "AS IS" BASIS,
8767 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8768 * See the License for the specific language governing permissions and
8769 * limitations under the License.
8770 */
8771/* Typography */
8772/* Shadows */
8773/* Animations */
8774/* Dialog */
8775.mdl-snackbar {
8776 position: fixed;
8777 bottom: 0;
8778 left: 50%;
8779 cursor: default;
8780 background-color: #323232;
8781 z-index: 3;
8782 display: block;
8783 display: -webkit-flex;
8784 display: -ms-flexbox;
8785 display: flex;
8786 -webkit-justify-content: space-between;
8787 -ms-flex-pack: justify;
8788 justify-content: space-between;
8789 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8790 will-change: transform;
8791 -webkit-transform: translate(0, 80px);
8792 transform: translate(0, 80px);
8793 transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8794 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8795 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8796 pointer-events: none; }
8797 @media (max-width: 479px) {
8798 .mdl-snackbar {
8799 width: 100%;
8800 left: 0;
8801 min-height: 48px;
8802 max-height: 80px; } }
8803 @media (min-width: 480px) {
8804 .mdl-snackbar {
8805 min-width: 288px;
8806 max-width: 568px;
8807 border-radius: 2px;
8808 -webkit-transform: translate(-50%, 80px);
8809 transform: translate(-50%, 80px); } }
8810 .mdl-snackbar--active {
8811 -webkit-transform: translate(0, 0);
8812 transform: translate(0, 0);
8813 pointer-events: auto;
8814 transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8815 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8816 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
8817 @media (min-width: 480px) {
8818 .mdl-snackbar--active {
8819 -webkit-transform: translate(-50%, 0);
8820 transform: translate(-50%, 0); } }
8821 .mdl-snackbar__text {
8822 padding: 14px 12px 14px 24px;
8823 vertical-align: middle;
8824 color: white;
8825 float: left; }
8826 .mdl-snackbar__action {
8827 background: transparent;
8828 border: none;
8829 color: rgb(255,64,129);
8830 float: right;
8831 text-transform: uppercase;
8832 padding: 14px 24px 14px 12px;
8833 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8834 font-size: 14px;
8835 font-weight: 500;
8836 text-transform: uppercase;
8837 line-height: 1;
8838 letter-spacing: 0;
8839 overflow: hidden;
8840 outline: none;
8841 opacity: 0;
8842 pointer-events: none;
8843 cursor: pointer;
8844 text-decoration: none;
8845 text-align: center;
8846 -webkit-align-self: center;
8847 -ms-flex-item-align: center;
8848 -ms-grid-row-align: center;
8849 align-self: center; }
8850 .mdl-snackbar__action::-moz-focus-inner {
8851 border: 0; }
8852 .mdl-snackbar__action:not([aria-hidden]) {
8853 opacity: 1;
8854 pointer-events: auto; }
8855
8856/**
8857 * Copyright 2015 Google Inc. All Rights Reserved.
8858 *
8859 * Licensed under the Apache License, Version 2.0 (the "License");
8860 * you may not use this file except in compliance with the License.
8861 * You may obtain a copy of the License at
8862 *
8863 * http://www.apache.org/licenses/LICENSE-2.0
8864 *
8865 * Unless required by applicable law or agreed to in writing, software
8866 * distributed under the License is distributed on an "AS IS" BASIS,
8867 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8868 * See the License for the specific language governing permissions and
8869 * limitations under the License.
8870 */
8871/**
8872 * Copyright 2015 Google Inc. All Rights Reserved.
8873 *
8874 * Licensed under the Apache License, Version 2.0 (the "License");
8875 * you may not use this file except in compliance with the License.
8876 * You may obtain a copy of the License at
8877 *
8878 * http://www.apache.org/licenses/LICENSE-2.0
8879 *
8880 * Unless required by applicable law or agreed to in writing, software
8881 * distributed under the License is distributed on an "AS IS" BASIS,
8882 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8883 * See the License for the specific language governing permissions and
8884 * limitations under the License.
8885 */
8886/*------------------------------------* $CONTENTS
8887\*------------------------------------*/
8888/**
8889 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8890 * -----Typography
8891 * -----Colors
8892 * -----Textfield
8893 * -----Switch
8894 * -----Spinner
8895 * -----Radio
8896 * -----Menu
8897 * -----List
8898 * -----Layout
8899 * -----Icon toggles
8900 * -----Footer
8901 * -----Column
8902 * -----Checkbox
8903 * -----Card
8904 * -----Button
8905 * -----Animation
8906 * -----Progress
8907 * -----Badge
8908 * -----Shadows
8909 * -----Grid
8910 * -----Data table
8911 * -----Dialog
8912 * -----Snackbar
8913 * -----Tooltip
8914 * -----Chip
8915 *
8916 * Even though all variables have the `!default` directive, most of them
8917 * should not be changed as they are dependent one another. This can cause
8918 * visual distortions (like alignment issues) that are hard to track down
8919 * and fix.
8920 */
8921/* ========== TYPOGRAPHY ========== */
8922/* We're splitting fonts into "preferred" and "performance" in order to optimize
8923 page loading. For important text, such as the body, we want it to load
8924 immediately and not wait for the web font load, whereas for other sections,
8925 such as headers and titles, we're OK with things taking a bit longer to load.
8926 We do have some optional classes and parameters in the mixins, in case you
8927 definitely want to make sure you're using the preferred font and don't mind
8928 the performance hit.
8929 We should be able to improve on this once CSS Font Loading L3 becomes more
8930 widely available.
8931*/
8932/* ========== COLORS ========== */
8933/**
8934*
8935* Material design color palettes.
8936* @see http://www.google.com/design/spec/style/color.html
8937*
8938**/
8939/**
8940 * Copyright 2015 Google Inc. All Rights Reserved.
8941 *
8942 * Licensed under the Apache License, Version 2.0 (the "License");
8943 * you may not use this file except in compliance with the License.
8944 * You may obtain a copy of the License at
8945 *
8946 * http://www.apache.org/licenses/LICENSE-2.0
8947 *
8948 * Unless required by applicable law or agreed to in writing, software
8949 * distributed under the License is distributed on an "AS IS" BASIS,
8950 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8951 * See the License for the specific language governing permissions and
8952 * limitations under the License.
8953 */
8954/* ========== Color Palettes ========== */
8955/* colors.scss */
8956/**
8957 * Copyright 2015 Google Inc. All Rights Reserved.
8958 *
8959 * Licensed under the Apache License, Version 2.0 (the "License");
8960 * you may not use this file except in compliance with the License.
8961 * You may obtain a copy of the License at
8962 *
8963 * http://www.apache.org/licenses/LICENSE-2.0
8964 *
8965 * Unless required by applicable law or agreed to in writing, software
8966 * distributed under the License is distributed on an "AS IS" BASIS,
8967 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8968 * See the License for the specific language governing permissions and
8969 * limitations under the License.
8970 */
8971/* ========== IMAGES ========== */
8972/* ========== Color & Themes ========== */
8973/* ========== Typography ========== */
8974/* ========== Components ========== */
8975/* ========== Standard Buttons ========== */
8976/* ========== Icon Toggles ========== */
8977/* ========== Radio Buttons ========== */
8978/* ========== Ripple effect ========== */
8979/* ========== Layout ========== */
8980/* ========== Content Tabs ========== */
8981/* ========== Checkboxes ========== */
8982/* ========== Switches ========== */
8983/* ========== Spinner ========== */
8984/* ========== Text fields ========== */
8985/* ========== Card ========== */
8986/* ========== Sliders ========== */
8987/* ========== Progress ========== */
8988/* ========== List ========== */
8989/* ========== Item ========== */
8990/* ========== Dropdown menu ========== */
8991/* ========== Tooltips ========== */
8992/* ========== Footer ========== */
8993/* TEXTFIELD */
8994/* SWITCH */
8995/* SPINNER */
8996/* RADIO */
8997/* MENU */
8998/* LIST */
8999/* LAYOUT */
9000/* ICON TOGGLE */
9001/* FOOTER */
9002/*mega-footer*/
9003/*mini-footer*/
9004/* CHECKBOX */
9005/* CARD */
9006/* Card dimensions */
9007/* Cover image */
9008/* BUTTON */
9009/**
9010 *
9011 * Dimensions
9012 *
9013 */
9014/* ANIMATION */
9015/* PROGRESS */
9016/* BADGE */
9017/* SHADOWS */
9018/* GRID */
9019/* DATA TABLE */
9020/* DIALOG */
9021/* SNACKBAR */
9022/* TOOLTIP */
9023/* CHIP */
9024.mdl-spinner {
9025 display: inline-block;
9026 position: relative;
9027 width: 28px;
9028 height: 28px; }
9029 .mdl-spinner:not(.is-upgraded).is-active:after {
9030 content: "Loading..."; }
9031 .mdl-spinner.is-upgraded.is-active {
9032 -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
9033 animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
9034
9035@-webkit-keyframes mdl-spinner__container-rotate {
9036 to {
9037 -webkit-transform: rotate(360deg);
9038 transform: rotate(360deg); } }
9039
9040@keyframes mdl-spinner__container-rotate {
9041 to {
9042 -webkit-transform: rotate(360deg);
9043 transform: rotate(360deg); } }
9044
9045.mdl-spinner__layer {
9046 position: absolute;
9047 width: 100%;
9048 height: 100%;
9049 opacity: 0; }
9050
9051.mdl-spinner__layer-1 {
9052 border-color: rgb(66,165,245); }
9053 .mdl-spinner--single-color .mdl-spinner__layer-1 {
9054 border-color: rgb(63,81,181); }
9055 .mdl-spinner.is-active .mdl-spinner__layer-1 {
9056 -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;
9057 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; }
9058
9059.mdl-spinner__layer-2 {
9060 border-color: rgb(244,67,54); }
9061 .mdl-spinner--single-color .mdl-spinner__layer-2 {
9062 border-color: rgb(63,81,181); }
9063 .mdl-spinner.is-active .mdl-spinner__layer-2 {
9064 -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;
9065 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; }
9066
9067.mdl-spinner__layer-3 {
9068 border-color: rgb(253,216,53); }
9069 .mdl-spinner--single-color .mdl-spinner__layer-3 {
9070 border-color: rgb(63,81,181); }
9071 .mdl-spinner.is-active .mdl-spinner__layer-3 {
9072 -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;
9073 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; }
9074
9075.mdl-spinner__layer-4 {
9076 border-color: rgb(76,175,80); }
9077 .mdl-spinner--single-color .mdl-spinner__layer-4 {
9078 border-color: rgb(63,81,181); }
9079 .mdl-spinner.is-active .mdl-spinner__layer-4 {
9080 -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;
9081 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; }
9082
9083@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
9084 12.5% {
9085 -webkit-transform: rotate(135deg);
9086 transform: rotate(135deg); }
9087 25% {
9088 -webkit-transform: rotate(270deg);
9089 transform: rotate(270deg); }
9090 37.5% {
9091 -webkit-transform: rotate(405deg);
9092 transform: rotate(405deg); }
9093 50% {
9094 -webkit-transform: rotate(540deg);
9095 transform: rotate(540deg); }
9096 62.5% {
9097 -webkit-transform: rotate(675deg);
9098 transform: rotate(675deg); }
9099 75% {
9100 -webkit-transform: rotate(810deg);
9101 transform: rotate(810deg); }
9102 87.5% {
9103 -webkit-transform: rotate(945deg);
9104 transform: rotate(945deg); }
9105 to {
9106 -webkit-transform: rotate(1080deg);
9107 transform: rotate(1080deg); } }
9108
9109@keyframes mdl-spinner__fill-unfill-rotate {
9110 12.5% {
9111 -webkit-transform: rotate(135deg);
9112 transform: rotate(135deg); }
9113 25% {
9114 -webkit-transform: rotate(270deg);
9115 transform: rotate(270deg); }
9116 37.5% {
9117 -webkit-transform: rotate(405deg);
9118 transform: rotate(405deg); }
9119 50% {
9120 -webkit-transform: rotate(540deg);
9121 transform: rotate(540deg); }
9122 62.5% {
9123 -webkit-transform: rotate(675deg);
9124 transform: rotate(675deg); }
9125 75% {
9126 -webkit-transform: rotate(810deg);
9127 transform: rotate(810deg); }
9128 87.5% {
9129 -webkit-transform: rotate(945deg);
9130 transform: rotate(945deg); }
9131 to {
9132 -webkit-transform: rotate(1080deg);
9133 transform: rotate(1080deg); } }
9134
9135/**
9136* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
9137* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
9138* to do proper subpixel rendering for the elements being animated. This is
9139* especially visible in Chrome 39 on Ubuntu 14.04. See:
9140*
9141* - https://github.com/Polymer/paper-spinner/issues/9
9142* - https://code.google.com/p/chromium/issues/detail?id=436255
9143*/
9144@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
9145 from {
9146 opacity: 0.99; }
9147 25% {
9148 opacity: 0.99; }
9149 26% {
9150 opacity: 0; }
9151 89% {
9152 opacity: 0; }
9153 90% {
9154 opacity: 0.99; }
9155 100% {
9156 opacity: 0.99; } }
9157@keyframes mdl-spinner__layer-1-fade-in-out {
9158 from {
9159 opacity: 0.99; }
9160 25% {
9161 opacity: 0.99; }
9162 26% {
9163 opacity: 0; }
9164 89% {
9165 opacity: 0; }
9166 90% {
9167 opacity: 0.99; }
9168 100% {
9169 opacity: 0.99; } }
9170
9171@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
9172 from {
9173 opacity: 0; }
9174 15% {
9175 opacity: 0; }
9176 25% {
9177 opacity: 0.99; }
9178 50% {
9179 opacity: 0.99; }
9180 51% {
9181 opacity: 0; } }
9182
9183@keyframes mdl-spinner__layer-2-fade-in-out {
9184 from {
9185 opacity: 0; }
9186 15% {
9187 opacity: 0; }
9188 25% {
9189 opacity: 0.99; }
9190 50% {
9191 opacity: 0.99; }
9192 51% {
9193 opacity: 0; } }
9194
9195@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
9196 from {
9197 opacity: 0; }
9198 40% {
9199 opacity: 0; }
9200 50% {
9201 opacity: 0.99; }
9202 75% {
9203 opacity: 0.99; }
9204 76% {
9205 opacity: 0; } }
9206
9207@keyframes mdl-spinner__layer-3-fade-in-out {
9208 from {
9209 opacity: 0; }
9210 40% {
9211 opacity: 0; }
9212 50% {
9213 opacity: 0.99; }
9214 75% {
9215 opacity: 0.99; }
9216 76% {
9217 opacity: 0; } }
9218
9219@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
9220 from {
9221 opacity: 0; }
9222 65% {
9223 opacity: 0; }
9224 75% {
9225 opacity: 0.99; }
9226 90% {
9227 opacity: 0.99; }
9228 100% {
9229 opacity: 0; } }
9230
9231@keyframes mdl-spinner__layer-4-fade-in-out {
9232 from {
9233 opacity: 0; }
9234 65% {
9235 opacity: 0; }
9236 75% {
9237 opacity: 0.99; }
9238 90% {
9239 opacity: 0.99; }
9240 100% {
9241 opacity: 0; } }
9242
9243/**
9244* Patch the gap that appear between the two adjacent
9245* div.mdl-spinner__circle-clipper while the spinner is rotating
9246* (appears on Chrome 38, Safari 7.1, and IE 11).
9247*
9248* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
9249* opacity is 0.99, but still does on Safari and IE.
9250*/
9251.mdl-spinner__gap-patch {
9252 position: absolute;
9253 box-sizing: border-box;
9254 top: 0;
9255 left: 45%;
9256 width: 10%;
9257 height: 100%;
9258 overflow: hidden;
9259 border-color: inherit; }
9260 .mdl-spinner__gap-patch .mdl-spinner__circle {
9261 width: 1000%;
9262 left: -450%; }
9263
9264.mdl-spinner__circle-clipper {
9265 display: inline-block;
9266 position: relative;
9267 width: 50%;
9268 height: 100%;
9269 overflow: hidden;
9270 border-color: inherit; }
9271 .mdl-spinner__circle-clipper.mdl-spinner__left {
9272 float: left; }
9273 .mdl-spinner__circle-clipper.mdl-spinner__right {
9274 float: right; }
9275 .mdl-spinner__circle-clipper .mdl-spinner__circle {
9276 width: 200%; }
9277
9278.mdl-spinner__circle {
9279 box-sizing: border-box;
9280 height: 100%;
9281 border-width: 3px;
9282 border-style: solid;
9283 border-color: inherit;
9284 border-bottom-color: transparent !important;
9285 border-radius: 50%;
9286 -webkit-animation: none;
9287 animation: none;
9288 position: absolute;
9289 top: 0;
9290 right: 0;
9291 bottom: 0;
9292 left: 0; }
9293 .mdl-spinner__left .mdl-spinner__circle {
9294 border-right-color: transparent !important;
9295 -webkit-transform: rotate(129deg);
9296 transform: rotate(129deg); }
9297 .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
9298 -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9299 animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9300 .mdl-spinner__right .mdl-spinner__circle {
9301 left: -100%;
9302 border-left-color: transparent !important;
9303 -webkit-transform: rotate(-129deg);
9304 transform: rotate(-129deg); }
9305 .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
9306 -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9307 animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9308
9309@-webkit-keyframes mdl-spinner__left-spin {
9310 from {
9311 -webkit-transform: rotate(130deg);
9312 transform: rotate(130deg); }
9313 50% {
9314 -webkit-transform: rotate(-5deg);
9315 transform: rotate(-5deg); }
9316 to {
9317 -webkit-transform: rotate(130deg);
9318 transform: rotate(130deg); } }
9319
9320@keyframes mdl-spinner__left-spin {
9321 from {
9322 -webkit-transform: rotate(130deg);
9323 transform: rotate(130deg); }
9324 50% {
9325 -webkit-transform: rotate(-5deg);
9326 transform: rotate(-5deg); }
9327 to {
9328 -webkit-transform: rotate(130deg);
9329 transform: rotate(130deg); } }
9330
9331@-webkit-keyframes mdl-spinner__right-spin {
9332 from {
9333 -webkit-transform: rotate(-130deg);
9334 transform: rotate(-130deg); }
9335 50% {
9336 -webkit-transform: rotate(5deg);
9337 transform: rotate(5deg); }
9338 to {
9339 -webkit-transform: rotate(-130deg);
9340 transform: rotate(-130deg); } }
9341
9342@keyframes mdl-spinner__right-spin {
9343 from {
9344 -webkit-transform: rotate(-130deg);
9345 transform: rotate(-130deg); }
9346 50% {
9347 -webkit-transform: rotate(5deg);
9348 transform: rotate(5deg); }
9349 to {
9350 -webkit-transform: rotate(-130deg);
9351 transform: rotate(-130deg); } }
9352
9353/**
9354 * Copyright 2015 Google Inc. All Rights Reserved.
9355 *
9356 * Licensed under the Apache License, Version 2.0 (the "License");
9357 * you may not use this file except in compliance with the License.
9358 * You may obtain a copy of the License at
9359 *
9360 * http://www.apache.org/licenses/LICENSE-2.0
9361 *
9362 * Unless required by applicable law or agreed to in writing, software
9363 * distributed under the License is distributed on an "AS IS" BASIS,
9364 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9365 * See the License for the specific language governing permissions and
9366 * limitations under the License.
9367 */
9368/**
9369 * Copyright 2015 Google Inc. All Rights Reserved.
9370 *
9371 * Licensed under the Apache License, Version 2.0 (the "License");
9372 * you may not use this file except in compliance with the License.
9373 * You may obtain a copy of the License at
9374 *
9375 * http://www.apache.org/licenses/LICENSE-2.0
9376 *
9377 * Unless required by applicable law or agreed to in writing, software
9378 * distributed under the License is distributed on an "AS IS" BASIS,
9379 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9380 * See the License for the specific language governing permissions and
9381 * limitations under the License.
9382 */
9383/*------------------------------------* $CONTENTS
9384\*------------------------------------*/
9385/**
9386 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9387 * -----Typography
9388 * -----Colors
9389 * -----Textfield
9390 * -----Switch
9391 * -----Spinner
9392 * -----Radio
9393 * -----Menu
9394 * -----List
9395 * -----Layout
9396 * -----Icon toggles
9397 * -----Footer
9398 * -----Column
9399 * -----Checkbox
9400 * -----Card
9401 * -----Button
9402 * -----Animation
9403 * -----Progress
9404 * -----Badge
9405 * -----Shadows
9406 * -----Grid
9407 * -----Data table
9408 * -----Dialog
9409 * -----Snackbar
9410 * -----Tooltip
9411 * -----Chip
9412 *
9413 * Even though all variables have the `!default` directive, most of them
9414 * should not be changed as they are dependent one another. This can cause
9415 * visual distortions (like alignment issues) that are hard to track down
9416 * and fix.
9417 */
9418/* ========== TYPOGRAPHY ========== */
9419/* We're splitting fonts into "preferred" and "performance" in order to optimize
9420 page loading. For important text, such as the body, we want it to load
9421 immediately and not wait for the web font load, whereas for other sections,
9422 such as headers and titles, we're OK with things taking a bit longer to load.
9423 We do have some optional classes and parameters in the mixins, in case you
9424 definitely want to make sure you're using the preferred font and don't mind
9425 the performance hit.
9426 We should be able to improve on this once CSS Font Loading L3 becomes more
9427 widely available.
9428*/
9429/* ========== COLORS ========== */
9430/**
9431*
9432* Material design color palettes.
9433* @see http://www.google.com/design/spec/style/color.html
9434*
9435**/
9436/**
9437 * Copyright 2015 Google Inc. All Rights Reserved.
9438 *
9439 * Licensed under the Apache License, Version 2.0 (the "License");
9440 * you may not use this file except in compliance with the License.
9441 * You may obtain a copy of the License at
9442 *
9443 * http://www.apache.org/licenses/LICENSE-2.0
9444 *
9445 * Unless required by applicable law or agreed to in writing, software
9446 * distributed under the License is distributed on an "AS IS" BASIS,
9447 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9448 * See the License for the specific language governing permissions and
9449 * limitations under the License.
9450 */
9451/* ========== Color Palettes ========== */
9452/* colors.scss */
9453/**
9454 * Copyright 2015 Google Inc. All Rights Reserved.
9455 *
9456 * Licensed under the Apache License, Version 2.0 (the "License");
9457 * you may not use this file except in compliance with the License.
9458 * You may obtain a copy of the License at
9459 *
9460 * http://www.apache.org/licenses/LICENSE-2.0
9461 *
9462 * Unless required by applicable law or agreed to in writing, software
9463 * distributed under the License is distributed on an "AS IS" BASIS,
9464 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9465 * See the License for the specific language governing permissions and
9466 * limitations under the License.
9467 */
9468/* ========== IMAGES ========== */
9469/* ========== Color & Themes ========== */
9470/* ========== Typography ========== */
9471/* ========== Components ========== */
9472/* ========== Standard Buttons ========== */
9473/* ========== Icon Toggles ========== */
9474/* ========== Radio Buttons ========== */
9475/* ========== Ripple effect ========== */
9476/* ========== Layout ========== */
9477/* ========== Content Tabs ========== */
9478/* ========== Checkboxes ========== */
9479/* ========== Switches ========== */
9480/* ========== Spinner ========== */
9481/* ========== Text fields ========== */
9482/* ========== Card ========== */
9483/* ========== Sliders ========== */
9484/* ========== Progress ========== */
9485/* ========== List ========== */
9486/* ========== Item ========== */
9487/* ========== Dropdown menu ========== */
9488/* ========== Tooltips ========== */
9489/* ========== Footer ========== */
9490/* TEXTFIELD */
9491/* SWITCH */
9492/* SPINNER */
9493/* RADIO */
9494/* MENU */
9495/* LIST */
9496/* LAYOUT */
9497/* ICON TOGGLE */
9498/* FOOTER */
9499/*mega-footer*/
9500/*mini-footer*/
9501/* CHECKBOX */
9502/* CARD */
9503/* Card dimensions */
9504/* Cover image */
9505/* BUTTON */
9506/**
9507 *
9508 * Dimensions
9509 *
9510 */
9511/* ANIMATION */
9512/* PROGRESS */
9513/* BADGE */
9514/* SHADOWS */
9515/* GRID */
9516/* DATA TABLE */
9517/* DIALOG */
9518/* SNACKBAR */
9519/* TOOLTIP */
9520/* CHIP */
9521/**
9522 * Copyright 2015 Google Inc. All Rights Reserved.
9523 *
9524 * Licensed under the Apache License, Version 2.0 (the "License");
9525 * you may not use this file except in compliance with the License.
9526 * You may obtain a copy of the License at
9527 *
9528 * http://www.apache.org/licenses/LICENSE-2.0
9529 *
9530 * Unless required by applicable law or agreed to in writing, software
9531 * distributed under the License is distributed on an "AS IS" BASIS,
9532 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9533 * See the License for the specific language governing permissions and
9534 * limitations under the License.
9535 */
9536/* Typography */
9537/* Shadows */
9538/* Animations */
9539/* Dialog */
9540.mdl-switch {
9541 position: relative;
9542 z-index: 1;
9543 vertical-align: middle;
9544 display: inline-block;
9545 box-sizing: border-box;
9546 width: 100%;
9547 height: 24px;
9548 margin: 0;
9549 padding: 0;
9550 overflow: visible;
9551 -webkit-touch-callout: none;
9552 -webkit-user-select: none;
9553 -moz-user-select: none;
9554 -ms-user-select: none;
9555 user-select: none; }
9556 .mdl-switch.is-upgraded {
9557 padding-left: 28px; }
9558
9559.mdl-switch__input {
9560 line-height: 24px; }
9561 .mdl-switch.is-upgraded .mdl-switch__input {
9562 position: absolute;
9563 width: 0;
9564 height: 0;
9565 margin: 0;
9566 padding: 0;
9567 opacity: 0;
9568 -ms-appearance: none;
9569 -moz-appearance: none;
9570 -webkit-appearance: none;
9571 appearance: none;
9572 border: none; }
9573
9574.mdl-switch__track {
9575 background: rgba(0,0,0, 0.26);
9576 position: absolute;
9577 left: 0;
9578 top: 5px;
9579 height: 14px;
9580 width: 36px;
9581 border-radius: 14px;
9582 cursor: pointer; }
9583 .mdl-switch.is-checked .mdl-switch__track {
9584 background: rgba(63,81,181, 0.5); }
9585 .mdl-switch__track fieldset[disabled] .mdl-switch,
9586 .mdl-switch.is-disabled .mdl-switch__track {
9587 background: rgba(0,0,0, 0.12);
9588 cursor: auto; }
9589
9590.mdl-switch__thumb {
9591 background: rgb(250,250,250);
9592 position: absolute;
9593 left: 0;
9594 top: 2px;
9595 height: 20px;
9596 width: 20px;
9597 border-radius: 50%;
9598 cursor: pointer;
9599 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);
9600 transition-duration: 0.28s;
9601 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9602 transition-property: left; }
9603 .mdl-switch.is-checked .mdl-switch__thumb {
9604 background: rgb(63,81,181);
9605 left: 16px;
9606 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); }
9607 .mdl-switch__thumb fieldset[disabled] .mdl-switch,
9608 .mdl-switch.is-disabled .mdl-switch__thumb {
9609 background: rgb(189,189,189);
9610 cursor: auto; }
9611
9612.mdl-switch__focus-helper {
9613 position: absolute;
9614 top: 50%;
9615 left: 50%;
9616 -webkit-transform: translate(-4px, -4px);
9617 transform: translate(-4px, -4px);
9618 display: inline-block;
9619 box-sizing: border-box;
9620 width: 8px;
9621 height: 8px;
9622 border-radius: 50%;
9623 background-color: transparent; }
9624 .mdl-switch.is-focused .mdl-switch__focus-helper {
9625 box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
9626 background-color: rgba(0, 0, 0, 0.1); }
9627 .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
9628 box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
9629 background-color: rgba(63,81,181, 0.26); }
9630
9631.mdl-switch__label {
9632 position: relative;
9633 cursor: pointer;
9634 font-size: 16px;
9635 line-height: 24px;
9636 margin: 0;
9637 left: 24px; }
9638 .mdl-switch__label fieldset[disabled] .mdl-switch,
9639 .mdl-switch.is-disabled .mdl-switch__label {
9640 color: rgb(189,189,189);
9641 cursor: auto; }
9642
9643.mdl-switch__ripple-container {
9644 position: absolute;
9645 z-index: 2;
9646 top: -12px;
9647 left: -14px;
9648 box-sizing: border-box;
9649 width: 48px;
9650 height: 48px;
9651 border-radius: 50%;
9652 cursor: pointer;
9653 overflow: hidden;
9654 -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
9655 transition-duration: 0.40s;
9656 transition-timing-function: step-end;
9657 transition-property: left; }
9658 .mdl-switch__ripple-container .mdl-ripple {
9659 background: rgb(63,81,181); }
9660 .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
9661 .mdl-switch.is-disabled .mdl-switch__ripple-container {
9662 cursor: auto; }
9663 fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
9664 .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
9665 background: transparent; }
9666 .mdl-switch.is-checked .mdl-switch__ripple-container {
9667 left: 2px; }
9668
9669/**
9670 * Copyright 2015 Google Inc. All Rights Reserved.
9671 *
9672 * Licensed under the Apache License, Version 2.0 (the "License");
9673 * you may not use this file except in compliance with the License.
9674 * You may obtain a copy of the License at
9675 *
9676 * http://www.apache.org/licenses/LICENSE-2.0
9677 *
9678 * Unless required by applicable law or agreed to in writing, software
9679 * distributed under the License is distributed on an "AS IS" BASIS,
9680 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9681 * See the License for the specific language governing permissions and
9682 * limitations under the License.
9683 */
9684/**
9685 * Copyright 2015 Google Inc. All Rights Reserved.
9686 *
9687 * Licensed under the Apache License, Version 2.0 (the "License");
9688 * you may not use this file except in compliance with the License.
9689 * You may obtain a copy of the License at
9690 *
9691 * http://www.apache.org/licenses/LICENSE-2.0
9692 *
9693 * Unless required by applicable law or agreed to in writing, software
9694 * distributed under the License is distributed on an "AS IS" BASIS,
9695 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9696 * See the License for the specific language governing permissions and
9697 * limitations under the License.
9698 */
9699/*------------------------------------* $CONTENTS
9700\*------------------------------------*/
9701/**
9702 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9703 * -----Typography
9704 * -----Colors
9705 * -----Textfield
9706 * -----Switch
9707 * -----Spinner
9708 * -----Radio
9709 * -----Menu
9710 * -----List
9711 * -----Layout
9712 * -----Icon toggles
9713 * -----Footer
9714 * -----Column
9715 * -----Checkbox
9716 * -----Card
9717 * -----Button
9718 * -----Animation
9719 * -----Progress
9720 * -----Badge
9721 * -----Shadows
9722 * -----Grid
9723 * -----Data table
9724 * -----Dialog
9725 * -----Snackbar
9726 * -----Tooltip
9727 * -----Chip
9728 *
9729 * Even though all variables have the `!default` directive, most of them
9730 * should not be changed as they are dependent one another. This can cause
9731 * visual distortions (like alignment issues) that are hard to track down
9732 * and fix.
9733 */
9734/* ========== TYPOGRAPHY ========== */
9735/* We're splitting fonts into "preferred" and "performance" in order to optimize
9736 page loading. For important text, such as the body, we want it to load
9737 immediately and not wait for the web font load, whereas for other sections,
9738 such as headers and titles, we're OK with things taking a bit longer to load.
9739 We do have some optional classes and parameters in the mixins, in case you
9740 definitely want to make sure you're using the preferred font and don't mind
9741 the performance hit.
9742 We should be able to improve on this once CSS Font Loading L3 becomes more
9743 widely available.
9744*/
9745/* ========== COLORS ========== */
9746/**
9747*
9748* Material design color palettes.
9749* @see http://www.google.com/design/spec/style/color.html
9750*
9751**/
9752/**
9753 * Copyright 2015 Google Inc. All Rights Reserved.
9754 *
9755 * Licensed under the Apache License, Version 2.0 (the "License");
9756 * you may not use this file except in compliance with the License.
9757 * You may obtain a copy of the License at
9758 *
9759 * http://www.apache.org/licenses/LICENSE-2.0
9760 *
9761 * Unless required by applicable law or agreed to in writing, software
9762 * distributed under the License is distributed on an "AS IS" BASIS,
9763 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9764 * See the License for the specific language governing permissions and
9765 * limitations under the License.
9766 */
9767/* ========== Color Palettes ========== */
9768/* colors.scss */
9769/**
9770 * Copyright 2015 Google Inc. All Rights Reserved.
9771 *
9772 * Licensed under the Apache License, Version 2.0 (the "License");
9773 * you may not use this file except in compliance with the License.
9774 * You may obtain a copy of the License at
9775 *
9776 * http://www.apache.org/licenses/LICENSE-2.0
9777 *
9778 * Unless required by applicable law or agreed to in writing, software
9779 * distributed under the License is distributed on an "AS IS" BASIS,
9780 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9781 * See the License for the specific language governing permissions and
9782 * limitations under the License.
9783 */
9784/* ========== IMAGES ========== */
9785/* ========== Color & Themes ========== */
9786/* ========== Typography ========== */
9787/* ========== Components ========== */
9788/* ========== Standard Buttons ========== */
9789/* ========== Icon Toggles ========== */
9790/* ========== Radio Buttons ========== */
9791/* ========== Ripple effect ========== */
9792/* ========== Layout ========== */
9793/* ========== Content Tabs ========== */
9794/* ========== Checkboxes ========== */
9795/* ========== Switches ========== */
9796/* ========== Spinner ========== */
9797/* ========== Text fields ========== */
9798/* ========== Card ========== */
9799/* ========== Sliders ========== */
9800/* ========== Progress ========== */
9801/* ========== List ========== */
9802/* ========== Item ========== */
9803/* ========== Dropdown menu ========== */
9804/* ========== Tooltips ========== */
9805/* ========== Footer ========== */
9806/* TEXTFIELD */
9807/* SWITCH */
9808/* SPINNER */
9809/* RADIO */
9810/* MENU */
9811/* LIST */
9812/* LAYOUT */
9813/* ICON TOGGLE */
9814/* FOOTER */
9815/*mega-footer*/
9816/*mini-footer*/
9817/* CHECKBOX */
9818/* CARD */
9819/* Card dimensions */
9820/* Cover image */
9821/* BUTTON */
9822/**
9823 *
9824 * Dimensions
9825 *
9826 */
9827/* ANIMATION */
9828/* PROGRESS */
9829/* BADGE */
9830/* SHADOWS */
9831/* GRID */
9832/* DATA TABLE */
9833/* DIALOG */
9834/* SNACKBAR */
9835/* TOOLTIP */
9836/* CHIP */
9837.mdl-tabs {
9838 display: block;
9839 width: 100%; }
9840
9841.mdl-tabs__tab-bar {
9842 display: -webkit-flex;
9843 display: -ms-flexbox;
9844 display: flex;
9845 -webkit-flex-direction: row;
9846 -ms-flex-direction: row;
9847 flex-direction: row;
9848 -webkit-justify-content: center;
9849 -ms-flex-pack: center;
9850 justify-content: center;
9851 -webkit-align-content: space-between;
9852 -ms-flex-line-pack: justify;
9853 align-content: space-between;
9854 -webkit-align-items: flex-start;
9855 -ms-flex-align: start;
9856 align-items: flex-start;
9857 height: 48px;
9858 padding: 0 0 0 0;
9859 margin: 0;
9860 border-bottom: 1px solid rgb(224,224,224); }
9861
9862.mdl-tabs__tab {
9863 margin: 0;
9864 border: none;
9865 padding: 0 24px 0 24px;
9866 float: left;
9867 position: relative;
9868 display: block;
9869 text-decoration: none;
9870 height: 48px;
9871 line-height: 48px;
9872 text-align: center;
9873 font-weight: 500;
9874 font-size: 14px;
9875 text-transform: uppercase;
9876 color: rgba(0,0,0, 0.54);
9877 overflow: hidden; }
9878 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
9879 color: rgba(0,0,0, 0.87); }
9880 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
9881 height: 2px;
9882 width: 100%;
9883 display: block;
9884 content: " ";
9885 bottom: 0px;
9886 left: 0px;
9887 position: absolute;
9888 background: rgb(63,81,181);
9889 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9890 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9891 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
9892 .mdl-tabs__tab .mdl-tabs__ripple-container {
9893 display: block;
9894 position: absolute;
9895 height: 100%;
9896 width: 100%;
9897 left: 0px;
9898 top: 0px;
9899 z-index: 1;
9900 overflow: hidden; }
9901 .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
9902 background: rgb(63,81,181); }
9903
9904.mdl-tabs__panel {
9905 display: block; }
9906 .mdl-tabs.is-upgraded .mdl-tabs__panel {
9907 display: none; }
9908 .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
9909 display: block; }
9910
9911@-webkit-keyframes border-expand {
9912 0% {
9913 opacity: 0;
9914 width: 0; }
9915 100% {
9916 opacity: 1;
9917 width: 100%; } }
9918
9919@keyframes border-expand {
9920 0% {
9921 opacity: 0;
9922 width: 0; }
9923 100% {
9924 opacity: 1;
9925 width: 100%; } }
9926
9927/**
9928 * Copyright 2015 Google Inc. All Rights Reserved.
9929 *
9930 * Licensed under the Apache License, Version 2.0 (the "License");
9931 * you may not use this file except in compliance with the License.
9932 * You may obtain a copy of the License at
9933 *
9934 * http://www.apache.org/licenses/LICENSE-2.0
9935 *
9936 * Unless required by applicable law or agreed to in writing, software
9937 * distributed under the License is distributed on an "AS IS" BASIS,
9938 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9939 * See the License for the specific language governing permissions and
9940 * limitations under the License.
9941 */
9942/**
9943 * Copyright 2015 Google Inc. All Rights Reserved.
9944 *
9945 * Licensed under the Apache License, Version 2.0 (the "License");
9946 * you may not use this file except in compliance with the License.
9947 * You may obtain a copy of the License at
9948 *
9949 * http://www.apache.org/licenses/LICENSE-2.0
9950 *
9951 * Unless required by applicable law or agreed to in writing, software
9952 * distributed under the License is distributed on an "AS IS" BASIS,
9953 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9954 * See the License for the specific language governing permissions and
9955 * limitations under the License.
9956 */
9957/*------------------------------------* $CONTENTS
9958\*------------------------------------*/
9959/**
9960 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9961 * -----Typography
9962 * -----Colors
9963 * -----Textfield
9964 * -----Switch
9965 * -----Spinner
9966 * -----Radio
9967 * -----Menu
9968 * -----List
9969 * -----Layout
9970 * -----Icon toggles
9971 * -----Footer
9972 * -----Column
9973 * -----Checkbox
9974 * -----Card
9975 * -----Button
9976 * -----Animation
9977 * -----Progress
9978 * -----Badge
9979 * -----Shadows
9980 * -----Grid
9981 * -----Data table
9982 * -----Dialog
9983 * -----Snackbar
9984 * -----Tooltip
9985 * -----Chip
9986 *
9987 * Even though all variables have the `!default` directive, most of them
9988 * should not be changed as they are dependent one another. This can cause
9989 * visual distortions (like alignment issues) that are hard to track down
9990 * and fix.
9991 */
9992/* ========== TYPOGRAPHY ========== */
9993/* We're splitting fonts into "preferred" and "performance" in order to optimize
9994 page loading. For important text, such as the body, we want it to load
9995 immediately and not wait for the web font load, whereas for other sections,
9996 such as headers and titles, we're OK with things taking a bit longer to load.
9997 We do have some optional classes and parameters in the mixins, in case you
9998 definitely want to make sure you're using the preferred font and don't mind
9999 the performance hit.
10000 We should be able to improve on this once CSS Font Loading L3 becomes more
10001 widely available.
10002*/
10003/* ========== COLORS ========== */
10004/**
10005*
10006* Material design color palettes.
10007* @see http://www.google.com/design/spec/style/color.html
10008*
10009**/
10010/**
10011 * Copyright 2015 Google Inc. All Rights Reserved.
10012 *
10013 * Licensed under the Apache License, Version 2.0 (the "License");
10014 * you may not use this file except in compliance with the License.
10015 * You may obtain a copy of the License at
10016 *
10017 * http://www.apache.org/licenses/LICENSE-2.0
10018 *
10019 * Unless required by applicable law or agreed to in writing, software
10020 * distributed under the License is distributed on an "AS IS" BASIS,
10021 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10022 * See the License for the specific language governing permissions and
10023 * limitations under the License.
10024 */
10025/* ========== Color Palettes ========== */
10026/* colors.scss */
10027/**
10028 * Copyright 2015 Google Inc. All Rights Reserved.
10029 *
10030 * Licensed under the Apache License, Version 2.0 (the "License");
10031 * you may not use this file except in compliance with the License.
10032 * You may obtain a copy of the License at
10033 *
10034 * http://www.apache.org/licenses/LICENSE-2.0
10035 *
10036 * Unless required by applicable law or agreed to in writing, software
10037 * distributed under the License is distributed on an "AS IS" BASIS,
10038 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10039 * See the License for the specific language governing permissions and
10040 * limitations under the License.
10041 */
10042/* ========== IMAGES ========== */
10043/* ========== Color & Themes ========== */
10044/* ========== Typography ========== */
10045/* ========== Components ========== */
10046/* ========== Standard Buttons ========== */
10047/* ========== Icon Toggles ========== */
10048/* ========== Radio Buttons ========== */
10049/* ========== Ripple effect ========== */
10050/* ========== Layout ========== */
10051/* ========== Content Tabs ========== */
10052/* ========== Checkboxes ========== */
10053/* ========== Switches ========== */
10054/* ========== Spinner ========== */
10055/* ========== Text fields ========== */
10056/* ========== Card ========== */
10057/* ========== Sliders ========== */
10058/* ========== Progress ========== */
10059/* ========== List ========== */
10060/* ========== Item ========== */
10061/* ========== Dropdown menu ========== */
10062/* ========== Tooltips ========== */
10063/* ========== Footer ========== */
10064/* TEXTFIELD */
10065/* SWITCH */
10066/* SPINNER */
10067/* RADIO */
10068/* MENU */
10069/* LIST */
10070/* LAYOUT */
10071/* ICON TOGGLE */
10072/* FOOTER */
10073/*mega-footer*/
10074/*mini-footer*/
10075/* CHECKBOX */
10076/* CARD */
10077/* Card dimensions */
10078/* Cover image */
10079/* BUTTON */
10080/**
10081 *
10082 * Dimensions
10083 *
10084 */
10085/* ANIMATION */
10086/* PROGRESS */
10087/* BADGE */
10088/* SHADOWS */
10089/* GRID */
10090/* DATA TABLE */
10091/* DIALOG */
10092/* SNACKBAR */
10093/* TOOLTIP */
10094/* CHIP */
10095/**
10096 * Copyright 2015 Google Inc. All Rights Reserved.
10097 *
10098 * Licensed under the Apache License, Version 2.0 (the "License");
10099 * you may not use this file except in compliance with the License.
10100 * You may obtain a copy of the License at
10101 *
10102 * http://www.apache.org/licenses/LICENSE-2.0
10103 *
10104 * Unless required by applicable law or agreed to in writing, software
10105 * distributed under the License is distributed on an "AS IS" BASIS,
10106 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10107 * See the License for the specific language governing permissions and
10108 * limitations under the License.
10109 */
10110/* Typography */
10111/* Shadows */
10112/* Animations */
10113/* Dialog */
10114.mdl-textfield {
10115 position: relative;
10116 font-size: 16px;
10117 display: inline-block;
10118 box-sizing: border-box;
10119 width: 300px;
10120 max-width: 100%;
10121 margin: 0;
10122 padding: 20px 0; }
10123 .mdl-textfield .mdl-button {
10124 position: absolute;
10125 bottom: 20px; }
10126
10127.mdl-textfield--align-right {
10128 text-align: right; }
10129
10130.mdl-textfield--full-width {
10131 width: 100%; }
10132
10133.mdl-textfield--expandable {
10134 min-width: 32px;
10135 width: auto;
10136 min-height: 32px; }
10137 .mdl-textfield--expandable .mdl-button--icon {
10138 top: 16px; }
10139
10140.mdl-textfield__input {
10141 border: none;
10142 border-bottom: 1px solid rgba(0,0,0, 0.12);
10143 display: block;
10144 font-size: 16px;
10145 font-family: "Helvetica", "Arial", sans-serif;
10146 margin: 0;
10147 padding: 4px 0;
10148 width: 100%;
10149 background: none;
10150 text-align: left;
10151 color: inherit; }
10152 .mdl-textfield__input[type="number"] {
10153 -moz-appearance: textfield; }
10154 .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
10155 -webkit-appearance: none;
10156 margin: 0; }
10157 .mdl-textfield.is-focused .mdl-textfield__input {
10158 outline: none; }
10159 .mdl-textfield.is-invalid .mdl-textfield__input {
10160 border-color: rgb(213,0,0);
10161 box-shadow: none; }
10162 fieldset[disabled] .mdl-textfield .mdl-textfield__input,
10163 .mdl-textfield.is-disabled .mdl-textfield__input {
10164 background-color: transparent;
10165 border-bottom: 1px dotted rgba(0,0,0, 0.12);
10166 color: rgba(0,0,0, 0.26); }
10167
10168.mdl-textfield textarea.mdl-textfield__input {
10169 display: block; }
10170
10171.mdl-textfield__label {
10172 bottom: 0;
10173 color: rgba(0,0,0, 0.26);
10174 font-size: 16px;
10175 left: 0;
10176 right: 0;
10177 pointer-events: none;
10178 position: absolute;
10179 display: block;
10180 top: 24px;
10181 width: 100%;
10182 overflow: hidden;
10183 white-space: nowrap;
10184 text-align: left; }
10185 .mdl-textfield.is-dirty .mdl-textfield__label,
10186 .mdl-textfield.has-placeholder .mdl-textfield__label {
10187 visibility: hidden; }
10188 .mdl-textfield--floating-label .mdl-textfield__label {
10189 transition-duration: 0.2s;
10190 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
10191 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10192 transition: none; }
10193 fieldset[disabled] .mdl-textfield .mdl-textfield__label,
10194 .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
10195 color: rgba(0,0,0, 0.26); }
10196 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
10197 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
10198 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10199 color: rgb(63,81,181);
10200 font-size: 12px;
10201 top: 4px;
10202 visibility: visible; }
10203 .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
10204 .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
10205 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
10206 top: -16px; }
10207 .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
10208 color: rgb(213,0,0);
10209 font-size: 12px; }
10210 .mdl-textfield__label:after {
10211 background-color: rgb(63,81,181);
10212 bottom: 20px;
10213 content: '';
10214 height: 2px;
10215 left: 45%;
10216 position: absolute;
10217 transition-duration: 0.2s;
10218 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10219 visibility: hidden;
10220 width: 10px; }
10221 .mdl-textfield.is-focused .mdl-textfield__label:after {
10222 left: 0;
10223 visibility: visible;
10224 width: 100%; }
10225 .mdl-textfield.is-invalid .mdl-textfield__label:after {
10226 background-color: rgb(213,0,0); }
10227
10228.mdl-textfield__error {
10229 color: rgb(213,0,0);
10230 position: absolute;
10231 font-size: 12px;
10232 margin-top: 3px;
10233 visibility: hidden;
10234 display: block; }
10235 .mdl-textfield.is-invalid .mdl-textfield__error {
10236 visibility: visible; }
10237
10238.mdl-textfield__expandable-holder {
10239 display: inline-block;
10240 position: relative;
10241 margin-left: 32px;
10242 transition-duration: 0.2s;
10243 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10244 display: inline-block;
10245 max-width: 0.1px; }
10246 .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
10247 max-width: 600px; }
10248 .mdl-textfield__expandable-holder .mdl-textfield__label:after {
10249 bottom: 0; }
10250
10251/**
10252 * Copyright 2015 Google Inc. All Rights Reserved.
10253 *
10254 * Licensed under the Apache License, Version 2.0 (the "License");
10255 * you may not use this file except in compliance with the License.
10256 * You may obtain a copy of the License at
10257 *
10258 * http://www.apache.org/licenses/LICENSE-2.0
10259 *
10260 * Unless required by applicable law or agreed to in writing, software
10261 * distributed under the License is distributed on an "AS IS" BASIS,
10262 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10263 * See the License for the specific language governing permissions and
10264 * limitations under the License.
10265 */
10266/**
10267 * Copyright 2015 Google Inc. All Rights Reserved.
10268 *
10269 * Licensed under the Apache License, Version 2.0 (the "License");
10270 * you may not use this file except in compliance with the License.
10271 * You may obtain a copy of the License at
10272 *
10273 * http://www.apache.org/licenses/LICENSE-2.0
10274 *
10275 * Unless required by applicable law or agreed to in writing, software
10276 * distributed under the License is distributed on an "AS IS" BASIS,
10277 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10278 * See the License for the specific language governing permissions and
10279 * limitations under the License.
10280 */
10281/*------------------------------------* $CONTENTS
10282\*------------------------------------*/
10283/**
10284 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10285 * -----Typography
10286 * -----Colors
10287 * -----Textfield
10288 * -----Switch
10289 * -----Spinner
10290 * -----Radio
10291 * -----Menu
10292 * -----List
10293 * -----Layout
10294 * -----Icon toggles
10295 * -----Footer
10296 * -----Column
10297 * -----Checkbox
10298 * -----Card
10299 * -----Button
10300 * -----Animation
10301 * -----Progress
10302 * -----Badge
10303 * -----Shadows
10304 * -----Grid
10305 * -----Data table
10306 * -----Dialog
10307 * -----Snackbar
10308 * -----Tooltip
10309 * -----Chip
10310 *
10311 * Even though all variables have the `!default` directive, most of them
10312 * should not be changed as they are dependent one another. This can cause
10313 * visual distortions (like alignment issues) that are hard to track down
10314 * and fix.
10315 */
10316/* ========== TYPOGRAPHY ========== */
10317/* We're splitting fonts into "preferred" and "performance" in order to optimize
10318 page loading. For important text, such as the body, we want it to load
10319 immediately and not wait for the web font load, whereas for other sections,
10320 such as headers and titles, we're OK with things taking a bit longer to load.
10321 We do have some optional classes and parameters in the mixins, in case you
10322 definitely want to make sure you're using the preferred font and don't mind
10323 the performance hit.
10324 We should be able to improve on this once CSS Font Loading L3 becomes more
10325 widely available.
10326*/
10327/* ========== COLORS ========== */
10328/**
10329*
10330* Material design color palettes.
10331* @see http://www.google.com/design/spec/style/color.html
10332*
10333**/
10334/**
10335 * Copyright 2015 Google Inc. All Rights Reserved.
10336 *
10337 * Licensed under the Apache License, Version 2.0 (the "License");
10338 * you may not use this file except in compliance with the License.
10339 * You may obtain a copy of the License at
10340 *
10341 * http://www.apache.org/licenses/LICENSE-2.0
10342 *
10343 * Unless required by applicable law or agreed to in writing, software
10344 * distributed under the License is distributed on an "AS IS" BASIS,
10345 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10346 * See the License for the specific language governing permissions and
10347 * limitations under the License.
10348 */
10349/* ========== Color Palettes ========== */
10350/* colors.scss */
10351/**
10352 * Copyright 2015 Google Inc. All Rights Reserved.
10353 *
10354 * Licensed under the Apache License, Version 2.0 (the "License");
10355 * you may not use this file except in compliance with the License.
10356 * You may obtain a copy of the License at
10357 *
10358 * http://www.apache.org/licenses/LICENSE-2.0
10359 *
10360 * Unless required by applicable law or agreed to in writing, software
10361 * distributed under the License is distributed on an "AS IS" BASIS,
10362 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10363 * See the License for the specific language governing permissions and
10364 * limitations under the License.
10365 */
10366/* ========== IMAGES ========== */
10367/* ========== Color & Themes ========== */
10368/* ========== Typography ========== */
10369/* ========== Components ========== */
10370/* ========== Standard Buttons ========== */
10371/* ========== Icon Toggles ========== */
10372/* ========== Radio Buttons ========== */
10373/* ========== Ripple effect ========== */
10374/* ========== Layout ========== */
10375/* ========== Content Tabs ========== */
10376/* ========== Checkboxes ========== */
10377/* ========== Switches ========== */
10378/* ========== Spinner ========== */
10379/* ========== Text fields ========== */
10380/* ========== Card ========== */
10381/* ========== Sliders ========== */
10382/* ========== Progress ========== */
10383/* ========== List ========== */
10384/* ========== Item ========== */
10385/* ========== Dropdown menu ========== */
10386/* ========== Tooltips ========== */
10387/* ========== Footer ========== */
10388/* TEXTFIELD */
10389/* SWITCH */
10390/* SPINNER */
10391/* RADIO */
10392/* MENU */
10393/* LIST */
10394/* LAYOUT */
10395/* ICON TOGGLE */
10396/* FOOTER */
10397/*mega-footer*/
10398/*mini-footer*/
10399/* CHECKBOX */
10400/* CARD */
10401/* Card dimensions */
10402/* Cover image */
10403/* BUTTON */
10404/**
10405 *
10406 * Dimensions
10407 *
10408 */
10409/* ANIMATION */
10410/* PROGRESS */
10411/* BADGE */
10412/* SHADOWS */
10413/* GRID */
10414/* DATA TABLE */
10415/* DIALOG */
10416/* SNACKBAR */
10417/* TOOLTIP */
10418/* CHIP */
10419.mdl-tooltip {
10420 -webkit-transform: scale(0);
10421 transform: scale(0);
10422 -webkit-transform-origin: top center;
10423 transform-origin: top center;
10424 z-index: 999;
10425 background: rgba(97,97,97, 0.9);
10426 border-radius: 2px;
10427 color: rgb(255,255,255);
10428 display: inline-block;
10429 font-size: 10px;
10430 font-weight: 500;
10431 line-height: 14px;
10432 max-width: 170px;
10433 position: fixed;
10434 top: -500px;
10435 left: -500px;
10436 padding: 8px;
10437 text-align: center; }
10438
10439.mdl-tooltip.is-active {
10440 -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
10441 animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
10442
10443.mdl-tooltip--large {
10444 line-height: 14px;
10445 font-size: 14px;
10446 padding: 16px; }
10447
10448@-webkit-keyframes pulse {
10449 0% {
10450 -webkit-transform: scale(0);
10451 transform: scale(0);
10452 opacity: 0; }
10453 50% {
10454 -webkit-transform: scale(0.99);
10455 transform: scale(0.99); }
10456 100% {
10457 -webkit-transform: scale(1);
10458 transform: scale(1);
10459 opacity: 1;
10460 visibility: visible; } }
10461
10462@keyframes pulse {
10463 0% {
10464 -webkit-transform: scale(0);
10465 transform: scale(0);
10466 opacity: 0; }
10467 50% {
10468 -webkit-transform: scale(0.99);
10469 transform: scale(0.99); }
10470 100% {
10471 -webkit-transform: scale(1);
10472 transform: scale(1);
10473 opacity: 1;
10474 visibility: visible; } }
10475
10476/**
10477 * Copyright 2015 Google Inc. All Rights Reserved.
10478 *
10479 * Licensed under the Apache License, Version 2.0 (the "License");
10480 * you may not use this file except in compliance with the License.
10481 * You may obtain a copy of the License at
10482 *
10483 * http://www.apache.org/licenses/LICENSE-2.0
10484 *
10485 * Unless required by applicable law or agreed to in writing, software
10486 * distributed under the License is distributed on an "AS IS" BASIS,
10487 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10488 * See the License for the specific language governing permissions and
10489 * limitations under the License.
10490 */
10491/**
10492 * Copyright 2015 Google Inc. All Rights Reserved.
10493 *
10494 * Licensed under the Apache License, Version 2.0 (the "License");
10495 * you may not use this file except in compliance with the License.
10496 * You may obtain a copy of the License at
10497 *
10498 * http://www.apache.org/licenses/LICENSE-2.0
10499 *
10500 * Unless required by applicable law or agreed to in writing, software
10501 * distributed under the License is distributed on an "AS IS" BASIS,
10502 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10503 * See the License for the specific language governing permissions and
10504 * limitations under the License.
10505 */
10506/*------------------------------------* $CONTENTS
10507\*------------------------------------*/
10508/**
10509 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10510 * -----Typography
10511 * -----Colors
10512 * -----Textfield
10513 * -----Switch
10514 * -----Spinner
10515 * -----Radio
10516 * -----Menu
10517 * -----List
10518 * -----Layout
10519 * -----Icon toggles
10520 * -----Footer
10521 * -----Column
10522 * -----Checkbox
10523 * -----Card
10524 * -----Button
10525 * -----Animation
10526 * -----Progress
10527 * -----Badge
10528 * -----Shadows
10529 * -----Grid
10530 * -----Data table
10531 * -----Dialog
10532 * -----Snackbar
10533 * -----Tooltip
10534 * -----Chip
10535 *
10536 * Even though all variables have the `!default` directive, most of them
10537 * should not be changed as they are dependent one another. This can cause
10538 * visual distortions (like alignment issues) that are hard to track down
10539 * and fix.
10540 */
10541/* ========== TYPOGRAPHY ========== */
10542/* We're splitting fonts into "preferred" and "performance" in order to optimize
10543 page loading. For important text, such as the body, we want it to load
10544 immediately and not wait for the web font load, whereas for other sections,
10545 such as headers and titles, we're OK with things taking a bit longer to load.
10546 We do have some optional classes and parameters in the mixins, in case you
10547 definitely want to make sure you're using the preferred font and don't mind
10548 the performance hit.
10549 We should be able to improve on this once CSS Font Loading L3 becomes more
10550 widely available.
10551*/
10552/* ========== COLORS ========== */
10553/**
10554*
10555* Material design color palettes.
10556* @see http://www.google.com/design/spec/style/color.html
10557*
10558**/
10559/**
10560 * Copyright 2015 Google Inc. All Rights Reserved.
10561 *
10562 * Licensed under the Apache License, Version 2.0 (the "License");
10563 * you may not use this file except in compliance with the License.
10564 * You may obtain a copy of the License at
10565 *
10566 * http://www.apache.org/licenses/LICENSE-2.0
10567 *
10568 * Unless required by applicable law or agreed to in writing, software
10569 * distributed under the License is distributed on an "AS IS" BASIS,
10570 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10571 * See the License for the specific language governing permissions and
10572 * limitations under the License.
10573 */
10574/* ========== Color Palettes ========== */
10575/* colors.scss */
10576/**
10577 * Copyright 2015 Google Inc. All Rights Reserved.
10578 *
10579 * Licensed under the Apache License, Version 2.0 (the "License");
10580 * you may not use this file except in compliance with the License.
10581 * You may obtain a copy of the License at
10582 *
10583 * http://www.apache.org/licenses/LICENSE-2.0
10584 *
10585 * Unless required by applicable law or agreed to in writing, software
10586 * distributed under the License is distributed on an "AS IS" BASIS,
10587 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10588 * See the License for the specific language governing permissions and
10589 * limitations under the License.
10590 */
10591/* ========== IMAGES ========== */
10592/* ========== Color & Themes ========== */
10593/* ========== Typography ========== */
10594/* ========== Components ========== */
10595/* ========== Standard Buttons ========== */
10596/* ========== Icon Toggles ========== */
10597/* ========== Radio Buttons ========== */
10598/* ========== Ripple effect ========== */
10599/* ========== Layout ========== */
10600/* ========== Content Tabs ========== */
10601/* ========== Checkboxes ========== */
10602/* ========== Switches ========== */
10603/* ========== Spinner ========== */
10604/* ========== Text fields ========== */
10605/* ========== Card ========== */
10606/* ========== Sliders ========== */
10607/* ========== Progress ========== */
10608/* ========== List ========== */
10609/* ========== Item ========== */
10610/* ========== Dropdown menu ========== */
10611/* ========== Tooltips ========== */
10612/* ========== Footer ========== */
10613/* TEXTFIELD */
10614/* SWITCH */
10615/* SPINNER */
10616/* RADIO */
10617/* MENU */
10618/* LIST */
10619/* LAYOUT */
10620/* ICON TOGGLE */
10621/* FOOTER */
10622/*mega-footer*/
10623/*mini-footer*/
10624/* CHECKBOX */
10625/* CARD */
10626/* Card dimensions */
10627/* Cover image */
10628/* BUTTON */
10629/**
10630 *
10631 * Dimensions
10632 *
10633 */
10634/* ANIMATION */
10635/* PROGRESS */
10636/* BADGE */
10637/* SHADOWS */
10638/* GRID */
10639/* DATA TABLE */
10640/* DIALOG */
10641/* SNACKBAR */
10642/* TOOLTIP */
10643/* CHIP */
10644/**
10645 * Copyright 2015 Google Inc. All Rights Reserved.
10646 *
10647 * Licensed under the Apache License, Version 2.0 (the "License");
10648 * you may not use this file except in compliance with the License.
10649 * You may obtain a copy of the License at
10650 *
10651 * http://www.apache.org/licenses/LICENSE-2.0
10652 *
10653 * Unless required by applicable law or agreed to in writing, software
10654 * distributed under the License is distributed on an "AS IS" BASIS,
10655 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10656 * See the License for the specific language governing permissions and
10657 * limitations under the License.
10658 */
10659/* Typography */
10660/* Shadows */
10661/* Animations */
10662/* Dialog */
10663.mdl-shadow--2dp {
10664 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); }
10665
10666.mdl-shadow--3dp {
10667 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); }
10668
10669.mdl-shadow--4dp {
10670 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); }
10671
10672.mdl-shadow--6dp {
10673 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); }
10674
10675.mdl-shadow--8dp {
10676 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); }
10677
10678.mdl-shadow--16dp {
10679 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); }
10680
10681.mdl-shadow--24dp {
10682 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); }
10683
10684/**
10685 * Copyright 2015 Google Inc. All Rights Reserved.
10686 *
10687 * Licensed under the Apache License, Version 2.0 (the "License");
10688 * you may not use this file except in compliance with the License.
10689 * You may obtain a copy of the License at
10690 *
10691 * http://www.apache.org/licenses/LICENSE-2.0
10692 *
10693 * Unless required by applicable law or agreed to in writing, software
10694 * distributed under the License is distributed on an "AS IS" BASIS,
10695 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10696 * See the License for the specific language governing permissions and
10697 * limitations under the License.
10698 */
10699/*
10700* NOTE: Some rules here are applied using duplicate selectors.
10701* This is on purpose to increase their specificity when applied.
10702* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
10703*/
10704/**
10705 * Copyright 2015 Google Inc. All Rights Reserved.
10706 *
10707 * Licensed under the Apache License, Version 2.0 (the "License");
10708 * you may not use this file except in compliance with the License.
10709 * You may obtain a copy of the License at
10710 *
10711 * http://www.apache.org/licenses/LICENSE-2.0
10712 *
10713 * Unless required by applicable law or agreed to in writing, software
10714 * distributed under the License is distributed on an "AS IS" BASIS,
10715 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10716 * See the License for the specific language governing permissions and
10717 * limitations under the License.
10718 */
10719/*------------------------------------* $CONTENTS
10720\*------------------------------------*/
10721/**
10722 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10723 * -----Typography
10724 * -----Colors
10725 * -----Textfield
10726 * -----Switch
10727 * -----Spinner
10728 * -----Radio
10729 * -----Menu
10730 * -----List
10731 * -----Layout
10732 * -----Icon toggles
10733 * -----Footer
10734 * -----Column
10735 * -----Checkbox
10736 * -----Card
10737 * -----Button
10738 * -----Animation
10739 * -----Progress
10740 * -----Badge
10741 * -----Shadows
10742 * -----Grid
10743 * -----Data table
10744 * -----Dialog
10745 * -----Snackbar
10746 * -----Tooltip
10747 * -----Chip
10748 *
10749 * Even though all variables have the `!default` directive, most of them
10750 * should not be changed as they are dependent one another. This can cause
10751 * visual distortions (like alignment issues) that are hard to track down
10752 * and fix.
10753 */
10754/* ========== TYPOGRAPHY ========== */
10755/* We're splitting fonts into "preferred" and "performance" in order to optimize
10756 page loading. For important text, such as the body, we want it to load
10757 immediately and not wait for the web font load, whereas for other sections,
10758 such as headers and titles, we're OK with things taking a bit longer to load.
10759 We do have some optional classes and parameters in the mixins, in case you
10760 definitely want to make sure you're using the preferred font and don't mind
10761 the performance hit.
10762 We should be able to improve on this once CSS Font Loading L3 becomes more
10763 widely available.
10764*/
10765/* ========== COLORS ========== */
10766/**
10767*
10768* Material design color palettes.
10769* @see http://www.google.com/design/spec/style/color.html
10770*
10771**/
10772/**
10773 * Copyright 2015 Google Inc. All Rights Reserved.
10774 *
10775 * Licensed under the Apache License, Version 2.0 (the "License");
10776 * you may not use this file except in compliance with the License.
10777 * You may obtain a copy of the License at
10778 *
10779 * http://www.apache.org/licenses/LICENSE-2.0
10780 *
10781 * Unless required by applicable law or agreed to in writing, software
10782 * distributed under the License is distributed on an "AS IS" BASIS,
10783 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10784 * See the License for the specific language governing permissions and
10785 * limitations under the License.
10786 */
10787/* ========== Color Palettes ========== */
10788/* colors.scss */
10789/**
10790 * Copyright 2015 Google Inc. All Rights Reserved.
10791 *
10792 * Licensed under the Apache License, Version 2.0 (the "License");
10793 * you may not use this file except in compliance with the License.
10794 * You may obtain a copy of the License at
10795 *
10796 * http://www.apache.org/licenses/LICENSE-2.0
10797 *
10798 * Unless required by applicable law or agreed to in writing, software
10799 * distributed under the License is distributed on an "AS IS" BASIS,
10800 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10801 * See the License for the specific language governing permissions and
10802 * limitations under the License.
10803 */
10804/* ========== IMAGES ========== */
10805/* ========== Color & Themes ========== */
10806/* ========== Typography ========== */
10807/* ========== Components ========== */
10808/* ========== Standard Buttons ========== */
10809/* ========== Icon Toggles ========== */
10810/* ========== Radio Buttons ========== */
10811/* ========== Ripple effect ========== */
10812/* ========== Layout ========== */
10813/* ========== Content Tabs ========== */
10814/* ========== Checkboxes ========== */
10815/* ========== Switches ========== */
10816/* ========== Spinner ========== */
10817/* ========== Text fields ========== */
10818/* ========== Card ========== */
10819/* ========== Sliders ========== */
10820/* ========== Progress ========== */
10821/* ========== List ========== */
10822/* ========== Item ========== */
10823/* ========== Dropdown menu ========== */
10824/* ========== Tooltips ========== */
10825/* ========== Footer ========== */
10826/* TEXTFIELD */
10827/* SWITCH */
10828/* SPINNER */
10829/* RADIO */
10830/* MENU */
10831/* LIST */
10832/* LAYOUT */
10833/* ICON TOGGLE */
10834/* FOOTER */
10835/*mega-footer*/
10836/*mini-footer*/
10837/* CHECKBOX */
10838/* CARD */
10839/* Card dimensions */
10840/* Cover image */
10841/* BUTTON */
10842/**
10843 *
10844 * Dimensions
10845 *
10846 */
10847/* ANIMATION */
10848/* PROGRESS */
10849/* BADGE */
10850/* SHADOWS */
10851/* GRID */
10852/* DATA TABLE */
10853/* DIALOG */
10854/* SNACKBAR */
10855/* TOOLTIP */
10856/* CHIP */
10857.mdl-grid {
10858 display: -webkit-flex;
10859 display: -ms-flexbox;
10860 display: flex;
10861 -webkit-flex-flow: row wrap;
10862 -ms-flex-flow: row wrap;
10863 flex-flow: row wrap;
10864 margin: 0 auto 0 auto;
10865 -webkit-align-items: stretch;
10866 -ms-flex-align: stretch;
10867 align-items: stretch; }
10868 .mdl-grid.mdl-grid--no-spacing {
10869 padding: 0; }
10870
10871.mdl-cell {
10872 box-sizing: border-box; }
10873
10874.mdl-cell--top {
10875 -webkit-align-self: flex-start;
10876 -ms-flex-item-align: start;
10877 align-self: flex-start; }
10878
10879.mdl-cell--middle {
10880 -webkit-align-self: center;
10881 -ms-flex-item-align: center;
10882 -ms-grid-row-align: center;
10883 align-self: center; }
10884
10885.mdl-cell--bottom {
10886 -webkit-align-self: flex-end;
10887 -ms-flex-item-align: end;
10888 align-self: flex-end; }
10889
10890.mdl-cell--stretch {
10891 -webkit-align-self: stretch;
10892 -ms-flex-item-align: stretch;
10893 -ms-grid-row-align: stretch;
10894 align-self: stretch; }
10895
10896.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
10897 margin: 0; }
10898
10899.mdl-cell--order-1 {
10900 -webkit-order: 1;
10901 -ms-flex-order: 1;
10902 order: 1; }
10903
10904.mdl-cell--order-2 {
10905 -webkit-order: 2;
10906 -ms-flex-order: 2;
10907 order: 2; }
10908
10909.mdl-cell--order-3 {
10910 -webkit-order: 3;
10911 -ms-flex-order: 3;
10912 order: 3; }
10913
10914.mdl-cell--order-4 {
10915 -webkit-order: 4;
10916 -ms-flex-order: 4;
10917 order: 4; }
10918
10919.mdl-cell--order-5 {
10920 -webkit-order: 5;
10921 -ms-flex-order: 5;
10922 order: 5; }
10923
10924.mdl-cell--order-6 {
10925 -webkit-order: 6;
10926 -ms-flex-order: 6;
10927 order: 6; }
10928
10929.mdl-cell--order-7 {
10930 -webkit-order: 7;
10931 -ms-flex-order: 7;
10932 order: 7; }
10933
10934.mdl-cell--order-8 {
10935 -webkit-order: 8;
10936 -ms-flex-order: 8;
10937 order: 8; }
10938
10939.mdl-cell--order-9 {
10940 -webkit-order: 9;
10941 -ms-flex-order: 9;
10942 order: 9; }
10943
10944.mdl-cell--order-10 {
10945 -webkit-order: 10;
10946 -ms-flex-order: 10;
10947 order: 10; }
10948
10949.mdl-cell--order-11 {
10950 -webkit-order: 11;
10951 -ms-flex-order: 11;
10952 order: 11; }
10953
10954.mdl-cell--order-12 {
10955 -webkit-order: 12;
10956 -ms-flex-order: 12;
10957 order: 12; }
10958
10959@media (max-width: 479px) {
10960 .mdl-grid {
10961 padding: 8px; }
10962 .mdl-cell {
10963 margin: 8px;
10964 width: calc(100% - 16px); }
10965 .mdl-grid--no-spacing > .mdl-cell {
10966 width: 100%; }
10967 .mdl-cell--hide-phone {
10968 display: none !important; }
10969 .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
10970 -webkit-order: 1;
10971 -ms-flex-order: 1;
10972 order: 1; }
10973 .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
10974 -webkit-order: 2;
10975 -ms-flex-order: 2;
10976 order: 2; }
10977 .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
10978 -webkit-order: 3;
10979 -ms-flex-order: 3;
10980 order: 3; }
10981 .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
10982 -webkit-order: 4;
10983 -ms-flex-order: 4;
10984 order: 4; }
10985 .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
10986 -webkit-order: 5;
10987 -ms-flex-order: 5;
10988 order: 5; }
10989 .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
10990 -webkit-order: 6;
10991 -ms-flex-order: 6;
10992 order: 6; }
10993 .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
10994 -webkit-order: 7;
10995 -ms-flex-order: 7;
10996 order: 7; }
10997 .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
10998 -webkit-order: 8;
10999 -ms-flex-order: 8;
11000 order: 8; }
11001 .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
11002 -webkit-order: 9;
11003 -ms-flex-order: 9;
11004 order: 9; }
11005 .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
11006 -webkit-order: 10;
11007 -ms-flex-order: 10;
11008 order: 10; }
11009 .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
11010 -webkit-order: 11;
11011 -ms-flex-order: 11;
11012 order: 11; }
11013 .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
11014 -webkit-order: 12;
11015 -ms-flex-order: 12;
11016 order: 12; }
11017 .mdl-cell--1-col,
11018 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11019 width: calc(25% - 16px); }
11020 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11021 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11022 width: 25%; }
11023 .mdl-cell--2-col,
11024 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11025 width: calc(50% - 16px); }
11026 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11027 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11028 width: 50%; }
11029 .mdl-cell--3-col,
11030 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11031 width: calc(75% - 16px); }
11032 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11033 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11034 width: 75%; }
11035 .mdl-cell--4-col,
11036 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11037 width: calc(100% - 16px); }
11038 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11039 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11040 width: 100%; }
11041 .mdl-cell--5-col,
11042 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11043 width: calc(100% - 16px); }
11044 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11045 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11046 width: 100%; }
11047 .mdl-cell--6-col,
11048 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11049 width: calc(100% - 16px); }
11050 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11051 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11052 width: 100%; }
11053 .mdl-cell--7-col,
11054 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11055 width: calc(100% - 16px); }
11056 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11057 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11058 width: 100%; }
11059 .mdl-cell--8-col,
11060 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11061 width: calc(100% - 16px); }
11062 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11063 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11064 width: 100%; }
11065 .mdl-cell--9-col,
11066 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11067 width: calc(100% - 16px); }
11068 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11069 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11070 width: 100%; }
11071 .mdl-cell--10-col,
11072 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11073 width: calc(100% - 16px); }
11074 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11075 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11076 width: 100%; }
11077 .mdl-cell--11-col,
11078 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11079 width: calc(100% - 16px); }
11080 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11081 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11082 width: 100%; }
11083 .mdl-cell--12-col,
11084 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11085 width: calc(100% - 16px); }
11086 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11087 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11088 width: 100%; }
11089 .mdl-cell--1-offset,
11090 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11091 margin-left: calc(25% + 8px); }
11092 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11093 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11094 margin-left: 25%; }
11095 .mdl-cell--2-offset,
11096 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11097 margin-left: calc(50% + 8px); }
11098 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11099 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11100 margin-left: 50%; }
11101 .mdl-cell--3-offset,
11102 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11103 margin-left: calc(75% + 8px); }
11104 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11105 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11106 margin-left: 75%; } }
11107
11108@media (min-width: 480px) and (max-width: 839px) {
11109 .mdl-grid {
11110 padding: 8px; }
11111 .mdl-cell {
11112 margin: 8px;
11113 width: calc(50% - 16px); }
11114 .mdl-grid--no-spacing > .mdl-cell {
11115 width: 50%; }
11116 .mdl-cell--hide-tablet {
11117 display: none !important; }
11118 .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
11119 -webkit-order: 1;
11120 -ms-flex-order: 1;
11121 order: 1; }
11122 .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
11123 -webkit-order: 2;
11124 -ms-flex-order: 2;
11125 order: 2; }
11126 .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
11127 -webkit-order: 3;
11128 -ms-flex-order: 3;
11129 order: 3; }
11130 .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
11131 -webkit-order: 4;
11132 -ms-flex-order: 4;
11133 order: 4; }
11134 .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
11135 -webkit-order: 5;
11136 -ms-flex-order: 5;
11137 order: 5; }
11138 .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
11139 -webkit-order: 6;
11140 -ms-flex-order: 6;
11141 order: 6; }
11142 .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
11143 -webkit-order: 7;
11144 -ms-flex-order: 7;
11145 order: 7; }
11146 .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
11147 -webkit-order: 8;
11148 -ms-flex-order: 8;
11149 order: 8; }
11150 .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
11151 -webkit-order: 9;
11152 -ms-flex-order: 9;
11153 order: 9; }
11154 .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
11155 -webkit-order: 10;
11156 -ms-flex-order: 10;
11157 order: 10; }
11158 .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
11159 -webkit-order: 11;
11160 -ms-flex-order: 11;
11161 order: 11; }
11162 .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
11163 -webkit-order: 12;
11164 -ms-flex-order: 12;
11165 order: 12; }
11166 .mdl-cell--1-col,
11167 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11168 width: calc(12.5% - 16px); }
11169 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11170 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11171 width: 12.5%; }
11172 .mdl-cell--2-col,
11173 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11174 width: calc(25% - 16px); }
11175 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11176 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11177 width: 25%; }
11178 .mdl-cell--3-col,
11179 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11180 width: calc(37.5% - 16px); }
11181 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11182 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11183 width: 37.5%; }
11184 .mdl-cell--4-col,
11185 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11186 width: calc(50% - 16px); }
11187 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11188 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11189 width: 50%; }
11190 .mdl-cell--5-col,
11191 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11192 width: calc(62.5% - 16px); }
11193 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11194 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11195 width: 62.5%; }
11196 .mdl-cell--6-col,
11197 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11198 width: calc(75% - 16px); }
11199 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11200 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11201 width: 75%; }
11202 .mdl-cell--7-col,
11203 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11204 width: calc(87.5% - 16px); }
11205 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11206 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11207 width: 87.5%; }
11208 .mdl-cell--8-col,
11209 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11210 width: calc(100% - 16px); }
11211 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11212 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11213 width: 100%; }
11214 .mdl-cell--9-col,
11215 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11216 width: calc(100% - 16px); }
11217 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11218 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11219 width: 100%; }
11220 .mdl-cell--10-col,
11221 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11222 width: calc(100% - 16px); }
11223 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11224 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11225 width: 100%; }
11226 .mdl-cell--11-col,
11227 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11228 width: calc(100% - 16px); }
11229 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11230 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11231 width: 100%; }
11232 .mdl-cell--12-col,
11233 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11234 width: calc(100% - 16px); }
11235 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11236 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11237 width: 100%; }
11238 .mdl-cell--1-offset,
11239 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11240 margin-left: calc(12.5% + 8px); }
11241 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11242 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11243 margin-left: 12.5%; }
11244 .mdl-cell--2-offset,
11245 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11246 margin-left: calc(25% + 8px); }
11247 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11248 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11249 margin-left: 25%; }
11250 .mdl-cell--3-offset,
11251 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11252 margin-left: calc(37.5% + 8px); }
11253 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11254 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11255 margin-left: 37.5%; }
11256 .mdl-cell--4-offset,
11257 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11258 margin-left: calc(50% + 8px); }
11259 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11260 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11261 margin-left: 50%; }
11262 .mdl-cell--5-offset,
11263 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11264 margin-left: calc(62.5% + 8px); }
11265 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11266 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11267 margin-left: 62.5%; }
11268 .mdl-cell--6-offset,
11269 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11270 margin-left: calc(75% + 8px); }
11271 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11272 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11273 margin-left: 75%; }
11274 .mdl-cell--7-offset,
11275 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11276 margin-left: calc(87.5% + 8px); }
11277 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11278 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11279 margin-left: 87.5%; } }
11280
11281@media (min-width: 840px) {
11282 .mdl-grid {
11283 padding: 8px; }
11284 .mdl-cell {
11285 margin: 8px;
11286 width: calc(33.3333333333% - 16px); }
11287 .mdl-grid--no-spacing > .mdl-cell {
11288 width: 33.3333333333%; }
11289 .mdl-cell--hide-desktop {
11290 display: none !important; }
11291 .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
11292 -webkit-order: 1;
11293 -ms-flex-order: 1;
11294 order: 1; }
11295 .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
11296 -webkit-order: 2;
11297 -ms-flex-order: 2;
11298 order: 2; }
11299 .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
11300 -webkit-order: 3;
11301 -ms-flex-order: 3;
11302 order: 3; }
11303 .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
11304 -webkit-order: 4;
11305 -ms-flex-order: 4;
11306 order: 4; }
11307 .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
11308 -webkit-order: 5;
11309 -ms-flex-order: 5;
11310 order: 5; }
11311 .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
11312 -webkit-order: 6;
11313 -ms-flex-order: 6;
11314 order: 6; }
11315 .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
11316 -webkit-order: 7;
11317 -ms-flex-order: 7;
11318 order: 7; }
11319 .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
11320 -webkit-order: 8;
11321 -ms-flex-order: 8;
11322 order: 8; }
11323 .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
11324 -webkit-order: 9;
11325 -ms-flex-order: 9;
11326 order: 9; }
11327 .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
11328 -webkit-order: 10;
11329 -ms-flex-order: 10;
11330 order: 10; }
11331 .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
11332 -webkit-order: 11;
11333 -ms-flex-order: 11;
11334 order: 11; }
11335 .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
11336 -webkit-order: 12;
11337 -ms-flex-order: 12;
11338 order: 12; }
11339 .mdl-cell--1-col,
11340 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11341 width: calc(8.3333333333% - 16px); }
11342 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11343 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11344 width: 8.3333333333%; }
11345 .mdl-cell--2-col,
11346 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11347 width: calc(16.6666666667% - 16px); }
11348 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11349 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11350 width: 16.6666666667%; }
11351 .mdl-cell--3-col,
11352 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11353 width: calc(25% - 16px); }
11354 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11355 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11356 width: 25%; }
11357 .mdl-cell--4-col,
11358 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11359 width: calc(33.3333333333% - 16px); }
11360 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11361 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11362 width: 33.3333333333%; }
11363 .mdl-cell--5-col,
11364 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11365 width: calc(41.6666666667% - 16px); }
11366 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11367 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11368 width: 41.6666666667%; }
11369 .mdl-cell--6-col,
11370 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11371 width: calc(50% - 16px); }
11372 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11373 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11374 width: 50%; }
11375 .mdl-cell--7-col,
11376 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11377 width: calc(58.3333333333% - 16px); }
11378 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11379 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11380 width: 58.3333333333%; }
11381 .mdl-cell--8-col,
11382 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11383 width: calc(66.6666666667% - 16px); }
11384 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11385 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11386 width: 66.6666666667%; }
11387 .mdl-cell--9-col,
11388 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11389 width: calc(75% - 16px); }
11390 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11391 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11392 width: 75%; }
11393 .mdl-cell--10-col,
11394 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11395 width: calc(83.3333333333% - 16px); }
11396 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11397 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11398 width: 83.3333333333%; }
11399 .mdl-cell--11-col,
11400 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11401 width: calc(91.6666666667% - 16px); }
11402 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11403 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11404 width: 91.6666666667%; }
11405 .mdl-cell--12-col,
11406 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11407 width: calc(100% - 16px); }
11408 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11409 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11410 width: 100%; }
11411 .mdl-cell--1-offset,
11412 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11413 margin-left: calc(8.3333333333% + 8px); }
11414 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11415 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11416 margin-left: 8.3333333333%; }
11417 .mdl-cell--2-offset,
11418 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11419 margin-left: calc(16.6666666667% + 8px); }
11420 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11421 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11422 margin-left: 16.6666666667%; }
11423 .mdl-cell--3-offset,
11424 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11425 margin-left: calc(25% + 8px); }
11426 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11427 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11428 margin-left: 25%; }
11429 .mdl-cell--4-offset,
11430 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11431 margin-left: calc(33.3333333333% + 8px); }
11432 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11433 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11434 margin-left: 33.3333333333%; }
11435 .mdl-cell--5-offset,
11436 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11437 margin-left: calc(41.6666666667% + 8px); }
11438 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11439 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11440 margin-left: 41.6666666667%; }
11441 .mdl-cell--6-offset,
11442 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11443 margin-left: calc(50% + 8px); }
11444 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11445 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11446 margin-left: 50%; }
11447 .mdl-cell--7-offset,
11448 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11449 margin-left: calc(58.3333333333% + 8px); }
11450 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11451 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11452 margin-left: 58.3333333333%; }
11453 .mdl-cell--8-offset,
11454 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11455 margin-left: calc(66.6666666667% + 8px); }
11456 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
11457 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11458 margin-left: 66.6666666667%; }
11459 .mdl-cell--9-offset,
11460 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11461 margin-left: calc(75% + 8px); }
11462 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
11463 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11464 margin-left: 75%; }
11465 .mdl-cell--10-offset,
11466 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11467 margin-left: calc(83.3333333333% + 8px); }
11468 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
11469 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11470 margin-left: 83.3333333333%; }
11471 .mdl-cell--11-offset,
11472 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11473 margin-left: calc(91.6666666667% + 8px); }
11474 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
11475 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11476 margin-left: 91.6666666667%; } }