blob: bd724db76665011520cfd4420d5f5b9e5d1f4b8b [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +01001@charset "UTF-8";
2/**
3 * Copyright 2015 Google Inc. All Rights Reserved.
4 *
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8 *
9 * http://www.apache.org/licenses/LICENSE-2.0
10 *
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17/* Material Design Lite */
18/**
19 * Copyright 2015 Google Inc. All Rights Reserved.
20 *
21 * Licensed under the Apache License, Version 2.0 (the "License");
22 * you may not use this file except in compliance with the License.
23 * You may obtain a copy of the License at
24 *
25 * http://www.apache.org/licenses/LICENSE-2.0
26 *
27 * Unless required by applicable law or agreed to in writing, software
28 * distributed under the License is distributed on an "AS IS" BASIS,
29 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
30 * See the License for the specific language governing permissions and
31 * limitations under the License.
32 */
33/**
34 * Copyright 2015 Google Inc. All Rights Reserved.
35 *
36 * Licensed under the Apache License, Version 2.0 (the "License");
37 * you may not use this file except in compliance with the License.
38 * You may obtain a copy of the License at
39 *
40 * http://www.apache.org/licenses/LICENSE-2.0
41 *
42 * Unless required by applicable law or agreed to in writing, software
43 * distributed under the License is distributed on an "AS IS" BASIS,
44 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
45 * See the License for the specific language governing permissions and
46 * limitations under the License.
47 */
48/* Material Design Lite */
49/**
50 * Copyright 2015 Google Inc. All Rights Reserved.
51 *
52 * Licensed under the Apache License, Version 2.0 (the "License");
53 * you may not use this file except in compliance with the License.
54 * You may obtain a copy of the License at
55 *
56 * http://www.apache.org/licenses/LICENSE-2.0
57 *
58 * Unless required by applicable law or agreed to in writing, software
59 * distributed under the License is distributed on an "AS IS" BASIS,
60 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
61 * See the License for the specific language governing permissions and
62 * limitations under the License.
63 */
64/*------------------------------------* $CONTENTS
65\*------------------------------------*/
66/**
67 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
68 * -----Typography
69 * -----Colors
70 * -----Textfield
71 * -----Switch
72 * -----Spinner
73 * -----Radio
74 * -----Menu
75 * -----List
76 * -----Layout
77 * -----Icon toggles
78 * -----Footer
79 * -----Column
80 * -----Checkbox
81 * -----Card
82 * -----Button
83 * -----Animation
84 * -----Progress
85 * -----Badge
86 * -----Shadows
87 * -----Grid
88 * -----Data table
89 * -----Dialog
90 * -----Snackbar
91 * -----Tooltip
92 * -----Chip
93 *
94 * Even though all variables have the `!default` directive, most of them
95 * should not be changed as they are dependent one another. This can cause
96 * visual distortions (like alignment issues) that are hard to track down
97 * and fix.
98 */
99/* ========== TYPOGRAPHY ========== */
100/* We're splitting fonts into "preferred" and "performance" in order to optimize
101 page loading. For important text, such as the body, we want it to load
102 immediately and not wait for the web font load, whereas for other sections,
103 such as headers and titles, we're OK with things taking a bit longer to load.
104 We do have some optional classes and parameters in the mixins, in case you
105 definitely want to make sure you're using the preferred font and don't mind
106 the performance hit.
107 We should be able to improve on this once CSS Font Loading L3 becomes more
108 widely available.
109*/
110/* ========== COLORS ========== */
111/**
112*
113* Material design color palettes.
114* @see http://www.google.com/design/spec/style/color.html
115*
116**/
117/**
118 * Copyright 2015 Google Inc. All Rights Reserved.
119 *
120 * Licensed under the Apache License, Version 2.0 (the "License");
121 * you may not use this file except in compliance with the License.
122 * You may obtain a copy of the License at
123 *
124 * http://www.apache.org/licenses/LICENSE-2.0
125 *
126 * Unless required by applicable law or agreed to in writing, software
127 * distributed under the License is distributed on an "AS IS" BASIS,
128 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
129 * See the License for the specific language governing permissions and
130 * limitations under the License.
131 */
132/* ========== Color Palettes ========== */
133/* colors.scss */
134/**
135 * Copyright 2015 Google Inc. All Rights Reserved.
136 *
137 * Licensed under the Apache License, Version 2.0 (the "License");
138 * you may not use this file except in compliance with the License.
139 * You may obtain a copy of the License at
140 *
141 * http://www.apache.org/licenses/LICENSE-2.0
142 *
143 * Unless required by applicable law or agreed to in writing, software
144 * distributed under the License is distributed on an "AS IS" BASIS,
145 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
146 * See the License for the specific language governing permissions and
147 * limitations under the License.
148 */
149/* ========== IMAGES ========== */
150/* ========== Color & Themes ========== */
151/* ========== Typography ========== */
152/* ========== Components ========== */
153/* ========== Standard Buttons ========== */
154/* ========== Icon Toggles ========== */
155/* ========== Radio Buttons ========== */
156/* ========== Ripple effect ========== */
157/* ========== Layout ========== */
158/* ========== Content Tabs ========== */
159/* ========== Checkboxes ========== */
160/* ========== Switches ========== */
161/* ========== Spinner ========== */
162/* ========== Text fields ========== */
163/* ========== Card ========== */
164/* ========== Sliders ========== */
165/* ========== Progress ========== */
166/* ========== List ========== */
167/* ========== Item ========== */
168/* ========== Dropdown menu ========== */
169/* ========== Tooltips ========== */
170/* ========== Footer ========== */
171/* TEXTFIELD */
172/* SWITCH */
173/* SPINNER */
174/* RADIO */
175/* MENU */
176/* LIST */
177/* LAYOUT */
178/* ICON TOGGLE */
179/* FOOTER */
180/*mega-footer*/
181/*mini-footer*/
182/* CHECKBOX */
183/* CARD */
184/* Card dimensions */
185/* Cover image */
186/* BUTTON */
187/**
188 *
189 * Dimensions
190 *
191 */
192/* ANIMATION */
193/* PROGRESS */
194/* BADGE */
195/* SHADOWS */
196/* GRID */
197/* DATA TABLE */
198/* DIALOG */
199/* SNACKBAR */
200/* TOOLTIP */
201/* CHIP */
202/**
203 * Copyright 2015 Google Inc. All Rights Reserved.
204 *
205 * Licensed under the Apache License, Version 2.0 (the "License");
206 * you may not use this file except in compliance with the License.
207 * You may obtain a copy of the License at
208 *
209 * http://www.apache.org/licenses/LICENSE-2.0
210 *
211 * Unless required by applicable law or agreed to in writing, software
212 * distributed under the License is distributed on an "AS IS" BASIS,
213 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
214 * See the License for the specific language governing permissions and
215 * limitations under the License.
216 */
217/* Typography */
218/* Shadows */
219/* Animations */
220/* Dialog */
221/**
222 * Copyright 2015 Google Inc. All Rights Reserved.
223 *
224 * Licensed under the Apache License, Version 2.0 (the "License");
225 * you may not use this file except in compliance with the License.
226 * You may obtain a copy of the License at
227 *
228 * http://www.apache.org/licenses/LICENSE-2.0
229 *
230 * Unless required by applicable law or agreed to in writing, software
231 * distributed under the License is distributed on an "AS IS" BASIS,
232 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
233 * See the License for the specific language governing permissions and
234 * limitations under the License.
235 */
236/**
237 * Copyright 2015 Google Inc. All Rights Reserved.
238 *
239 * Licensed under the Apache License, Version 2.0 (the "License");
240 * you may not use this file except in compliance with the License.
241 * You may obtain a copy of the License at
242 *
243 * http://www.apache.org/licenses/LICENSE-2.0
244 *
245 * Unless required by applicable law or agreed to in writing, software
246 * distributed under the License is distributed on an "AS IS" BASIS,
247 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
248 * See the License for the specific language governing permissions and
249 * limitations under the License.
250 */
251/**
252 * Copyright 2015 Google Inc. All Rights Reserved.
253 *
254 * Licensed under the Apache License, Version 2.0 (the "License");
255 * you may not use this file except in compliance with the License.
256 * You may obtain a copy of the License at
257 *
258 * http://www.apache.org/licenses/LICENSE-2.0
259 *
260 * Unless required by applicable law or agreed to in writing, software
261 * distributed under the License is distributed on an "AS IS" BASIS,
262 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
263 * See the License for the specific language governing permissions and
264 * limitations under the License.
265 */
266/*------------------------------------* $CONTENTS
267\*------------------------------------*/
268/**
269 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
270 * -----Typography
271 * -----Colors
272 * -----Textfield
273 * -----Switch
274 * -----Spinner
275 * -----Radio
276 * -----Menu
277 * -----List
278 * -----Layout
279 * -----Icon toggles
280 * -----Footer
281 * -----Column
282 * -----Checkbox
283 * -----Card
284 * -----Button
285 * -----Animation
286 * -----Progress
287 * -----Badge
288 * -----Shadows
289 * -----Grid
290 * -----Data table
291 * -----Dialog
292 * -----Snackbar
293 * -----Tooltip
294 * -----Chip
295 *
296 * Even though all variables have the `!default` directive, most of them
297 * should not be changed as they are dependent one another. This can cause
298 * visual distortions (like alignment issues) that are hard to track down
299 * and fix.
300 */
301/* ========== TYPOGRAPHY ========== */
302/* We're splitting fonts into "preferred" and "performance" in order to optimize
303 page loading. For important text, such as the body, we want it to load
304 immediately and not wait for the web font load, whereas for other sections,
305 such as headers and titles, we're OK with things taking a bit longer to load.
306 We do have some optional classes and parameters in the mixins, in case you
307 definitely want to make sure you're using the preferred font and don't mind
308 the performance hit.
309 We should be able to improve on this once CSS Font Loading L3 becomes more
310 widely available.
311*/
312/* ========== COLORS ========== */
313/**
314*
315* Material design color palettes.
316* @see http://www.google.com/design/spec/style/color.html
317*
318**/
319/**
320 * Copyright 2015 Google Inc. All Rights Reserved.
321 *
322 * Licensed under the Apache License, Version 2.0 (the "License");
323 * you may not use this file except in compliance with the License.
324 * You may obtain a copy of the License at
325 *
326 * http://www.apache.org/licenses/LICENSE-2.0
327 *
328 * Unless required by applicable law or agreed to in writing, software
329 * distributed under the License is distributed on an "AS IS" BASIS,
330 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
331 * See the License for the specific language governing permissions and
332 * limitations under the License.
333 */
334/* ========== Color Palettes ========== */
335/* colors.scss */
336/**
337 * Copyright 2015 Google Inc. All Rights Reserved.
338 *
339 * Licensed under the Apache License, Version 2.0 (the "License");
340 * you may not use this file except in compliance with the License.
341 * You may obtain a copy of the License at
342 *
343 * http://www.apache.org/licenses/LICENSE-2.0
344 *
345 * Unless required by applicable law or agreed to in writing, software
346 * distributed under the License is distributed on an "AS IS" BASIS,
347 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
348 * See the License for the specific language governing permissions and
349 * limitations under the License.
350 */
351/* ========== IMAGES ========== */
352/* ========== Color & Themes ========== */
353/* ========== Typography ========== */
354/* ========== Components ========== */
355/* ========== Standard Buttons ========== */
356/* ========== Icon Toggles ========== */
357/* ========== Radio Buttons ========== */
358/* ========== Ripple effect ========== */
359/* ========== Layout ========== */
360/* ========== Content Tabs ========== */
361/* ========== Checkboxes ========== */
362/* ========== Switches ========== */
363/* ========== Spinner ========== */
364/* ========== Text fields ========== */
365/* ========== Card ========== */
366/* ========== Sliders ========== */
367/* ========== Progress ========== */
368/* ========== List ========== */
369/* ========== Item ========== */
370/* ========== Dropdown menu ========== */
371/* ========== Tooltips ========== */
372/* ========== Footer ========== */
373/* TEXTFIELD */
374/* SWITCH */
375/* SPINNER */
376/* RADIO */
377/* MENU */
378/* LIST */
379/* LAYOUT */
380/* ICON TOGGLE */
381/* FOOTER */
382/*mega-footer*/
383/*mini-footer*/
384/* CHECKBOX */
385/* CARD */
386/* Card dimensions */
387/* Cover image */
388/* BUTTON */
389/**
390 *
391 * Dimensions
392 *
393 */
394/* ANIMATION */
395/* PROGRESS */
396/* BADGE */
397/* SHADOWS */
398/* GRID */
399/* DATA TABLE */
400/* DIALOG */
401/* SNACKBAR */
402/* TOOLTIP */
403/* CHIP */
404/*
405 * What follows is the result of much research on cross-browser styling.
406 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
407 * Kroc Camen, and the H5BP dev community and team.
408 */
409/* ==========================================================================
410 Base styles: opinionated defaults
411 ========================================================================== */
412html {
413 color: rgba(0,0,0, 0.87);
414 font-size: 1em;
415 line-height: 1.4; }
416
417/*
418 * Remove text-shadow in selection highlight:
419 * https://twitter.com/miketaylr/status/12228805301
420 *
421 * These selection rule sets have to be separate.
422 * Customize the background color to match your design.
423 */
424::-moz-selection {
425 background: #b3d4fc;
426 text-shadow: none; }
427::selection {
428 background: #b3d4fc;
429 text-shadow: none; }
430
431/*
432 * A better looking default horizontal rule
433 */
434hr {
435 display: block;
436 height: 1px;
437 border: 0;
438 border-top: 1px solid #ccc;
439 margin: 1em 0;
440 padding: 0; }
441
442/*
443 * Remove the gap between audio, canvas, iframes,
444 * images, videos and the bottom of their containers:
445 * https://github.com/h5bp/html5-boilerplate/issues/440
446 */
447audio,
448canvas,
449iframe,
450img,
451svg,
452video {
453 vertical-align: middle; }
454
455/*
456 * Remove default fieldset styles.
457 */
458fieldset {
459 border: 0;
460 margin: 0;
461 padding: 0; }
462
463/*
464 * Allow only vertical resizing of textareas.
465 */
466textarea {
467 resize: vertical; }
468
469/* ==========================================================================
470 Browser Upgrade Prompt
471 ========================================================================== */
472.browserupgrade {
473 margin: 0.2em 0;
474 background: #ccc;
475 color: #000;
476 padding: 0.2em 0; }
477
478/* ==========================================================================
479 Author's custom styles
480 ========================================================================== */
481/* ==========================================================================
482 Helper classes
483 ========================================================================== */
484/*
485 * Hide visually and from screen readers:
486 */
487.hidden {
488 display: none !important; }
489
490/*
491 * Hide only visually, but have it available for screen readers:
492 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
493 */
494.visuallyhidden {
495 border: 0;
496 clip: rect(0 0 0 0);
497 height: 1px;
498 margin: -1px;
499 overflow: hidden;
500 padding: 0;
501 position: absolute;
502 width: 1px; }
503
504/*
505 * Extends the .visuallyhidden class to allow the element
506 * to be focusable when navigated to via the keyboard:
507 * https://www.drupal.org/node/897638
508 */
509.visuallyhidden.focusable:active,
510.visuallyhidden.focusable:focus {
511 clip: auto;
512 height: auto;
513 margin: 0;
514 overflow: visible;
515 position: static;
516 width: auto; }
517
518/*
519 * Hide visually and from screen readers, but maintain layout
520 */
521.invisible {
522 visibility: hidden; }
523
524/*
525 * Clearfix: contain floats
526 *
527 * For modern browsers
528 * 1. The space content is one way to avoid an Opera bug when the
529 * `contenteditable` attribute is included anywhere else in the document.
530 * Otherwise it causes space to appear at the top and bottom of elements
531 * that receive the `clearfix` class.
532 * 2. The use of `table` rather than `block` is only necessary if using
533 * `:before` to contain the top-margins of child elements.
534 */
535.clearfix:before,
536.clearfix:after {
537 content: " ";
538 /* 1 */
539 display: table;
540 /* 2 */ }
541
542.clearfix:after {
543 clear: both; }
544
545/* ==========================================================================
546 EXAMPLE Media Queries for Responsive Design.
547 These examples override the primary ('mobile first') styles.
548 Modify as content requires.
549 ========================================================================== */
550@media only screen and (min-width: 35em) {
551 /* Style adjustments for viewports that meet the condition */ }
552
553@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
554 /* Style adjustments for high resolution devices */ }
555
556/* ==========================================================================
557 Print styles.
558 Inlined to avoid the additional HTTP request:
559 http://www.phpied.com/delay-loading-your-print-css/
560 ========================================================================== */
561@media print {
562 *,
563 *:before,
564 *:after,
565 *:first-letter {
566 background: transparent !important;
567 color: #000 !important;
568 /* Black prints faster: http://www.sanbeiji.com/archives/953 */
569 box-shadow: none !important; }
570 a,
571 a:visited {
572 text-decoration: underline; }
573 a[href]:after {
574 content: " (" attr(href) ")"; }
575 abbr[title]:after {
576 content: " (" attr(title) ")"; }
577 /*
578 * Don't show links that are fragment identifiers,
579 * or use the `javascript:` pseudo protocol
580 */
581 a[href^="#"]:after,
582 a[href^="javascript:"]:after {
583 content: ""; }
584 pre,
585 blockquote {
586 border: 1px solid #999;
587 page-break-inside: avoid; }
588 /*
589 * Printing Tables:
590 * http://css-discuss.incutio.com/wiki/Printing_Tables
591 */
592 thead {
593 display: table-header-group; }
594 tr,
595 img {
596 page-break-inside: avoid; }
597 img {
598 max-width: 100% !important; }
599 p,
600 h2,
601 h3 {
602 orphans: 3;
603 widows: 3; }
604 h2,
605 h3 {
606 page-break-after: avoid; } }
607
608/**
609 * Copyright 2015 Google Inc. All Rights Reserved.
610 *
611 * Licensed under the Apache License, Version 2.0 (the "License");
612 * you may not use this file except in compliance with the License.
613 * You may obtain a copy of the License at
614 *
615 * http://www.apache.org/licenses/LICENSE-2.0
616 *
617 * Unless required by applicable law or agreed to in writing, software
618 * distributed under the License is distributed on an "AS IS" BASIS,
619 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
620 * See the License for the specific language governing permissions and
621 * limitations under the License.
622 */
623/* Remove the unwanted box around FAB buttons */
624/* More info: http://goo.gl/IPwKi */
625a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
626.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
627 -webkit-tap-highlight-color: transparent;
628 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
629
630/*
631 * Make html take up the entire screen
632 * Then set touch-action to avoid touch delay on mobile IE
633 */
634html {
635 width: 100%;
636 height: 100%;
637 -ms-touch-action: manipulation;
638 touch-action: manipulation; }
639
640/*
641* Make body take up the entire screen
642* Remove body margin so layout containers don't cause extra overflow.
643*/
644body {
645 width: 100%;
646 min-height: 100%;
647 margin: 0; }
648
649/*
650 * Main display reset for IE support.
651 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
652 */
653main {
654 display: block; }
655
656/*
657* Apply no display to elements with the hidden attribute.
658* IE 9 and 10 support.
659*/
660*[hidden] {
661 display: none !important; }
662
663/**
664 * Copyright 2015 Google Inc. All Rights Reserved.
665 *
666 * Licensed under the Apache License, Version 2.0 (the "License");
667 * you may not use this file except in compliance with the License.
668 * You may obtain a copy of the License at
669 *
670 * http://www.apache.org/licenses/LICENSE-2.0
671 *
672 * Unless required by applicable law or agreed to in writing, software
673 * distributed under the License is distributed on an "AS IS" BASIS,
674 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
675 * See the License for the specific language governing permissions and
676 * limitations under the License.
677 */
678/**
679 * Copyright 2015 Google Inc. All Rights Reserved.
680 *
681 * Licensed under the Apache License, Version 2.0 (the "License");
682 * you may not use this file except in compliance with the License.
683 * You may obtain a copy of the License at
684 *
685 * http://www.apache.org/licenses/LICENSE-2.0
686 *
687 * Unless required by applicable law or agreed to in writing, software
688 * distributed under the License is distributed on an "AS IS" BASIS,
689 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
690 * See the License for the specific language governing permissions and
691 * limitations under the License.
692 */
693/*------------------------------------* $CONTENTS
694\*------------------------------------*/
695/**
696 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
697 * -----Typography
698 * -----Colors
699 * -----Textfield
700 * -----Switch
701 * -----Spinner
702 * -----Radio
703 * -----Menu
704 * -----List
705 * -----Layout
706 * -----Icon toggles
707 * -----Footer
708 * -----Column
709 * -----Checkbox
710 * -----Card
711 * -----Button
712 * -----Animation
713 * -----Progress
714 * -----Badge
715 * -----Shadows
716 * -----Grid
717 * -----Data table
718 * -----Dialog
719 * -----Snackbar
720 * -----Tooltip
721 * -----Chip
722 *
723 * Even though all variables have the `!default` directive, most of them
724 * should not be changed as they are dependent one another. This can cause
725 * visual distortions (like alignment issues) that are hard to track down
726 * and fix.
727 */
728/* ========== TYPOGRAPHY ========== */
729/* We're splitting fonts into "preferred" and "performance" in order to optimize
730 page loading. For important text, such as the body, we want it to load
731 immediately and not wait for the web font load, whereas for other sections,
732 such as headers and titles, we're OK with things taking a bit longer to load.
733 We do have some optional classes and parameters in the mixins, in case you
734 definitely want to make sure you're using the preferred font and don't mind
735 the performance hit.
736 We should be able to improve on this once CSS Font Loading L3 becomes more
737 widely available.
738*/
739/* ========== COLORS ========== */
740/**
741*
742* Material design color palettes.
743* @see http://www.google.com/design/spec/style/color.html
744*
745**/
746/**
747 * Copyright 2015 Google Inc. All Rights Reserved.
748 *
749 * Licensed under the Apache License, Version 2.0 (the "License");
750 * you may not use this file except in compliance with the License.
751 * You may obtain a copy of the License at
752 *
753 * http://www.apache.org/licenses/LICENSE-2.0
754 *
755 * Unless required by applicable law or agreed to in writing, software
756 * distributed under the License is distributed on an "AS IS" BASIS,
757 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
758 * See the License for the specific language governing permissions and
759 * limitations under the License.
760 */
761/* ========== Color Palettes ========== */
762/* colors.scss */
763/**
764 * Copyright 2015 Google Inc. All Rights Reserved.
765 *
766 * Licensed under the Apache License, Version 2.0 (the "License");
767 * you may not use this file except in compliance with the License.
768 * You may obtain a copy of the License at
769 *
770 * http://www.apache.org/licenses/LICENSE-2.0
771 *
772 * Unless required by applicable law or agreed to in writing, software
773 * distributed under the License is distributed on an "AS IS" BASIS,
774 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
775 * See the License for the specific language governing permissions and
776 * limitations under the License.
777 */
778/* ========== IMAGES ========== */
779/* ========== Color & Themes ========== */
780/* ========== Typography ========== */
781/* ========== Components ========== */
782/* ========== Standard Buttons ========== */
783/* ========== Icon Toggles ========== */
784/* ========== Radio Buttons ========== */
785/* ========== Ripple effect ========== */
786/* ========== Layout ========== */
787/* ========== Content Tabs ========== */
788/* ========== Checkboxes ========== */
789/* ========== Switches ========== */
790/* ========== Spinner ========== */
791/* ========== Text fields ========== */
792/* ========== Card ========== */
793/* ========== Sliders ========== */
794/* ========== Progress ========== */
795/* ========== List ========== */
796/* ========== Item ========== */
797/* ========== Dropdown menu ========== */
798/* ========== Tooltips ========== */
799/* ========== Footer ========== */
800/* TEXTFIELD */
801/* SWITCH */
802/* SPINNER */
803/* RADIO */
804/* MENU */
805/* LIST */
806/* LAYOUT */
807/* ICON TOGGLE */
808/* FOOTER */
809/*mega-footer*/
810/*mini-footer*/
811/* CHECKBOX */
812/* CARD */
813/* Card dimensions */
814/* Cover image */
815/* BUTTON */
816/**
817 *
818 * Dimensions
819 *
820 */
821/* ANIMATION */
822/* PROGRESS */
823/* BADGE */
824/* SHADOWS */
825/* GRID */
826/* DATA TABLE */
827/* DIALOG */
828/* SNACKBAR */
829/* TOOLTIP */
830/* CHIP */
831/**
832 * Copyright 2015 Google Inc. All Rights Reserved.
833 *
834 * Licensed under the Apache License, Version 2.0 (the "License");
835 * you may not use this file except in compliance with the License.
836 * You may obtain a copy of the License at
837 *
838 * http://www.apache.org/licenses/LICENSE-2.0
839 *
840 * Unless required by applicable law or agreed to in writing, software
841 * distributed under the License is distributed on an "AS IS" BASIS,
842 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
843 * See the License for the specific language governing permissions and
844 * limitations under the License.
845 */
846/* Typography */
847/* Shadows */
848/* Animations */
849/* Dialog */
850html, body {
851 font-family: "Helvetica", "Arial", sans-serif;
852 font-size: 14px;
853 font-weight: 400;
854 line-height: 20px; }
855
856h1, h2, h3, h4, h5, h6, p {
857 margin: 0;
858 padding: 0; }
859
860/**
861 * Styles for HTML elements
862 */
863h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
864 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
865 font-size: 56px;
866 font-weight: 400;
867 line-height: 1.35;
868 letter-spacing: -0.02em;
869 opacity: 0.54;
870 font-size: 0.6em; }
871
872h1 {
873 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
874 font-size: 56px;
875 font-weight: 400;
876 line-height: 1.35;
877 letter-spacing: -0.02em;
878 margin-top: 24px;
879 margin-bottom: 24px; }
880
881h2 {
882 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
883 font-size: 45px;
884 font-weight: 400;
885 line-height: 48px;
886 margin-top: 24px;
887 margin-bottom: 24px; }
888
889h3 {
890 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
891 font-size: 34px;
892 font-weight: 400;
893 line-height: 40px;
894 margin-top: 24px;
895 margin-bottom: 24px; }
896
897h4 {
898 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
899 font-size: 24px;
900 font-weight: 400;
901 line-height: 32px;
902 -moz-osx-font-smoothing: grayscale;
903 margin-top: 24px;
904 margin-bottom: 16px; }
905
906h5 {
907 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
908 font-size: 20px;
909 font-weight: 500;
910 line-height: 1;
911 letter-spacing: 0.02em;
912 margin-top: 24px;
913 margin-bottom: 16px; }
914
915h6 {
916 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
917 font-size: 16px;
918 font-weight: 400;
919 line-height: 24px;
920 letter-spacing: 0.04em;
921 margin-top: 24px;
922 margin-bottom: 16px; }
923
924p {
925 font-size: 14px;
926 font-weight: 400;
927 line-height: 24px;
928 letter-spacing: 0;
929 margin-bottom: 16px; }
930
931a {
932 color: rgb($color-accent);
933 font-weight: 500; }
934
935blockquote {
936 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
937 position: relative;
938 font-size: 24px;
939 font-weight: 300;
940 font-style: italic;
941 line-height: 1.35;
942 letter-spacing: 0.08em; }
943 blockquote:before {
944 position: absolute;
945 left: -0.5em;
946 content: '“'; }
947 blockquote:after {
948 content: '”';
949 margin-left: -0.05em; }
950
951mark {
952 background-color: #f4ff81; }
953
954dt {
955 font-weight: 700; }
956
957address {
958 font-size: 12px;
959 font-weight: 400;
960 line-height: 1;
961 letter-spacing: 0;
962 font-style: normal; }
963
964ul, ol {
965 font-size: 14px;
966 font-weight: 400;
967 line-height: 24px;
968 letter-spacing: 0; }
969
970/**
971 * Class Name Styles
972 */
973.mdl-typography--display-4 {
974 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
975 font-size: 112px;
976 font-weight: 300;
977 line-height: 1;
978 letter-spacing: -0.04em; }
979
980.mdl-typography--display-4-color-contrast {
981 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
982 font-size: 112px;
983 font-weight: 300;
984 line-height: 1;
985 letter-spacing: -0.04em;
986 opacity: 0.54; }
987
988.mdl-typography--display-3 {
989 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
990 font-size: 56px;
991 font-weight: 400;
992 line-height: 1.35;
993 letter-spacing: -0.02em; }
994
995.mdl-typography--display-3-color-contrast {
996 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
997 font-size: 56px;
998 font-weight: 400;
999 line-height: 1.35;
1000 letter-spacing: -0.02em;
1001 opacity: 0.54; }
1002
1003.mdl-typography--display-2 {
1004 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1005 font-size: 45px;
1006 font-weight: 400;
1007 line-height: 48px; }
1008
1009.mdl-typography--display-2-color-contrast {
1010 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1011 font-size: 45px;
1012 font-weight: 400;
1013 line-height: 48px;
1014 opacity: 0.54; }
1015
1016.mdl-typography--display-1 {
1017 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1018 font-size: 34px;
1019 font-weight: 400;
1020 line-height: 40px; }
1021
1022.mdl-typography--display-1-color-contrast {
1023 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1024 font-size: 34px;
1025 font-weight: 400;
1026 line-height: 40px;
1027 opacity: 0.54; }
1028
1029.mdl-typography--headline {
1030 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1031 font-size: 24px;
1032 font-weight: 400;
1033 line-height: 32px;
1034 -moz-osx-font-smoothing: grayscale; }
1035
1036.mdl-typography--headline-color-contrast {
1037 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1038 font-size: 24px;
1039 font-weight: 400;
1040 line-height: 32px;
1041 -moz-osx-font-smoothing: grayscale;
1042 opacity: 0.87; }
1043
1044.mdl-typography--title {
1045 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1046 font-size: 20px;
1047 font-weight: 500;
1048 line-height: 1;
1049 letter-spacing: 0.02em; }
1050
1051.mdl-typography--title-color-contrast {
1052 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1053 font-size: 20px;
1054 font-weight: 500;
1055 line-height: 1;
1056 letter-spacing: 0.02em;
1057 opacity: 0.87; }
1058
1059.mdl-typography--subhead {
1060 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1061 font-size: 16px;
1062 font-weight: 400;
1063 line-height: 24px;
1064 letter-spacing: 0.04em; }
1065
1066.mdl-typography--subhead-color-contrast {
1067 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1068 font-size: 16px;
1069 font-weight: 400;
1070 line-height: 24px;
1071 letter-spacing: 0.04em;
1072 opacity: 0.87; }
1073
1074.mdl-typography--body-2 {
1075 font-size: 14px;
1076 font-weight: bold;
1077 line-height: 24px;
1078 letter-spacing: 0; }
1079
1080.mdl-typography--body-2-color-contrast {
1081 font-size: 14px;
1082 font-weight: bold;
1083 line-height: 24px;
1084 letter-spacing: 0;
1085 opacity: 0.87; }
1086
1087.mdl-typography--body-1 {
1088 font-size: 14px;
1089 font-weight: 400;
1090 line-height: 24px;
1091 letter-spacing: 0; }
1092
1093.mdl-typography--body-1-color-contrast {
1094 font-size: 14px;
1095 font-weight: 400;
1096 line-height: 24px;
1097 letter-spacing: 0;
1098 opacity: 0.87; }
1099
1100.mdl-typography--body-2-force-preferred-font {
1101 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1102 font-size: 14px;
1103 font-weight: 500;
1104 line-height: 24px;
1105 letter-spacing: 0; }
1106
1107.mdl-typography--body-2-force-preferred-font-color-contrast {
1108 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1109 font-size: 14px;
1110 font-weight: 500;
1111 line-height: 24px;
1112 letter-spacing: 0;
1113 opacity: 0.87; }
1114
1115.mdl-typography--body-1-force-preferred-font {
1116 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1117 font-size: 14px;
1118 font-weight: 400;
1119 line-height: 24px;
1120 letter-spacing: 0; }
1121
1122.mdl-typography--body-1-force-preferred-font-color-contrast {
1123 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1124 font-size: 14px;
1125 font-weight: 400;
1126 line-height: 24px;
1127 letter-spacing: 0;
1128 opacity: 0.87; }
1129
1130.mdl-typography--caption {
1131 font-size: 12px;
1132 font-weight: 400;
1133 line-height: 1;
1134 letter-spacing: 0; }
1135
1136.mdl-typography--caption-force-preferred-font {
1137 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1138 font-size: 12px;
1139 font-weight: 400;
1140 line-height: 1;
1141 letter-spacing: 0; }
1142
1143.mdl-typography--caption-color-contrast {
1144 font-size: 12px;
1145 font-weight: 400;
1146 line-height: 1;
1147 letter-spacing: 0;
1148 opacity: 0.54; }
1149
1150.mdl-typography--caption-force-preferred-font-color-contrast {
1151 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1152 font-size: 12px;
1153 font-weight: 400;
1154 line-height: 1;
1155 letter-spacing: 0;
1156 opacity: 0.54; }
1157
1158.mdl-typography--menu {
1159 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1160 font-size: 14px;
1161 font-weight: 500;
1162 line-height: 1;
1163 letter-spacing: 0; }
1164
1165.mdl-typography--menu-color-contrast {
1166 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1167 font-size: 14px;
1168 font-weight: 500;
1169 line-height: 1;
1170 letter-spacing: 0;
1171 opacity: 0.87; }
1172
1173.mdl-typography--button {
1174 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1175 font-size: 14px;
1176 font-weight: 500;
1177 text-transform: uppercase;
1178 line-height: 1;
1179 letter-spacing: 0; }
1180
1181.mdl-typography--button-color-contrast {
1182 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1183 font-size: 14px;
1184 font-weight: 500;
1185 text-transform: uppercase;
1186 line-height: 1;
1187 letter-spacing: 0;
1188 opacity: 0.87; }
1189
1190.mdl-typography--text-left {
1191 text-align: left; }
1192
1193.mdl-typography--text-right {
1194 text-align: right; }
1195
1196.mdl-typography--text-center {
1197 text-align: center; }
1198
1199.mdl-typography--text-justify {
1200 text-align: justify; }
1201
1202.mdl-typography--text-nowrap {
1203 white-space: nowrap; }
1204
1205.mdl-typography--text-lowercase {
1206 text-transform: lowercase; }
1207
1208.mdl-typography--text-uppercase {
1209 text-transform: uppercase; }
1210
1211.mdl-typography--text-capitalize {
1212 text-transform: capitalize; }
1213
1214.mdl-typography--font-thin {
1215 font-weight: 200 !important; }
1216
1217.mdl-typography--font-light {
1218 font-weight: 300 !important; }
1219
1220.mdl-typography--font-regular {
1221 font-weight: 400 !important; }
1222
1223.mdl-typography--font-medium {
1224 font-weight: 500 !important; }
1225
1226.mdl-typography--font-bold {
1227 font-weight: 700 !important; }
1228
1229.mdl-typography--font-black {
1230 font-weight: 900 !important; }
1231
1232.material-icons {
1233 font-family: 'Material Icons';
1234 font-weight: normal;
1235 font-style: normal;
1236 font-size: 24px;
1237 line-height: 1;
1238 letter-spacing: normal;
1239 text-transform: none;
1240 display: inline-block;
1241 word-wrap: normal;
1242 -moz-font-feature-settings: 'liga';
1243 font-feature-settings: 'liga';
1244 -webkit-font-feature-settings: 'liga';
1245 -webkit-font-smoothing: antialiased; }
1246
1247/**
1248 * Copyright 2015 Google Inc. All Rights Reserved.
1249 *
1250 * Licensed under the Apache License, Version 2.0 (the "License");
1251 * you may not use this file except in compliance with the License.
1252 * You may obtain a copy of the License at
1253 *
1254 * http://www.apache.org/licenses/LICENSE-2.0
1255 *
1256 * Unless required by applicable law or agreed to in writing, software
1257 * distributed under the License is distributed on an "AS IS" BASIS,
1258 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1259 * See the License for the specific language governing permissions and
1260 * limitations under the License.
1261 */
1262/**
1263 * Copyright 2015 Google Inc. All Rights Reserved.
1264 *
1265 * Licensed under the Apache License, Version 2.0 (the "License");
1266 * you may not use this file except in compliance with the License.
1267 * You may obtain a copy of the License at
1268 *
1269 * http://www.apache.org/licenses/LICENSE-2.0
1270 *
1271 * Unless required by applicable law or agreed to in writing, software
1272 * distributed under the License is distributed on an "AS IS" BASIS,
1273 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1274 * See the License for the specific language governing permissions and
1275 * limitations under the License.
1276 */
1277/*------------------------------------* $CONTENTS
1278\*------------------------------------*/
1279/**
1280 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
1281 * -----Typography
1282 * -----Colors
1283 * -----Textfield
1284 * -----Switch
1285 * -----Spinner
1286 * -----Radio
1287 * -----Menu
1288 * -----List
1289 * -----Layout
1290 * -----Icon toggles
1291 * -----Footer
1292 * -----Column
1293 * -----Checkbox
1294 * -----Card
1295 * -----Button
1296 * -----Animation
1297 * -----Progress
1298 * -----Badge
1299 * -----Shadows
1300 * -----Grid
1301 * -----Data table
1302 * -----Dialog
1303 * -----Snackbar
1304 * -----Tooltip
1305 * -----Chip
1306 *
1307 * Even though all variables have the `!default` directive, most of them
1308 * should not be changed as they are dependent one another. This can cause
1309 * visual distortions (like alignment issues) that are hard to track down
1310 * and fix.
1311 */
1312/* ========== TYPOGRAPHY ========== */
1313/* We're splitting fonts into "preferred" and "performance" in order to optimize
1314 page loading. For important text, such as the body, we want it to load
1315 immediately and not wait for the web font load, whereas for other sections,
1316 such as headers and titles, we're OK with things taking a bit longer to load.
1317 We do have some optional classes and parameters in the mixins, in case you
1318 definitely want to make sure you're using the preferred font and don't mind
1319 the performance hit.
1320 We should be able to improve on this once CSS Font Loading L3 becomes more
1321 widely available.
1322*/
1323/* ========== COLORS ========== */
1324/**
1325*
1326* Material design color palettes.
1327* @see http://www.google.com/design/spec/style/color.html
1328*
1329**/
1330/**
1331 * Copyright 2015 Google Inc. All Rights Reserved.
1332 *
1333 * Licensed under the Apache License, Version 2.0 (the "License");
1334 * you may not use this file except in compliance with the License.
1335 * You may obtain a copy of the License at
1336 *
1337 * http://www.apache.org/licenses/LICENSE-2.0
1338 *
1339 * Unless required by applicable law or agreed to in writing, software
1340 * distributed under the License is distributed on an "AS IS" BASIS,
1341 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1342 * See the License for the specific language governing permissions and
1343 * limitations under the License.
1344 */
1345/* ========== Color Palettes ========== */
1346/* colors.scss */
1347/**
1348 * Copyright 2015 Google Inc. All Rights Reserved.
1349 *
1350 * Licensed under the Apache License, Version 2.0 (the "License");
1351 * you may not use this file except in compliance with the License.
1352 * You may obtain a copy of the License at
1353 *
1354 * http://www.apache.org/licenses/LICENSE-2.0
1355 *
1356 * Unless required by applicable law or agreed to in writing, software
1357 * distributed under the License is distributed on an "AS IS" BASIS,
1358 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1359 * See the License for the specific language governing permissions and
1360 * limitations under the License.
1361 */
1362/* ========== IMAGES ========== */
1363/* ========== Color & Themes ========== */
1364/* ========== Typography ========== */
1365/* ========== Components ========== */
1366/* ========== Standard Buttons ========== */
1367/* ========== Icon Toggles ========== */
1368/* ========== Radio Buttons ========== */
1369/* ========== Ripple effect ========== */
1370/* ========== Layout ========== */
1371/* ========== Content Tabs ========== */
1372/* ========== Checkboxes ========== */
1373/* ========== Switches ========== */
1374/* ========== Spinner ========== */
1375/* ========== Text fields ========== */
1376/* ========== Card ========== */
1377/* ========== Sliders ========== */
1378/* ========== Progress ========== */
1379/* ========== List ========== */
1380/* ========== Item ========== */
1381/* ========== Dropdown menu ========== */
1382/* ========== Tooltips ========== */
1383/* ========== Footer ========== */
1384/* TEXTFIELD */
1385/* SWITCH */
1386/* SPINNER */
1387/* RADIO */
1388/* MENU */
1389/* LIST */
1390/* LAYOUT */
1391/* ICON TOGGLE */
1392/* FOOTER */
1393/*mega-footer*/
1394/*mini-footer*/
1395/* CHECKBOX */
1396/* CARD */
1397/* Card dimensions */
1398/* Cover image */
1399/* BUTTON */
1400/**
1401 *
1402 * Dimensions
1403 *
1404 */
1405/* ANIMATION */
1406/* PROGRESS */
1407/* BADGE */
1408/* SHADOWS */
1409/* GRID */
1410/* DATA TABLE */
1411/* DIALOG */
1412/* SNACKBAR */
1413/* TOOLTIP */
1414/* CHIP */
1415.mdl-color-text--red {
1416 color: rgb(244,67,54) !important; }
1417
1418.mdl-color--red {
1419 background-color: rgb(244,67,54) !important; }
1420
1421.mdl-color-text--red-50 {
1422 color: rgb(255,235,238) !important; }
1423
1424.mdl-color--red-50 {
1425 background-color: rgb(255,235,238) !important; }
1426
1427.mdl-color-text--red-100 {
1428 color: rgb(255,205,210) !important; }
1429
1430.mdl-color--red-100 {
1431 background-color: rgb(255,205,210) !important; }
1432
1433.mdl-color-text--red-200 {
1434 color: rgb(239,154,154) !important; }
1435
1436.mdl-color--red-200 {
1437 background-color: rgb(239,154,154) !important; }
1438
1439.mdl-color-text--red-300 {
1440 color: rgb(229,115,115) !important; }
1441
1442.mdl-color--red-300 {
1443 background-color: rgb(229,115,115) !important; }
1444
1445.mdl-color-text--red-400 {
1446 color: rgb(239,83,80) !important; }
1447
1448.mdl-color--red-400 {
1449 background-color: rgb(239,83,80) !important; }
1450
1451.mdl-color-text--red-500 {
1452 color: rgb(244,67,54) !important; }
1453
1454.mdl-color--red-500 {
1455 background-color: rgb(244,67,54) !important; }
1456
1457.mdl-color-text--red-600 {
1458 color: rgb(229,57,53) !important; }
1459
1460.mdl-color--red-600 {
1461 background-color: rgb(229,57,53) !important; }
1462
1463.mdl-color-text--red-700 {
1464 color: rgb(211,47,47) !important; }
1465
1466.mdl-color--red-700 {
1467 background-color: rgb(211,47,47) !important; }
1468
1469.mdl-color-text--red-800 {
1470 color: rgb(198,40,40) !important; }
1471
1472.mdl-color--red-800 {
1473 background-color: rgb(198,40,40) !important; }
1474
1475.mdl-color-text--red-900 {
1476 color: rgb(183,28,28) !important; }
1477
1478.mdl-color--red-900 {
1479 background-color: rgb(183,28,28) !important; }
1480
1481.mdl-color-text--red-A100 {
1482 color: rgb(255,138,128) !important; }
1483
1484.mdl-color--red-A100 {
1485 background-color: rgb(255,138,128) !important; }
1486
1487.mdl-color-text--red-A200 {
1488 color: rgb(255,82,82) !important; }
1489
1490.mdl-color--red-A200 {
1491 background-color: rgb(255,82,82) !important; }
1492
1493.mdl-color-text--red-A400 {
1494 color: rgb(255,23,68) !important; }
1495
1496.mdl-color--red-A400 {
1497 background-color: rgb(255,23,68) !important; }
1498
1499.mdl-color-text--red-A700 {
1500 color: rgb(213,0,0) !important; }
1501
1502.mdl-color--red-A700 {
1503 background-color: rgb(213,0,0) !important; }
1504
1505.mdl-color-text--pink {
1506 color: rgb(233,30,99) !important; }
1507
1508.mdl-color--pink {
1509 background-color: rgb(233,30,99) !important; }
1510
1511.mdl-color-text--pink-50 {
1512 color: rgb(252,228,236) !important; }
1513
1514.mdl-color--pink-50 {
1515 background-color: rgb(252,228,236) !important; }
1516
1517.mdl-color-text--pink-100 {
1518 color: rgb(248,187,208) !important; }
1519
1520.mdl-color--pink-100 {
1521 background-color: rgb(248,187,208) !important; }
1522
1523.mdl-color-text--pink-200 {
1524 color: rgb(244,143,177) !important; }
1525
1526.mdl-color--pink-200 {
1527 background-color: rgb(244,143,177) !important; }
1528
1529.mdl-color-text--pink-300 {
1530 color: rgb(240,98,146) !important; }
1531
1532.mdl-color--pink-300 {
1533 background-color: rgb(240,98,146) !important; }
1534
1535.mdl-color-text--pink-400 {
1536 color: rgb(236,64,122) !important; }
1537
1538.mdl-color--pink-400 {
1539 background-color: rgb(236,64,122) !important; }
1540
1541.mdl-color-text--pink-500 {
1542 color: rgb(233,30,99) !important; }
1543
1544.mdl-color--pink-500 {
1545 background-color: rgb(233,30,99) !important; }
1546
1547.mdl-color-text--pink-600 {
1548 color: rgb(216,27,96) !important; }
1549
1550.mdl-color--pink-600 {
1551 background-color: rgb(216,27,96) !important; }
1552
1553.mdl-color-text--pink-700 {
1554 color: rgb(194,24,91) !important; }
1555
1556.mdl-color--pink-700 {
1557 background-color: rgb(194,24,91) !important; }
1558
1559.mdl-color-text--pink-800 {
1560 color: rgb(173,20,87) !important; }
1561
1562.mdl-color--pink-800 {
1563 background-color: rgb(173,20,87) !important; }
1564
1565.mdl-color-text--pink-900 {
1566 color: rgb(136,14,79) !important; }
1567
1568.mdl-color--pink-900 {
1569 background-color: rgb(136,14,79) !important; }
1570
1571.mdl-color-text--pink-A100 {
1572 color: rgb(255,128,171) !important; }
1573
1574.mdl-color--pink-A100 {
1575 background-color: rgb(255,128,171) !important; }
1576
1577.mdl-color-text--pink-A200 {
1578 color: rgb(255,64,129) !important; }
1579
1580.mdl-color--pink-A200 {
1581 background-color: rgb(255,64,129) !important; }
1582
1583.mdl-color-text--pink-A400 {
1584 color: rgb(245,0,87) !important; }
1585
1586.mdl-color--pink-A400 {
1587 background-color: rgb(245,0,87) !important; }
1588
1589.mdl-color-text--pink-A700 {
1590 color: rgb(197,17,98) !important; }
1591
1592.mdl-color--pink-A700 {
1593 background-color: rgb(197,17,98) !important; }
1594
1595.mdl-color-text--purple {
1596 color: rgb(156,39,176) !important; }
1597
1598.mdl-color--purple {
1599 background-color: rgb(156,39,176) !important; }
1600
1601.mdl-color-text--purple-50 {
1602 color: rgb(243,229,245) !important; }
1603
1604.mdl-color--purple-50 {
1605 background-color: rgb(243,229,245) !important; }
1606
1607.mdl-color-text--purple-100 {
1608 color: rgb(225,190,231) !important; }
1609
1610.mdl-color--purple-100 {
1611 background-color: rgb(225,190,231) !important; }
1612
1613.mdl-color-text--purple-200 {
1614 color: rgb(206,147,216) !important; }
1615
1616.mdl-color--purple-200 {
1617 background-color: rgb(206,147,216) !important; }
1618
1619.mdl-color-text--purple-300 {
1620 color: rgb(186,104,200) !important; }
1621
1622.mdl-color--purple-300 {
1623 background-color: rgb(186,104,200) !important; }
1624
1625.mdl-color-text--purple-400 {
1626 color: rgb(171,71,188) !important; }
1627
1628.mdl-color--purple-400 {
1629 background-color: rgb(171,71,188) !important; }
1630
1631.mdl-color-text--purple-500 {
1632 color: rgb(156,39,176) !important; }
1633
1634.mdl-color--purple-500 {
1635 background-color: rgb(156,39,176) !important; }
1636
1637.mdl-color-text--purple-600 {
1638 color: rgb(142,36,170) !important; }
1639
1640.mdl-color--purple-600 {
1641 background-color: rgb(142,36,170) !important; }
1642
1643.mdl-color-text--purple-700 {
1644 color: rgb(123,31,162) !important; }
1645
1646.mdl-color--purple-700 {
1647 background-color: rgb(123,31,162) !important; }
1648
1649.mdl-color-text--purple-800 {
1650 color: rgb(106,27,154) !important; }
1651
1652.mdl-color--purple-800 {
1653 background-color: rgb(106,27,154) !important; }
1654
1655.mdl-color-text--purple-900 {
1656 color: rgb(74,20,140) !important; }
1657
1658.mdl-color--purple-900 {
1659 background-color: rgb(74,20,140) !important; }
1660
1661.mdl-color-text--purple-A100 {
1662 color: rgb(234,128,252) !important; }
1663
1664.mdl-color--purple-A100 {
1665 background-color: rgb(234,128,252) !important; }
1666
1667.mdl-color-text--purple-A200 {
1668 color: rgb(224,64,251) !important; }
1669
1670.mdl-color--purple-A200 {
1671 background-color: rgb(224,64,251) !important; }
1672
1673.mdl-color-text--purple-A400 {
1674 color: rgb(213,0,249) !important; }
1675
1676.mdl-color--purple-A400 {
1677 background-color: rgb(213,0,249) !important; }
1678
1679.mdl-color-text--purple-A700 {
1680 color: rgb(170,0,255) !important; }
1681
1682.mdl-color--purple-A700 {
1683 background-color: rgb(170,0,255) !important; }
1684
1685.mdl-color-text--deep-purple {
1686 color: rgb(103,58,183) !important; }
1687
1688.mdl-color--deep-purple {
1689 background-color: rgb(103,58,183) !important; }
1690
1691.mdl-color-text--deep-purple-50 {
1692 color: rgb(237,231,246) !important; }
1693
1694.mdl-color--deep-purple-50 {
1695 background-color: rgb(237,231,246) !important; }
1696
1697.mdl-color-text--deep-purple-100 {
1698 color: rgb(209,196,233) !important; }
1699
1700.mdl-color--deep-purple-100 {
1701 background-color: rgb(209,196,233) !important; }
1702
1703.mdl-color-text--deep-purple-200 {
1704 color: rgb(179,157,219) !important; }
1705
1706.mdl-color--deep-purple-200 {
1707 background-color: rgb(179,157,219) !important; }
1708
1709.mdl-color-text--deep-purple-300 {
1710 color: rgb(149,117,205) !important; }
1711
1712.mdl-color--deep-purple-300 {
1713 background-color: rgb(149,117,205) !important; }
1714
1715.mdl-color-text--deep-purple-400 {
1716 color: rgb(126,87,194) !important; }
1717
1718.mdl-color--deep-purple-400 {
1719 background-color: rgb(126,87,194) !important; }
1720
1721.mdl-color-text--deep-purple-500 {
1722 color: rgb(103,58,183) !important; }
1723
1724.mdl-color--deep-purple-500 {
1725 background-color: rgb(103,58,183) !important; }
1726
1727.mdl-color-text--deep-purple-600 {
1728 color: rgb(94,53,177) !important; }
1729
1730.mdl-color--deep-purple-600 {
1731 background-color: rgb(94,53,177) !important; }
1732
1733.mdl-color-text--deep-purple-700 {
1734 color: rgb(81,45,168) !important; }
1735
1736.mdl-color--deep-purple-700 {
1737 background-color: rgb(81,45,168) !important; }
1738
1739.mdl-color-text--deep-purple-800 {
1740 color: rgb(69,39,160) !important; }
1741
1742.mdl-color--deep-purple-800 {
1743 background-color: rgb(69,39,160) !important; }
1744
1745.mdl-color-text--deep-purple-900 {
1746 color: rgb(49,27,146) !important; }
1747
1748.mdl-color--deep-purple-900 {
1749 background-color: rgb(49,27,146) !important; }
1750
1751.mdl-color-text--deep-purple-A100 {
1752 color: rgb(179,136,255) !important; }
1753
1754.mdl-color--deep-purple-A100 {
1755 background-color: rgb(179,136,255) !important; }
1756
1757.mdl-color-text--deep-purple-A200 {
1758 color: rgb(124,77,255) !important; }
1759
1760.mdl-color--deep-purple-A200 {
1761 background-color: rgb(124,77,255) !important; }
1762
1763.mdl-color-text--deep-purple-A400 {
1764 color: rgb(101,31,255) !important; }
1765
1766.mdl-color--deep-purple-A400 {
1767 background-color: rgb(101,31,255) !important; }
1768
1769.mdl-color-text--deep-purple-A700 {
1770 color: rgb(98,0,234) !important; }
1771
1772.mdl-color--deep-purple-A700 {
1773 background-color: rgb(98,0,234) !important; }
1774
1775.mdl-color-text--indigo {
1776 color: rgb(63,81,181) !important; }
1777
1778.mdl-color--indigo {
1779 background-color: rgb(63,81,181) !important; }
1780
1781.mdl-color-text--indigo-50 {
1782 color: rgb(232,234,246) !important; }
1783
1784.mdl-color--indigo-50 {
1785 background-color: rgb(232,234,246) !important; }
1786
1787.mdl-color-text--indigo-100 {
1788 color: rgb(197,202,233) !important; }
1789
1790.mdl-color--indigo-100 {
1791 background-color: rgb(197,202,233) !important; }
1792
1793.mdl-color-text--indigo-200 {
1794 color: rgb(159,168,218) !important; }
1795
1796.mdl-color--indigo-200 {
1797 background-color: rgb(159,168,218) !important; }
1798
1799.mdl-color-text--indigo-300 {
1800 color: rgb(121,134,203) !important; }
1801
1802.mdl-color--indigo-300 {
1803 background-color: rgb(121,134,203) !important; }
1804
1805.mdl-color-text--indigo-400 {
1806 color: rgb(92,107,192) !important; }
1807
1808.mdl-color--indigo-400 {
1809 background-color: rgb(92,107,192) !important; }
1810
1811.mdl-color-text--indigo-500 {
1812 color: rgb(63,81,181) !important; }
1813
1814.mdl-color--indigo-500 {
1815 background-color: rgb(63,81,181) !important; }
1816
1817.mdl-color-text--indigo-600 {
1818 color: rgb(57,73,171) !important; }
1819
1820.mdl-color--indigo-600 {
1821 background-color: rgb(57,73,171) !important; }
1822
1823.mdl-color-text--indigo-700 {
1824 color: rgb(48,63,159) !important; }
1825
1826.mdl-color--indigo-700 {
1827 background-color: rgb(48,63,159) !important; }
1828
1829.mdl-color-text--indigo-800 {
1830 color: rgb(40,53,147) !important; }
1831
1832.mdl-color--indigo-800 {
1833 background-color: rgb(40,53,147) !important; }
1834
1835.mdl-color-text--indigo-900 {
1836 color: rgb(26,35,126) !important; }
1837
1838.mdl-color--indigo-900 {
1839 background-color: rgb(26,35,126) !important; }
1840
1841.mdl-color-text--indigo-A100 {
1842 color: rgb(140,158,255) !important; }
1843
1844.mdl-color--indigo-A100 {
1845 background-color: rgb(140,158,255) !important; }
1846
1847.mdl-color-text--indigo-A200 {
1848 color: rgb(83,109,254) !important; }
1849
1850.mdl-color--indigo-A200 {
1851 background-color: rgb(83,109,254) !important; }
1852
1853.mdl-color-text--indigo-A400 {
1854 color: rgb(61,90,254) !important; }
1855
1856.mdl-color--indigo-A400 {
1857 background-color: rgb(61,90,254) !important; }
1858
1859.mdl-color-text--indigo-A700 {
1860 color: rgb(48,79,254) !important; }
1861
1862.mdl-color--indigo-A700 {
1863 background-color: rgb(48,79,254) !important; }
1864
1865.mdl-color-text--blue {
1866 color: rgb(33,150,243) !important; }
1867
1868.mdl-color--blue {
1869 background-color: rgb(33,150,243) !important; }
1870
1871.mdl-color-text--blue-50 {
1872 color: rgb(227,242,253) !important; }
1873
1874.mdl-color--blue-50 {
1875 background-color: rgb(227,242,253) !important; }
1876
1877.mdl-color-text--blue-100 {
1878 color: rgb(187,222,251) !important; }
1879
1880.mdl-color--blue-100 {
1881 background-color: rgb(187,222,251) !important; }
1882
1883.mdl-color-text--blue-200 {
1884 color: rgb(144,202,249) !important; }
1885
1886.mdl-color--blue-200 {
1887 background-color: rgb(144,202,249) !important; }
1888
1889.mdl-color-text--blue-300 {
1890 color: rgb(100,181,246) !important; }
1891
1892.mdl-color--blue-300 {
1893 background-color: rgb(100,181,246) !important; }
1894
1895.mdl-color-text--blue-400 {
1896 color: rgb(66,165,245) !important; }
1897
1898.mdl-color--blue-400 {
1899 background-color: rgb(66,165,245) !important; }
1900
1901.mdl-color-text--blue-500 {
1902 color: rgb(33,150,243) !important; }
1903
1904.mdl-color--blue-500 {
1905 background-color: rgb(33,150,243) !important; }
1906
1907.mdl-color-text--blue-600 {
1908 color: rgb(30,136,229) !important; }
1909
1910.mdl-color--blue-600 {
1911 background-color: rgb(30,136,229) !important; }
1912
1913.mdl-color-text--blue-700 {
1914 color: rgb(25,118,210) !important; }
1915
1916.mdl-color--blue-700 {
1917 background-color: rgb(25,118,210) !important; }
1918
1919.mdl-color-text--blue-800 {
1920 color: rgb(21,101,192) !important; }
1921
1922.mdl-color--blue-800 {
1923 background-color: rgb(21,101,192) !important; }
1924
1925.mdl-color-text--blue-900 {
1926 color: rgb(13,71,161) !important; }
1927
1928.mdl-color--blue-900 {
1929 background-color: rgb(13,71,161) !important; }
1930
1931.mdl-color-text--blue-A100 {
1932 color: rgb(130,177,255) !important; }
1933
1934.mdl-color--blue-A100 {
1935 background-color: rgb(130,177,255) !important; }
1936
1937.mdl-color-text--blue-A200 {
1938 color: rgb(68,138,255) !important; }
1939
1940.mdl-color--blue-A200 {
1941 background-color: rgb(68,138,255) !important; }
1942
1943.mdl-color-text--blue-A400 {
1944 color: rgb(41,121,255) !important; }
1945
1946.mdl-color--blue-A400 {
1947 background-color: rgb(41,121,255) !important; }
1948
1949.mdl-color-text--blue-A700 {
1950 color: rgb(41,98,255) !important; }
1951
1952.mdl-color--blue-A700 {
1953 background-color: rgb(41,98,255) !important; }
1954
1955.mdl-color-text--light-blue {
1956 color: rgb(3,169,244) !important; }
1957
1958.mdl-color--light-blue {
1959 background-color: rgb(3,169,244) !important; }
1960
1961.mdl-color-text--light-blue-50 {
1962 color: rgb(225,245,254) !important; }
1963
1964.mdl-color--light-blue-50 {
1965 background-color: rgb(225,245,254) !important; }
1966
1967.mdl-color-text--light-blue-100 {
1968 color: rgb(179,229,252) !important; }
1969
1970.mdl-color--light-blue-100 {
1971 background-color: rgb(179,229,252) !important; }
1972
1973.mdl-color-text--light-blue-200 {
1974 color: rgb(129,212,250) !important; }
1975
1976.mdl-color--light-blue-200 {
1977 background-color: rgb(129,212,250) !important; }
1978
1979.mdl-color-text--light-blue-300 {
1980 color: rgb(79,195,247) !important; }
1981
1982.mdl-color--light-blue-300 {
1983 background-color: rgb(79,195,247) !important; }
1984
1985.mdl-color-text--light-blue-400 {
1986 color: rgb(41,182,246) !important; }
1987
1988.mdl-color--light-blue-400 {
1989 background-color: rgb(41,182,246) !important; }
1990
1991.mdl-color-text--light-blue-500 {
1992 color: rgb(3,169,244) !important; }
1993
1994.mdl-color--light-blue-500 {
1995 background-color: rgb(3,169,244) !important; }
1996
1997.mdl-color-text--light-blue-600 {
1998 color: rgb(3,155,229) !important; }
1999
2000.mdl-color--light-blue-600 {
2001 background-color: rgb(3,155,229) !important; }
2002
2003.mdl-color-text--light-blue-700 {
2004 color: rgb(2,136,209) !important; }
2005
2006.mdl-color--light-blue-700 {
2007 background-color: rgb(2,136,209) !important; }
2008
2009.mdl-color-text--light-blue-800 {
2010 color: rgb(2,119,189) !important; }
2011
2012.mdl-color--light-blue-800 {
2013 background-color: rgb(2,119,189) !important; }
2014
2015.mdl-color-text--light-blue-900 {
2016 color: rgb(1,87,155) !important; }
2017
2018.mdl-color--light-blue-900 {
2019 background-color: rgb(1,87,155) !important; }
2020
2021.mdl-color-text--light-blue-A100 {
2022 color: rgb(128,216,255) !important; }
2023
2024.mdl-color--light-blue-A100 {
2025 background-color: rgb(128,216,255) !important; }
2026
2027.mdl-color-text--light-blue-A200 {
2028 color: rgb(64,196,255) !important; }
2029
2030.mdl-color--light-blue-A200 {
2031 background-color: rgb(64,196,255) !important; }
2032
2033.mdl-color-text--light-blue-A400 {
2034 color: rgb(0,176,255) !important; }
2035
2036.mdl-color--light-blue-A400 {
2037 background-color: rgb(0,176,255) !important; }
2038
2039.mdl-color-text--light-blue-A700 {
2040 color: rgb(0,145,234) !important; }
2041
2042.mdl-color--light-blue-A700 {
2043 background-color: rgb(0,145,234) !important; }
2044
2045.mdl-color-text--cyan {
2046 color: rgb(0,188,212) !important; }
2047
2048.mdl-color--cyan {
2049 background-color: rgb(0,188,212) !important; }
2050
2051.mdl-color-text--cyan-50 {
2052 color: rgb(224,247,250) !important; }
2053
2054.mdl-color--cyan-50 {
2055 background-color: rgb(224,247,250) !important; }
2056
2057.mdl-color-text--cyan-100 {
2058 color: rgb(178,235,242) !important; }
2059
2060.mdl-color--cyan-100 {
2061 background-color: rgb(178,235,242) !important; }
2062
2063.mdl-color-text--cyan-200 {
2064 color: rgb(128,222,234) !important; }
2065
2066.mdl-color--cyan-200 {
2067 background-color: rgb(128,222,234) !important; }
2068
2069.mdl-color-text--cyan-300 {
2070 color: rgb(77,208,225) !important; }
2071
2072.mdl-color--cyan-300 {
2073 background-color: rgb(77,208,225) !important; }
2074
2075.mdl-color-text--cyan-400 {
2076 color: rgb(38,198,218) !important; }
2077
2078.mdl-color--cyan-400 {
2079 background-color: rgb(38,198,218) !important; }
2080
2081.mdl-color-text--cyan-500 {
2082 color: rgb(0,188,212) !important; }
2083
2084.mdl-color--cyan-500 {
2085 background-color: rgb(0,188,212) !important; }
2086
2087.mdl-color-text--cyan-600 {
2088 color: rgb(0,172,193) !important; }
2089
2090.mdl-color--cyan-600 {
2091 background-color: rgb(0,172,193) !important; }
2092
2093.mdl-color-text--cyan-700 {
2094 color: rgb(0,151,167) !important; }
2095
2096.mdl-color--cyan-700 {
2097 background-color: rgb(0,151,167) !important; }
2098
2099.mdl-color-text--cyan-800 {
2100 color: rgb(0,131,143) !important; }
2101
2102.mdl-color--cyan-800 {
2103 background-color: rgb(0,131,143) !important; }
2104
2105.mdl-color-text--cyan-900 {
2106 color: rgb(0,96,100) !important; }
2107
2108.mdl-color--cyan-900 {
2109 background-color: rgb(0,96,100) !important; }
2110
2111.mdl-color-text--cyan-A100 {
2112 color: rgb(132,255,255) !important; }
2113
2114.mdl-color--cyan-A100 {
2115 background-color: rgb(132,255,255) !important; }
2116
2117.mdl-color-text--cyan-A200 {
2118 color: rgb(24,255,255) !important; }
2119
2120.mdl-color--cyan-A200 {
2121 background-color: rgb(24,255,255) !important; }
2122
2123.mdl-color-text--cyan-A400 {
2124 color: rgb(0,229,255) !important; }
2125
2126.mdl-color--cyan-A400 {
2127 background-color: rgb(0,229,255) !important; }
2128
2129.mdl-color-text--cyan-A700 {
2130 color: rgb(0,184,212) !important; }
2131
2132.mdl-color--cyan-A700 {
2133 background-color: rgb(0,184,212) !important; }
2134
2135.mdl-color-text--teal {
2136 color: rgb(0,150,136) !important; }
2137
2138.mdl-color--teal {
2139 background-color: rgb(0,150,136) !important; }
2140
2141.mdl-color-text--teal-50 {
2142 color: rgb(224,242,241) !important; }
2143
2144.mdl-color--teal-50 {
2145 background-color: rgb(224,242,241) !important; }
2146
2147.mdl-color-text--teal-100 {
2148 color: rgb(178,223,219) !important; }
2149
2150.mdl-color--teal-100 {
2151 background-color: rgb(178,223,219) !important; }
2152
2153.mdl-color-text--teal-200 {
2154 color: rgb(128,203,196) !important; }
2155
2156.mdl-color--teal-200 {
2157 background-color: rgb(128,203,196) !important; }
2158
2159.mdl-color-text--teal-300 {
2160 color: rgb(77,182,172) !important; }
2161
2162.mdl-color--teal-300 {
2163 background-color: rgb(77,182,172) !important; }
2164
2165.mdl-color-text--teal-400 {
2166 color: rgb(38,166,154) !important; }
2167
2168.mdl-color--teal-400 {
2169 background-color: rgb(38,166,154) !important; }
2170
2171.mdl-color-text--teal-500 {
2172 color: rgb(0,150,136) !important; }
2173
2174.mdl-color--teal-500 {
2175 background-color: rgb(0,150,136) !important; }
2176
2177.mdl-color-text--teal-600 {
2178 color: rgb(0,137,123) !important; }
2179
2180.mdl-color--teal-600 {
2181 background-color: rgb(0,137,123) !important; }
2182
2183.mdl-color-text--teal-700 {
2184 color: rgb(0,121,107) !important; }
2185
2186.mdl-color--teal-700 {
2187 background-color: rgb(0,121,107) !important; }
2188
2189.mdl-color-text--teal-800 {
2190 color: rgb(0,105,92) !important; }
2191
2192.mdl-color--teal-800 {
2193 background-color: rgb(0,105,92) !important; }
2194
2195.mdl-color-text--teal-900 {
2196 color: rgb(0,77,64) !important; }
2197
2198.mdl-color--teal-900 {
2199 background-color: rgb(0,77,64) !important; }
2200
2201.mdl-color-text--teal-A100 {
2202 color: rgb(167,255,235) !important; }
2203
2204.mdl-color--teal-A100 {
2205 background-color: rgb(167,255,235) !important; }
2206
2207.mdl-color-text--teal-A200 {
2208 color: rgb(100,255,218) !important; }
2209
2210.mdl-color--teal-A200 {
2211 background-color: rgb(100,255,218) !important; }
2212
2213.mdl-color-text--teal-A400 {
2214 color: rgb(29,233,182) !important; }
2215
2216.mdl-color--teal-A400 {
2217 background-color: rgb(29,233,182) !important; }
2218
2219.mdl-color-text--teal-A700 {
2220 color: rgb(0,191,165) !important; }
2221
2222.mdl-color--teal-A700 {
2223 background-color: rgb(0,191,165) !important; }
2224
2225.mdl-color-text--green {
2226 color: rgb(76,175,80) !important; }
2227
2228.mdl-color--green {
2229 background-color: rgb(76,175,80) !important; }
2230
2231.mdl-color-text--green-50 {
2232 color: rgb(232,245,233) !important; }
2233
2234.mdl-color--green-50 {
2235 background-color: rgb(232,245,233) !important; }
2236
2237.mdl-color-text--green-100 {
2238 color: rgb(200,230,201) !important; }
2239
2240.mdl-color--green-100 {
2241 background-color: rgb(200,230,201) !important; }
2242
2243.mdl-color-text--green-200 {
2244 color: rgb(165,214,167) !important; }
2245
2246.mdl-color--green-200 {
2247 background-color: rgb(165,214,167) !important; }
2248
2249.mdl-color-text--green-300 {
2250 color: rgb(129,199,132) !important; }
2251
2252.mdl-color--green-300 {
2253 background-color: rgb(129,199,132) !important; }
2254
2255.mdl-color-text--green-400 {
2256 color: rgb(102,187,106) !important; }
2257
2258.mdl-color--green-400 {
2259 background-color: rgb(102,187,106) !important; }
2260
2261.mdl-color-text--green-500 {
2262 color: rgb(76,175,80) !important; }
2263
2264.mdl-color--green-500 {
2265 background-color: rgb(76,175,80) !important; }
2266
2267.mdl-color-text--green-600 {
2268 color: rgb(67,160,71) !important; }
2269
2270.mdl-color--green-600 {
2271 background-color: rgb(67,160,71) !important; }
2272
2273.mdl-color-text--green-700 {
2274 color: rgb(56,142,60) !important; }
2275
2276.mdl-color--green-700 {
2277 background-color: rgb(56,142,60) !important; }
2278
2279.mdl-color-text--green-800 {
2280 color: rgb(46,125,50) !important; }
2281
2282.mdl-color--green-800 {
2283 background-color: rgb(46,125,50) !important; }
2284
2285.mdl-color-text--green-900 {
2286 color: rgb(27,94,32) !important; }
2287
2288.mdl-color--green-900 {
2289 background-color: rgb(27,94,32) !important; }
2290
2291.mdl-color-text--green-A100 {
2292 color: rgb(185,246,202) !important; }
2293
2294.mdl-color--green-A100 {
2295 background-color: rgb(185,246,202) !important; }
2296
2297.mdl-color-text--green-A200 {
2298 color: rgb(105,240,174) !important; }
2299
2300.mdl-color--green-A200 {
2301 background-color: rgb(105,240,174) !important; }
2302
2303.mdl-color-text--green-A400 {
2304 color: rgb(0,230,118) !important; }
2305
2306.mdl-color--green-A400 {
2307 background-color: rgb(0,230,118) !important; }
2308
2309.mdl-color-text--green-A700 {
2310 color: rgb(0,200,83) !important; }
2311
2312.mdl-color--green-A700 {
2313 background-color: rgb(0,200,83) !important; }
2314
2315.mdl-color-text--light-green {
2316 color: rgb(139,195,74) !important; }
2317
2318.mdl-color--light-green {
2319 background-color: rgb(139,195,74) !important; }
2320
2321.mdl-color-text--light-green-50 {
2322 color: rgb(241,248,233) !important; }
2323
2324.mdl-color--light-green-50 {
2325 background-color: rgb(241,248,233) !important; }
2326
2327.mdl-color-text--light-green-100 {
2328 color: rgb(220,237,200) !important; }
2329
2330.mdl-color--light-green-100 {
2331 background-color: rgb(220,237,200) !important; }
2332
2333.mdl-color-text--light-green-200 {
2334 color: rgb(197,225,165) !important; }
2335
2336.mdl-color--light-green-200 {
2337 background-color: rgb(197,225,165) !important; }
2338
2339.mdl-color-text--light-green-300 {
2340 color: rgb(174,213,129) !important; }
2341
2342.mdl-color--light-green-300 {
2343 background-color: rgb(174,213,129) !important; }
2344
2345.mdl-color-text--light-green-400 {
2346 color: rgb(156,204,101) !important; }
2347
2348.mdl-color--light-green-400 {
2349 background-color: rgb(156,204,101) !important; }
2350
2351.mdl-color-text--light-green-500 {
2352 color: rgb(139,195,74) !important; }
2353
2354.mdl-color--light-green-500 {
2355 background-color: rgb(139,195,74) !important; }
2356
2357.mdl-color-text--light-green-600 {
2358 color: rgb(124,179,66) !important; }
2359
2360.mdl-color--light-green-600 {
2361 background-color: rgb(124,179,66) !important; }
2362
2363.mdl-color-text--light-green-700 {
2364 color: rgb(104,159,56) !important; }
2365
2366.mdl-color--light-green-700 {
2367 background-color: rgb(104,159,56) !important; }
2368
2369.mdl-color-text--light-green-800 {
2370 color: rgb(85,139,47) !important; }
2371
2372.mdl-color--light-green-800 {
2373 background-color: rgb(85,139,47) !important; }
2374
2375.mdl-color-text--light-green-900 {
2376 color: rgb(51,105,30) !important; }
2377
2378.mdl-color--light-green-900 {
2379 background-color: rgb(51,105,30) !important; }
2380
2381.mdl-color-text--light-green-A100 {
2382 color: rgb(204,255,144) !important; }
2383
2384.mdl-color--light-green-A100 {
2385 background-color: rgb(204,255,144) !important; }
2386
2387.mdl-color-text--light-green-A200 {
2388 color: rgb(178,255,89) !important; }
2389
2390.mdl-color--light-green-A200 {
2391 background-color: rgb(178,255,89) !important; }
2392
2393.mdl-color-text--light-green-A400 {
2394 color: rgb(118,255,3) !important; }
2395
2396.mdl-color--light-green-A400 {
2397 background-color: rgb(118,255,3) !important; }
2398
2399.mdl-color-text--light-green-A700 {
2400 color: rgb(100,221,23) !important; }
2401
2402.mdl-color--light-green-A700 {
2403 background-color: rgb(100,221,23) !important; }
2404
2405.mdl-color-text--lime {
2406 color: rgb(205,220,57) !important; }
2407
2408.mdl-color--lime {
2409 background-color: rgb(205,220,57) !important; }
2410
2411.mdl-color-text--lime-50 {
2412 color: rgb(249,251,231) !important; }
2413
2414.mdl-color--lime-50 {
2415 background-color: rgb(249,251,231) !important; }
2416
2417.mdl-color-text--lime-100 {
2418 color: rgb(240,244,195) !important; }
2419
2420.mdl-color--lime-100 {
2421 background-color: rgb(240,244,195) !important; }
2422
2423.mdl-color-text--lime-200 {
2424 color: rgb(230,238,156) !important; }
2425
2426.mdl-color--lime-200 {
2427 background-color: rgb(230,238,156) !important; }
2428
2429.mdl-color-text--lime-300 {
2430 color: rgb(220,231,117) !important; }
2431
2432.mdl-color--lime-300 {
2433 background-color: rgb(220,231,117) !important; }
2434
2435.mdl-color-text--lime-400 {
2436 color: rgb(212,225,87) !important; }
2437
2438.mdl-color--lime-400 {
2439 background-color: rgb(212,225,87) !important; }
2440
2441.mdl-color-text--lime-500 {
2442 color: rgb(205,220,57) !important; }
2443
2444.mdl-color--lime-500 {
2445 background-color: rgb(205,220,57) !important; }
2446
2447.mdl-color-text--lime-600 {
2448 color: rgb(192,202,51) !important; }
2449
2450.mdl-color--lime-600 {
2451 background-color: rgb(192,202,51) !important; }
2452
2453.mdl-color-text--lime-700 {
2454 color: rgb(175,180,43) !important; }
2455
2456.mdl-color--lime-700 {
2457 background-color: rgb(175,180,43) !important; }
2458
2459.mdl-color-text--lime-800 {
2460 color: rgb(158,157,36) !important; }
2461
2462.mdl-color--lime-800 {
2463 background-color: rgb(158,157,36) !important; }
2464
2465.mdl-color-text--lime-900 {
2466 color: rgb(130,119,23) !important; }
2467
2468.mdl-color--lime-900 {
2469 background-color: rgb(130,119,23) !important; }
2470
2471.mdl-color-text--lime-A100 {
2472 color: rgb(244,255,129) !important; }
2473
2474.mdl-color--lime-A100 {
2475 background-color: rgb(244,255,129) !important; }
2476
2477.mdl-color-text--lime-A200 {
2478 color: rgb(238,255,65) !important; }
2479
2480.mdl-color--lime-A200 {
2481 background-color: rgb(238,255,65) !important; }
2482
2483.mdl-color-text--lime-A400 {
2484 color: rgb(198,255,0) !important; }
2485
2486.mdl-color--lime-A400 {
2487 background-color: rgb(198,255,0) !important; }
2488
2489.mdl-color-text--lime-A700 {
2490 color: rgb(174,234,0) !important; }
2491
2492.mdl-color--lime-A700 {
2493 background-color: rgb(174,234,0) !important; }
2494
2495.mdl-color-text--yellow {
2496 color: rgb(255,235,59) !important; }
2497
2498.mdl-color--yellow {
2499 background-color: rgb(255,235,59) !important; }
2500
2501.mdl-color-text--yellow-50 {
2502 color: rgb(255,253,231) !important; }
2503
2504.mdl-color--yellow-50 {
2505 background-color: rgb(255,253,231) !important; }
2506
2507.mdl-color-text--yellow-100 {
2508 color: rgb(255,249,196) !important; }
2509
2510.mdl-color--yellow-100 {
2511 background-color: rgb(255,249,196) !important; }
2512
2513.mdl-color-text--yellow-200 {
2514 color: rgb(255,245,157) !important; }
2515
2516.mdl-color--yellow-200 {
2517 background-color: rgb(255,245,157) !important; }
2518
2519.mdl-color-text--yellow-300 {
2520 color: rgb(255,241,118) !important; }
2521
2522.mdl-color--yellow-300 {
2523 background-color: rgb(255,241,118) !important; }
2524
2525.mdl-color-text--yellow-400 {
2526 color: rgb(255,238,88) !important; }
2527
2528.mdl-color--yellow-400 {
2529 background-color: rgb(255,238,88) !important; }
2530
2531.mdl-color-text--yellow-500 {
2532 color: rgb(255,235,59) !important; }
2533
2534.mdl-color--yellow-500 {
2535 background-color: rgb(255,235,59) !important; }
2536
2537.mdl-color-text--yellow-600 {
2538 color: rgb(253,216,53) !important; }
2539
2540.mdl-color--yellow-600 {
2541 background-color: rgb(253,216,53) !important; }
2542
2543.mdl-color-text--yellow-700 {
2544 color: rgb(251,192,45) !important; }
2545
2546.mdl-color--yellow-700 {
2547 background-color: rgb(251,192,45) !important; }
2548
2549.mdl-color-text--yellow-800 {
2550 color: rgb(249,168,37) !important; }
2551
2552.mdl-color--yellow-800 {
2553 background-color: rgb(249,168,37) !important; }
2554
2555.mdl-color-text--yellow-900 {
2556 color: rgb(245,127,23) !important; }
2557
2558.mdl-color--yellow-900 {
2559 background-color: rgb(245,127,23) !important; }
2560
2561.mdl-color-text--yellow-A100 {
2562 color: rgb(255,255,141) !important; }
2563
2564.mdl-color--yellow-A100 {
2565 background-color: rgb(255,255,141) !important; }
2566
2567.mdl-color-text--yellow-A200 {
2568 color: rgb(255,255,0) !important; }
2569
2570.mdl-color--yellow-A200 {
2571 background-color: rgb(255,255,0) !important; }
2572
2573.mdl-color-text--yellow-A400 {
2574 color: rgb(255,234,0) !important; }
2575
2576.mdl-color--yellow-A400 {
2577 background-color: rgb(255,234,0) !important; }
2578
2579.mdl-color-text--yellow-A700 {
2580 color: rgb(255,214,0) !important; }
2581
2582.mdl-color--yellow-A700 {
2583 background-color: rgb(255,214,0) !important; }
2584
2585.mdl-color-text--amber {
2586 color: rgb(255,193,7) !important; }
2587
2588.mdl-color--amber {
2589 background-color: rgb(255,193,7) !important; }
2590
2591.mdl-color-text--amber-50 {
2592 color: rgb(255,248,225) !important; }
2593
2594.mdl-color--amber-50 {
2595 background-color: rgb(255,248,225) !important; }
2596
2597.mdl-color-text--amber-100 {
2598 color: rgb(255,236,179) !important; }
2599
2600.mdl-color--amber-100 {
2601 background-color: rgb(255,236,179) !important; }
2602
2603.mdl-color-text--amber-200 {
2604 color: rgb(255,224,130) !important; }
2605
2606.mdl-color--amber-200 {
2607 background-color: rgb(255,224,130) !important; }
2608
2609.mdl-color-text--amber-300 {
2610 color: rgb(255,213,79) !important; }
2611
2612.mdl-color--amber-300 {
2613 background-color: rgb(255,213,79) !important; }
2614
2615.mdl-color-text--amber-400 {
2616 color: rgb(255,202,40) !important; }
2617
2618.mdl-color--amber-400 {
2619 background-color: rgb(255,202,40) !important; }
2620
2621.mdl-color-text--amber-500 {
2622 color: rgb(255,193,7) !important; }
2623
2624.mdl-color--amber-500 {
2625 background-color: rgb(255,193,7) !important; }
2626
2627.mdl-color-text--amber-600 {
2628 color: rgb(255,179,0) !important; }
2629
2630.mdl-color--amber-600 {
2631 background-color: rgb(255,179,0) !important; }
2632
2633.mdl-color-text--amber-700 {
2634 color: rgb(255,160,0) !important; }
2635
2636.mdl-color--amber-700 {
2637 background-color: rgb(255,160,0) !important; }
2638
2639.mdl-color-text--amber-800 {
2640 color: rgb(255,143,0) !important; }
2641
2642.mdl-color--amber-800 {
2643 background-color: rgb(255,143,0) !important; }
2644
2645.mdl-color-text--amber-900 {
2646 color: rgb(255,111,0) !important; }
2647
2648.mdl-color--amber-900 {
2649 background-color: rgb(255,111,0) !important; }
2650
2651.mdl-color-text--amber-A100 {
2652 color: rgb(255,229,127) !important; }
2653
2654.mdl-color--amber-A100 {
2655 background-color: rgb(255,229,127) !important; }
2656
2657.mdl-color-text--amber-A200 {
2658 color: rgb(255,215,64) !important; }
2659
2660.mdl-color--amber-A200 {
2661 background-color: rgb(255,215,64) !important; }
2662
2663.mdl-color-text--amber-A400 {
2664 color: rgb(255,196,0) !important; }
2665
2666.mdl-color--amber-A400 {
2667 background-color: rgb(255,196,0) !important; }
2668
2669.mdl-color-text--amber-A700 {
2670 color: rgb(255,171,0) !important; }
2671
2672.mdl-color--amber-A700 {
2673 background-color: rgb(255,171,0) !important; }
2674
2675.mdl-color-text--orange {
2676 color: rgb(255,152,0) !important; }
2677
2678.mdl-color--orange {
2679 background-color: rgb(255,152,0) !important; }
2680
2681.mdl-color-text--orange-50 {
2682 color: rgb(255,243,224) !important; }
2683
2684.mdl-color--orange-50 {
2685 background-color: rgb(255,243,224) !important; }
2686
2687.mdl-color-text--orange-100 {
2688 color: rgb(255,224,178) !important; }
2689
2690.mdl-color--orange-100 {
2691 background-color: rgb(255,224,178) !important; }
2692
2693.mdl-color-text--orange-200 {
2694 color: rgb(255,204,128) !important; }
2695
2696.mdl-color--orange-200 {
2697 background-color: rgb(255,204,128) !important; }
2698
2699.mdl-color-text--orange-300 {
2700 color: rgb(255,183,77) !important; }
2701
2702.mdl-color--orange-300 {
2703 background-color: rgb(255,183,77) !important; }
2704
2705.mdl-color-text--orange-400 {
2706 color: rgb(255,167,38) !important; }
2707
2708.mdl-color--orange-400 {
2709 background-color: rgb(255,167,38) !important; }
2710
2711.mdl-color-text--orange-500 {
2712 color: rgb(255,152,0) !important; }
2713
2714.mdl-color--orange-500 {
2715 background-color: rgb(255,152,0) !important; }
2716
2717.mdl-color-text--orange-600 {
2718 color: rgb(251,140,0) !important; }
2719
2720.mdl-color--orange-600 {
2721 background-color: rgb(251,140,0) !important; }
2722
2723.mdl-color-text--orange-700 {
2724 color: rgb(245,124,0) !important; }
2725
2726.mdl-color--orange-700 {
2727 background-color: rgb(245,124,0) !important; }
2728
2729.mdl-color-text--orange-800 {
2730 color: rgb(239,108,0) !important; }
2731
2732.mdl-color--orange-800 {
2733 background-color: rgb(239,108,0) !important; }
2734
2735.mdl-color-text--orange-900 {
2736 color: rgb(230,81,0) !important; }
2737
2738.mdl-color--orange-900 {
2739 background-color: rgb(230,81,0) !important; }
2740
2741.mdl-color-text--orange-A100 {
2742 color: rgb(255,209,128) !important; }
2743
2744.mdl-color--orange-A100 {
2745 background-color: rgb(255,209,128) !important; }
2746
2747.mdl-color-text--orange-A200 {
2748 color: rgb(255,171,64) !important; }
2749
2750.mdl-color--orange-A200 {
2751 background-color: rgb(255,171,64) !important; }
2752
2753.mdl-color-text--orange-A400 {
2754 color: rgb(255,145,0) !important; }
2755
2756.mdl-color--orange-A400 {
2757 background-color: rgb(255,145,0) !important; }
2758
2759.mdl-color-text--orange-A700 {
2760 color: rgb(255,109,0) !important; }
2761
2762.mdl-color--orange-A700 {
2763 background-color: rgb(255,109,0) !important; }
2764
2765.mdl-color-text--deep-orange {
2766 color: rgb(255,87,34) !important; }
2767
2768.mdl-color--deep-orange {
2769 background-color: rgb(255,87,34) !important; }
2770
2771.mdl-color-text--deep-orange-50 {
2772 color: rgb(251,233,231) !important; }
2773
2774.mdl-color--deep-orange-50 {
2775 background-color: rgb(251,233,231) !important; }
2776
2777.mdl-color-text--deep-orange-100 {
2778 color: rgb(255,204,188) !important; }
2779
2780.mdl-color--deep-orange-100 {
2781 background-color: rgb(255,204,188) !important; }
2782
2783.mdl-color-text--deep-orange-200 {
2784 color: rgb(255,171,145) !important; }
2785
2786.mdl-color--deep-orange-200 {
2787 background-color: rgb(255,171,145) !important; }
2788
2789.mdl-color-text--deep-orange-300 {
2790 color: rgb(255,138,101) !important; }
2791
2792.mdl-color--deep-orange-300 {
2793 background-color: rgb(255,138,101) !important; }
2794
2795.mdl-color-text--deep-orange-400 {
2796 color: rgb(255,112,67) !important; }
2797
2798.mdl-color--deep-orange-400 {
2799 background-color: rgb(255,112,67) !important; }
2800
2801.mdl-color-text--deep-orange-500 {
2802 color: rgb(255,87,34) !important; }
2803
2804.mdl-color--deep-orange-500 {
2805 background-color: rgb(255,87,34) !important; }
2806
2807.mdl-color-text--deep-orange-600 {
2808 color: rgb(244,81,30) !important; }
2809
2810.mdl-color--deep-orange-600 {
2811 background-color: rgb(244,81,30) !important; }
2812
2813.mdl-color-text--deep-orange-700 {
2814 color: rgb(230,74,25) !important; }
2815
2816.mdl-color--deep-orange-700 {
2817 background-color: rgb(230,74,25) !important; }
2818
2819.mdl-color-text--deep-orange-800 {
2820 color: rgb(216,67,21) !important; }
2821
2822.mdl-color--deep-orange-800 {
2823 background-color: rgb(216,67,21) !important; }
2824
2825.mdl-color-text--deep-orange-900 {
2826 color: rgb(191,54,12) !important; }
2827
2828.mdl-color--deep-orange-900 {
2829 background-color: rgb(191,54,12) !important; }
2830
2831.mdl-color-text--deep-orange-A100 {
2832 color: rgb(255,158,128) !important; }
2833
2834.mdl-color--deep-orange-A100 {
2835 background-color: rgb(255,158,128) !important; }
2836
2837.mdl-color-text--deep-orange-A200 {
2838 color: rgb(255,110,64) !important; }
2839
2840.mdl-color--deep-orange-A200 {
2841 background-color: rgb(255,110,64) !important; }
2842
2843.mdl-color-text--deep-orange-A400 {
2844 color: rgb(255,61,0) !important; }
2845
2846.mdl-color--deep-orange-A400 {
2847 background-color: rgb(255,61,0) !important; }
2848
2849.mdl-color-text--deep-orange-A700 {
2850 color: rgb(221,44,0) !important; }
2851
2852.mdl-color--deep-orange-A700 {
2853 background-color: rgb(221,44,0) !important; }
2854
2855.mdl-color-text--brown {
2856 color: rgb(121,85,72) !important; }
2857
2858.mdl-color--brown {
2859 background-color: rgb(121,85,72) !important; }
2860
2861.mdl-color-text--brown-50 {
2862 color: rgb(239,235,233) !important; }
2863
2864.mdl-color--brown-50 {
2865 background-color: rgb(239,235,233) !important; }
2866
2867.mdl-color-text--brown-100 {
2868 color: rgb(215,204,200) !important; }
2869
2870.mdl-color--brown-100 {
2871 background-color: rgb(215,204,200) !important; }
2872
2873.mdl-color-text--brown-200 {
2874 color: rgb(188,170,164) !important; }
2875
2876.mdl-color--brown-200 {
2877 background-color: rgb(188,170,164) !important; }
2878
2879.mdl-color-text--brown-300 {
2880 color: rgb(161,136,127) !important; }
2881
2882.mdl-color--brown-300 {
2883 background-color: rgb(161,136,127) !important; }
2884
2885.mdl-color-text--brown-400 {
2886 color: rgb(141,110,99) !important; }
2887
2888.mdl-color--brown-400 {
2889 background-color: rgb(141,110,99) !important; }
2890
2891.mdl-color-text--brown-500 {
2892 color: rgb(121,85,72) !important; }
2893
2894.mdl-color--brown-500 {
2895 background-color: rgb(121,85,72) !important; }
2896
2897.mdl-color-text--brown-600 {
2898 color: rgb(109,76,65) !important; }
2899
2900.mdl-color--brown-600 {
2901 background-color: rgb(109,76,65) !important; }
2902
2903.mdl-color-text--brown-700 {
2904 color: rgb(93,64,55) !important; }
2905
2906.mdl-color--brown-700 {
2907 background-color: rgb(93,64,55) !important; }
2908
2909.mdl-color-text--brown-800 {
2910 color: rgb(78,52,46) !important; }
2911
2912.mdl-color--brown-800 {
2913 background-color: rgb(78,52,46) !important; }
2914
2915.mdl-color-text--brown-900 {
2916 color: rgb(62,39,35) !important; }
2917
2918.mdl-color--brown-900 {
2919 background-color: rgb(62,39,35) !important; }
2920
2921.mdl-color-text--grey {
2922 color: rgb(158,158,158) !important; }
2923
2924.mdl-color--grey {
2925 background-color: rgb(158,158,158) !important; }
2926
2927.mdl-color-text--grey-50 {
2928 color: rgb(250,250,250) !important; }
2929
2930.mdl-color--grey-50 {
2931 background-color: rgb(250,250,250) !important; }
2932
2933.mdl-color-text--grey-100 {
2934 color: rgb(245,245,245) !important; }
2935
2936.mdl-color--grey-100 {
2937 background-color: rgb(245,245,245) !important; }
2938
2939.mdl-color-text--grey-200 {
2940 color: rgb(238,238,238) !important; }
2941
2942.mdl-color--grey-200 {
2943 background-color: rgb(238,238,238) !important; }
2944
2945.mdl-color-text--grey-300 {
2946 color: rgb(224,224,224) !important; }
2947
2948.mdl-color--grey-300 {
2949 background-color: rgb(224,224,224) !important; }
2950
2951.mdl-color-text--grey-400 {
2952 color: rgb(189,189,189) !important; }
2953
2954.mdl-color--grey-400 {
2955 background-color: rgb(189,189,189) !important; }
2956
2957.mdl-color-text--grey-500 {
2958 color: rgb(158,158,158) !important; }
2959
2960.mdl-color--grey-500 {
2961 background-color: rgb(158,158,158) !important; }
2962
2963.mdl-color-text--grey-600 {
2964 color: rgb(117,117,117) !important; }
2965
2966.mdl-color--grey-600 {
2967 background-color: rgb(117,117,117) !important; }
2968
2969.mdl-color-text--grey-700 {
2970 color: rgb(97,97,97) !important; }
2971
2972.mdl-color--grey-700 {
2973 background-color: rgb(97,97,97) !important; }
2974
2975.mdl-color-text--grey-800 {
2976 color: rgb(66,66,66) !important; }
2977
2978.mdl-color--grey-800 {
2979 background-color: rgb(66,66,66) !important; }
2980
2981.mdl-color-text--grey-900 {
2982 color: rgb(33,33,33) !important; }
2983
2984.mdl-color--grey-900 {
2985 background-color: rgb(33,33,33) !important; }
2986
2987.mdl-color-text--blue-grey {
2988 color: rgb(96,125,139) !important; }
2989
2990.mdl-color--blue-grey {
2991 background-color: rgb(96,125,139) !important; }
2992
2993.mdl-color-text--blue-grey-50 {
2994 color: rgb(236,239,241) !important; }
2995
2996.mdl-color--blue-grey-50 {
2997 background-color: rgb(236,239,241) !important; }
2998
2999.mdl-color-text--blue-grey-100 {
3000 color: rgb(207,216,220) !important; }
3001
3002.mdl-color--blue-grey-100 {
3003 background-color: rgb(207,216,220) !important; }
3004
3005.mdl-color-text--blue-grey-200 {
3006 color: rgb(176,190,197) !important; }
3007
3008.mdl-color--blue-grey-200 {
3009 background-color: rgb(176,190,197) !important; }
3010
3011.mdl-color-text--blue-grey-300 {
3012 color: rgb(144,164,174) !important; }
3013
3014.mdl-color--blue-grey-300 {
3015 background-color: rgb(144,164,174) !important; }
3016
3017.mdl-color-text--blue-grey-400 {
3018 color: rgb(120,144,156) !important; }
3019
3020.mdl-color--blue-grey-400 {
3021 background-color: rgb(120,144,156) !important; }
3022
3023.mdl-color-text--blue-grey-500 {
3024 color: rgb(96,125,139) !important; }
3025
3026.mdl-color--blue-grey-500 {
3027 background-color: rgb(96,125,139) !important; }
3028
3029.mdl-color-text--blue-grey-600 {
3030 color: rgb(84,110,122) !important; }
3031
3032.mdl-color--blue-grey-600 {
3033 background-color: rgb(84,110,122) !important; }
3034
3035.mdl-color-text--blue-grey-700 {
3036 color: rgb(69,90,100) !important; }
3037
3038.mdl-color--blue-grey-700 {
3039 background-color: rgb(69,90,100) !important; }
3040
3041.mdl-color-text--blue-grey-800 {
3042 color: rgb(55,71,79) !important; }
3043
3044.mdl-color--blue-grey-800 {
3045 background-color: rgb(55,71,79) !important; }
3046
3047.mdl-color-text--blue-grey-900 {
3048 color: rgb(38,50,56) !important; }
3049
3050.mdl-color--blue-grey-900 {
3051 background-color: rgb(38,50,56) !important; }
3052
3053.mdl-color--black {
3054 background-color: rgb(0,0,0) !important; }
3055
3056.mdl-color-text--black {
3057 color: rgb(0,0,0) !important; }
3058
3059.mdl-color--white {
3060 background-color: rgb(255,255,255) !important; }
3061
3062.mdl-color-text--white {
3063 color: rgb(255,255,255) !important; }
3064
3065.mdl-color--primary {
3066 background-color: rgb($color-primary) !important; }
3067
3068.mdl-color--primary-contrast {
3069 background-color: rgb($color-primary-contrast) !important; }
3070
3071.mdl-color--primary-dark {
3072 background-color: rgb($color-primary-dark) !important; }
3073
3074.mdl-color--accent {
3075 background-color: rgb($color-accent) !important; }
3076
3077.mdl-color--accent-contrast {
3078 background-color: rgb($color-accent-contrast) !important; }
3079
3080.mdl-color-text--primary {
3081 color: rgb($color-primary) !important; }
3082
3083.mdl-color-text--primary-contrast {
3084 color: rgb($color-primary-contrast) !important; }
3085
3086.mdl-color-text--primary-dark {
3087 color: rgb($color-primary-dark) !important; }
3088
3089.mdl-color-text--accent {
3090 color: rgb($color-accent) !important; }
3091
3092.mdl-color-text--accent-contrast {
3093 color: rgb($color-accent-contrast) !important; }
3094
3095/**
3096 * Copyright 2015 Google Inc. All Rights Reserved.
3097 *
3098 * Licensed under the Apache License, Version 2.0 (the "License");
3099 * you may not use this file except in compliance with the License.
3100 * You may obtain a copy of the License at
3101 *
3102 * http://www.apache.org/licenses/LICENSE-2.0
3103 *
3104 * Unless required by applicable law or agreed to in writing, software
3105 * distributed under the License is distributed on an "AS IS" BASIS,
3106 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3107 * See the License for the specific language governing permissions and
3108 * limitations under the License.
3109 */
3110/**
3111 * Copyright 2015 Google Inc. All Rights Reserved.
3112 *
3113 * Licensed under the Apache License, Version 2.0 (the "License");
3114 * you may not use this file except in compliance with the License.
3115 * You may obtain a copy of the License at
3116 *
3117 * http://www.apache.org/licenses/LICENSE-2.0
3118 *
3119 * Unless required by applicable law or agreed to in writing, software
3120 * distributed under the License is distributed on an "AS IS" BASIS,
3121 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3122 * See the License for the specific language governing permissions and
3123 * limitations under the License.
3124 */
3125/*------------------------------------* $CONTENTS
3126\*------------------------------------*/
3127/**
3128 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3129 * -----Typography
3130 * -----Colors
3131 * -----Textfield
3132 * -----Switch
3133 * -----Spinner
3134 * -----Radio
3135 * -----Menu
3136 * -----List
3137 * -----Layout
3138 * -----Icon toggles
3139 * -----Footer
3140 * -----Column
3141 * -----Checkbox
3142 * -----Card
3143 * -----Button
3144 * -----Animation
3145 * -----Progress
3146 * -----Badge
3147 * -----Shadows
3148 * -----Grid
3149 * -----Data table
3150 * -----Dialog
3151 * -----Snackbar
3152 * -----Tooltip
3153 * -----Chip
3154 *
3155 * Even though all variables have the `!default` directive, most of them
3156 * should not be changed as they are dependent one another. This can cause
3157 * visual distortions (like alignment issues) that are hard to track down
3158 * and fix.
3159 */
3160/* ========== TYPOGRAPHY ========== */
3161/* We're splitting fonts into "preferred" and "performance" in order to optimize
3162 page loading. For important text, such as the body, we want it to load
3163 immediately and not wait for the web font load, whereas for other sections,
3164 such as headers and titles, we're OK with things taking a bit longer to load.
3165 We do have some optional classes and parameters in the mixins, in case you
3166 definitely want to make sure you're using the preferred font and don't mind
3167 the performance hit.
3168 We should be able to improve on this once CSS Font Loading L3 becomes more
3169 widely available.
3170*/
3171/* ========== COLORS ========== */
3172/**
3173*
3174* Material design color palettes.
3175* @see http://www.google.com/design/spec/style/color.html
3176*
3177**/
3178/**
3179 * Copyright 2015 Google Inc. All Rights Reserved.
3180 *
3181 * Licensed under the Apache License, Version 2.0 (the "License");
3182 * you may not use this file except in compliance with the License.
3183 * You may obtain a copy of the License at
3184 *
3185 * http://www.apache.org/licenses/LICENSE-2.0
3186 *
3187 * Unless required by applicable law or agreed to in writing, software
3188 * distributed under the License is distributed on an "AS IS" BASIS,
3189 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3190 * See the License for the specific language governing permissions and
3191 * limitations under the License.
3192 */
3193/* ========== Color Palettes ========== */
3194/* colors.scss */
3195/**
3196 * Copyright 2015 Google Inc. All Rights Reserved.
3197 *
3198 * Licensed under the Apache License, Version 2.0 (the "License");
3199 * you may not use this file except in compliance with the License.
3200 * You may obtain a copy of the License at
3201 *
3202 * http://www.apache.org/licenses/LICENSE-2.0
3203 *
3204 * Unless required by applicable law or agreed to in writing, software
3205 * distributed under the License is distributed on an "AS IS" BASIS,
3206 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3207 * See the License for the specific language governing permissions and
3208 * limitations under the License.
3209 */
3210/* ========== IMAGES ========== */
3211/* ========== Color & Themes ========== */
3212/* ========== Typography ========== */
3213/* ========== Components ========== */
3214/* ========== Standard Buttons ========== */
3215/* ========== Icon Toggles ========== */
3216/* ========== Radio Buttons ========== */
3217/* ========== Ripple effect ========== */
3218/* ========== Layout ========== */
3219/* ========== Content Tabs ========== */
3220/* ========== Checkboxes ========== */
3221/* ========== Switches ========== */
3222/* ========== Spinner ========== */
3223/* ========== Text fields ========== */
3224/* ========== Card ========== */
3225/* ========== Sliders ========== */
3226/* ========== Progress ========== */
3227/* ========== List ========== */
3228/* ========== Item ========== */
3229/* ========== Dropdown menu ========== */
3230/* ========== Tooltips ========== */
3231/* ========== Footer ========== */
3232/* TEXTFIELD */
3233/* SWITCH */
3234/* SPINNER */
3235/* RADIO */
3236/* MENU */
3237/* LIST */
3238/* LAYOUT */
3239/* ICON TOGGLE */
3240/* FOOTER */
3241/*mega-footer*/
3242/*mini-footer*/
3243/* CHECKBOX */
3244/* CARD */
3245/* Card dimensions */
3246/* Cover image */
3247/* BUTTON */
3248/**
3249 *
3250 * Dimensions
3251 *
3252 */
3253/* ANIMATION */
3254/* PROGRESS */
3255/* BADGE */
3256/* SHADOWS */
3257/* GRID */
3258/* DATA TABLE */
3259/* DIALOG */
3260/* SNACKBAR */
3261/* TOOLTIP */
3262/* CHIP */
3263.mdl-ripple {
3264 background: rgb(0,0,0);
3265 border-radius: 50%;
3266 height: 50px;
3267 left: 0;
3268 opacity: 0;
3269 pointer-events: none;
3270 position: absolute;
3271 top: 0;
3272 -webkit-transform: translate(-50%, -50%);
3273 transform: translate(-50%, -50%);
3274 width: 50px;
3275 overflow: hidden; }
3276 .mdl-ripple.is-animating {
3277 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);
3278 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);
3279 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); }
3280 .mdl-ripple.is-visible {
3281 opacity: 0.3; }
3282
3283/**
3284 * Copyright 2015 Google Inc. All Rights Reserved.
3285 *
3286 * Licensed under the Apache License, Version 2.0 (the "License");
3287 * you may not use this file except in compliance with the License.
3288 * You may obtain a copy of the License at
3289 *
3290 * http://www.apache.org/licenses/LICENSE-2.0
3291 *
3292 * Unless required by applicable law or agreed to in writing, software
3293 * distributed under the License is distributed on an "AS IS" BASIS,
3294 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3295 * See the License for the specific language governing permissions and
3296 * limitations under the License.
3297 */
3298/**
3299 * Copyright 2015 Google Inc. All Rights Reserved.
3300 *
3301 * Licensed under the Apache License, Version 2.0 (the "License");
3302 * you may not use this file except in compliance with the License.
3303 * You may obtain a copy of the License at
3304 *
3305 * http://www.apache.org/licenses/LICENSE-2.0
3306 *
3307 * Unless required by applicable law or agreed to in writing, software
3308 * distributed under the License is distributed on an "AS IS" BASIS,
3309 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3310 * See the License for the specific language governing permissions and
3311 * limitations under the License.
3312 */
3313/*------------------------------------* $CONTENTS
3314\*------------------------------------*/
3315/**
3316 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3317 * -----Typography
3318 * -----Colors
3319 * -----Textfield
3320 * -----Switch
3321 * -----Spinner
3322 * -----Radio
3323 * -----Menu
3324 * -----List
3325 * -----Layout
3326 * -----Icon toggles
3327 * -----Footer
3328 * -----Column
3329 * -----Checkbox
3330 * -----Card
3331 * -----Button
3332 * -----Animation
3333 * -----Progress
3334 * -----Badge
3335 * -----Shadows
3336 * -----Grid
3337 * -----Data table
3338 * -----Dialog
3339 * -----Snackbar
3340 * -----Tooltip
3341 * -----Chip
3342 *
3343 * Even though all variables have the `!default` directive, most of them
3344 * should not be changed as they are dependent one another. This can cause
3345 * visual distortions (like alignment issues) that are hard to track down
3346 * and fix.
3347 */
3348/* ========== TYPOGRAPHY ========== */
3349/* We're splitting fonts into "preferred" and "performance" in order to optimize
3350 page loading. For important text, such as the body, we want it to load
3351 immediately and not wait for the web font load, whereas for other sections,
3352 such as headers and titles, we're OK with things taking a bit longer to load.
3353 We do have some optional classes and parameters in the mixins, in case you
3354 definitely want to make sure you're using the preferred font and don't mind
3355 the performance hit.
3356 We should be able to improve on this once CSS Font Loading L3 becomes more
3357 widely available.
3358*/
3359/* ========== COLORS ========== */
3360/**
3361*
3362* Material design color palettes.
3363* @see http://www.google.com/design/spec/style/color.html
3364*
3365**/
3366/**
3367 * Copyright 2015 Google Inc. All Rights Reserved.
3368 *
3369 * Licensed under the Apache License, Version 2.0 (the "License");
3370 * you may not use this file except in compliance with the License.
3371 * You may obtain a copy of the License at
3372 *
3373 * http://www.apache.org/licenses/LICENSE-2.0
3374 *
3375 * Unless required by applicable law or agreed to in writing, software
3376 * distributed under the License is distributed on an "AS IS" BASIS,
3377 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3378 * See the License for the specific language governing permissions and
3379 * limitations under the License.
3380 */
3381/* ========== Color Palettes ========== */
3382/* colors.scss */
3383/**
3384 * Copyright 2015 Google Inc. All Rights Reserved.
3385 *
3386 * Licensed under the Apache License, Version 2.0 (the "License");
3387 * you may not use this file except in compliance with the License.
3388 * You may obtain a copy of the License at
3389 *
3390 * http://www.apache.org/licenses/LICENSE-2.0
3391 *
3392 * Unless required by applicable law or agreed to in writing, software
3393 * distributed under the License is distributed on an "AS IS" BASIS,
3394 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3395 * See the License for the specific language governing permissions and
3396 * limitations under the License.
3397 */
3398/* ========== IMAGES ========== */
3399/* ========== Color & Themes ========== */
3400/* ========== Typography ========== */
3401/* ========== Components ========== */
3402/* ========== Standard Buttons ========== */
3403/* ========== Icon Toggles ========== */
3404/* ========== Radio Buttons ========== */
3405/* ========== Ripple effect ========== */
3406/* ========== Layout ========== */
3407/* ========== Content Tabs ========== */
3408/* ========== Checkboxes ========== */
3409/* ========== Switches ========== */
3410/* ========== Spinner ========== */
3411/* ========== Text fields ========== */
3412/* ========== Card ========== */
3413/* ========== Sliders ========== */
3414/* ========== Progress ========== */
3415/* ========== List ========== */
3416/* ========== Item ========== */
3417/* ========== Dropdown menu ========== */
3418/* ========== Tooltips ========== */
3419/* ========== Footer ========== */
3420/* TEXTFIELD */
3421/* SWITCH */
3422/* SPINNER */
3423/* RADIO */
3424/* MENU */
3425/* LIST */
3426/* LAYOUT */
3427/* ICON TOGGLE */
3428/* FOOTER */
3429/*mega-footer*/
3430/*mini-footer*/
3431/* CHECKBOX */
3432/* CARD */
3433/* Card dimensions */
3434/* Cover image */
3435/* BUTTON */
3436/**
3437 *
3438 * Dimensions
3439 *
3440 */
3441/* ANIMATION */
3442/* PROGRESS */
3443/* BADGE */
3444/* SHADOWS */
3445/* GRID */
3446/* DATA TABLE */
3447/* DIALOG */
3448/* SNACKBAR */
3449/* TOOLTIP */
3450/* CHIP */
3451.mdl-animation--default {
3452 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3453
3454.mdl-animation--fast-out-slow-in {
3455 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3456
3457.mdl-animation--linear-out-slow-in {
3458 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
3459
3460.mdl-animation--fast-out-linear-in {
3461 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
3462
3463/**
3464 * Copyright 2015 Google Inc. All Rights Reserved.
3465 *
3466 * Licensed under the Apache License, Version 2.0 (the "License");
3467 * you may not use this file except in compliance with the License.
3468 * You may obtain a copy of the License at
3469 *
3470 * http://www.apache.org/licenses/LICENSE-2.0
3471 *
3472 * Unless required by applicable law or agreed to in writing, software
3473 * distributed under the License is distributed on an "AS IS" BASIS,
3474 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3475 * See the License for the specific language governing permissions and
3476 * limitations under the License.
3477 */
3478/**
3479 * Copyright 2015 Google Inc. All Rights Reserved.
3480 *
3481 * Licensed under the Apache License, Version 2.0 (the "License");
3482 * you may not use this file except in compliance with the License.
3483 * You may obtain a copy of the License at
3484 *
3485 * http://www.apache.org/licenses/LICENSE-2.0
3486 *
3487 * Unless required by applicable law or agreed to in writing, software
3488 * distributed under the License is distributed on an "AS IS" BASIS,
3489 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3490 * See the License for the specific language governing permissions and
3491 * limitations under the License.
3492 */
3493/*------------------------------------* $CONTENTS
3494\*------------------------------------*/
3495/**
3496 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3497 * -----Typography
3498 * -----Colors
3499 * -----Textfield
3500 * -----Switch
3501 * -----Spinner
3502 * -----Radio
3503 * -----Menu
3504 * -----List
3505 * -----Layout
3506 * -----Icon toggles
3507 * -----Footer
3508 * -----Column
3509 * -----Checkbox
3510 * -----Card
3511 * -----Button
3512 * -----Animation
3513 * -----Progress
3514 * -----Badge
3515 * -----Shadows
3516 * -----Grid
3517 * -----Data table
3518 * -----Dialog
3519 * -----Snackbar
3520 * -----Tooltip
3521 * -----Chip
3522 *
3523 * Even though all variables have the `!default` directive, most of them
3524 * should not be changed as they are dependent one another. This can cause
3525 * visual distortions (like alignment issues) that are hard to track down
3526 * and fix.
3527 */
3528/* ========== TYPOGRAPHY ========== */
3529/* We're splitting fonts into "preferred" and "performance" in order to optimize
3530 page loading. For important text, such as the body, we want it to load
3531 immediately and not wait for the web font load, whereas for other sections,
3532 such as headers and titles, we're OK with things taking a bit longer to load.
3533 We do have some optional classes and parameters in the mixins, in case you
3534 definitely want to make sure you're using the preferred font and don't mind
3535 the performance hit.
3536 We should be able to improve on this once CSS Font Loading L3 becomes more
3537 widely available.
3538*/
3539/* ========== COLORS ========== */
3540/**
3541*
3542* Material design color palettes.
3543* @see http://www.google.com/design/spec/style/color.html
3544*
3545**/
3546/**
3547 * Copyright 2015 Google Inc. All Rights Reserved.
3548 *
3549 * Licensed under the Apache License, Version 2.0 (the "License");
3550 * you may not use this file except in compliance with the License.
3551 * You may obtain a copy of the License at
3552 *
3553 * http://www.apache.org/licenses/LICENSE-2.0
3554 *
3555 * Unless required by applicable law or agreed to in writing, software
3556 * distributed under the License is distributed on an "AS IS" BASIS,
3557 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3558 * See the License for the specific language governing permissions and
3559 * limitations under the License.
3560 */
3561/* ========== Color Palettes ========== */
3562/* colors.scss */
3563/**
3564 * Copyright 2015 Google Inc. All Rights Reserved.
3565 *
3566 * Licensed under the Apache License, Version 2.0 (the "License");
3567 * you may not use this file except in compliance with the License.
3568 * You may obtain a copy of the License at
3569 *
3570 * http://www.apache.org/licenses/LICENSE-2.0
3571 *
3572 * Unless required by applicable law or agreed to in writing, software
3573 * distributed under the License is distributed on an "AS IS" BASIS,
3574 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3575 * See the License for the specific language governing permissions and
3576 * limitations under the License.
3577 */
3578/* ========== IMAGES ========== */
3579/* ========== Color & Themes ========== */
3580/* ========== Typography ========== */
3581/* ========== Components ========== */
3582/* ========== Standard Buttons ========== */
3583/* ========== Icon Toggles ========== */
3584/* ========== Radio Buttons ========== */
3585/* ========== Ripple effect ========== */
3586/* ========== Layout ========== */
3587/* ========== Content Tabs ========== */
3588/* ========== Checkboxes ========== */
3589/* ========== Switches ========== */
3590/* ========== Spinner ========== */
3591/* ========== Text fields ========== */
3592/* ========== Card ========== */
3593/* ========== Sliders ========== */
3594/* ========== Progress ========== */
3595/* ========== List ========== */
3596/* ========== Item ========== */
3597/* ========== Dropdown menu ========== */
3598/* ========== Tooltips ========== */
3599/* ========== Footer ========== */
3600/* TEXTFIELD */
3601/* SWITCH */
3602/* SPINNER */
3603/* RADIO */
3604/* MENU */
3605/* LIST */
3606/* LAYOUT */
3607/* ICON TOGGLE */
3608/* FOOTER */
3609/*mega-footer*/
3610/*mini-footer*/
3611/* CHECKBOX */
3612/* CARD */
3613/* Card dimensions */
3614/* Cover image */
3615/* BUTTON */
3616/**
3617 *
3618 * Dimensions
3619 *
3620 */
3621/* ANIMATION */
3622/* PROGRESS */
3623/* BADGE */
3624/* SHADOWS */
3625/* GRID */
3626/* DATA TABLE */
3627/* DIALOG */
3628/* SNACKBAR */
3629/* TOOLTIP */
3630/* CHIP */
3631.mdl-badge {
3632 position: relative;
3633 white-space: nowrap;
3634 margin-right: 24px; }
3635 .mdl-badge:not([data-badge]) {
3636 margin-right: auto; }
3637 .mdl-badge[data-badge]:after {
3638 content: attr(data-badge);
3639 display: -webkit-flex;
3640 display: -ms-flexbox;
3641 display: flex;
3642 -webkit-flex-direction: row;
3643 -ms-flex-direction: row;
3644 flex-direction: row;
3645 -webkit-flex-wrap: wrap;
3646 -ms-flex-wrap: wrap;
3647 flex-wrap: wrap;
3648 -webkit-justify-content: center;
3649 -ms-flex-pack: center;
3650 justify-content: center;
3651 -webkit-align-content: center;
3652 -ms-flex-line-pack: center;
3653 align-content: center;
3654 -webkit-align-items: center;
3655 -ms-flex-align: center;
3656 align-items: center;
3657 position: absolute;
3658 top: -11px;
3659 right: -24px;
3660 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3661 font-weight: 600;
3662 font-size: 12px;
3663 width: 22px;
3664 height: 22px;
3665 border-radius: 50%;
3666 background: rgb($color-accent);
3667 color: rgb($color-accent-contrast); }
3668 .mdl-button .mdl-badge[data-badge]:after {
3669 top: -10px;
3670 right: -5px; }
3671 .mdl-badge.mdl-badge--no-background[data-badge]:after {
3672 color: rgb($color-accent);
3673 background: rgba($color-accent-contrast,0.2);
3674 box-shadow: 0 0 1px gray; }
3675 .mdl-badge.mdl-badge--overlap {
3676 margin-right: 10px; }
3677 .mdl-badge.mdl-badge--overlap:after {
3678 right: -10px; }
3679
3680/**
3681 * Copyright 2015 Google Inc. All Rights Reserved.
3682 *
3683 * Licensed under the Apache License, Version 2.0 (the "License");
3684 * you may not use this file except in compliance with the License.
3685 * You may obtain a copy of the License at
3686 *
3687 * http://www.apache.org/licenses/LICENSE-2.0
3688 *
3689 * Unless required by applicable law or agreed to in writing, software
3690 * distributed under the License is distributed on an "AS IS" BASIS,
3691 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3692 * See the License for the specific language governing permissions and
3693 * limitations under the License.
3694 */
3695/**
3696 * Copyright 2015 Google Inc. All Rights Reserved.
3697 *
3698 * Licensed under the Apache License, Version 2.0 (the "License");
3699 * you may not use this file except in compliance with the License.
3700 * You may obtain a copy of the License at
3701 *
3702 * http://www.apache.org/licenses/LICENSE-2.0
3703 *
3704 * Unless required by applicable law or agreed to in writing, software
3705 * distributed under the License is distributed on an "AS IS" BASIS,
3706 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3707 * See the License for the specific language governing permissions and
3708 * limitations under the License.
3709 */
3710/*------------------------------------* $CONTENTS
3711\*------------------------------------*/
3712/**
3713 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3714 * -----Typography
3715 * -----Colors
3716 * -----Textfield
3717 * -----Switch
3718 * -----Spinner
3719 * -----Radio
3720 * -----Menu
3721 * -----List
3722 * -----Layout
3723 * -----Icon toggles
3724 * -----Footer
3725 * -----Column
3726 * -----Checkbox
3727 * -----Card
3728 * -----Button
3729 * -----Animation
3730 * -----Progress
3731 * -----Badge
3732 * -----Shadows
3733 * -----Grid
3734 * -----Data table
3735 * -----Dialog
3736 * -----Snackbar
3737 * -----Tooltip
3738 * -----Chip
3739 *
3740 * Even though all variables have the `!default` directive, most of them
3741 * should not be changed as they are dependent one another. This can cause
3742 * visual distortions (like alignment issues) that are hard to track down
3743 * and fix.
3744 */
3745/* ========== TYPOGRAPHY ========== */
3746/* We're splitting fonts into "preferred" and "performance" in order to optimize
3747 page loading. For important text, such as the body, we want it to load
3748 immediately and not wait for the web font load, whereas for other sections,
3749 such as headers and titles, we're OK with things taking a bit longer to load.
3750 We do have some optional classes and parameters in the mixins, in case you
3751 definitely want to make sure you're using the preferred font and don't mind
3752 the performance hit.
3753 We should be able to improve on this once CSS Font Loading L3 becomes more
3754 widely available.
3755*/
3756/* ========== COLORS ========== */
3757/**
3758*
3759* Material design color palettes.
3760* @see http://www.google.com/design/spec/style/color.html
3761*
3762**/
3763/**
3764 * Copyright 2015 Google Inc. All Rights Reserved.
3765 *
3766 * Licensed under the Apache License, Version 2.0 (the "License");
3767 * you may not use this file except in compliance with the License.
3768 * You may obtain a copy of the License at
3769 *
3770 * http://www.apache.org/licenses/LICENSE-2.0
3771 *
3772 * Unless required by applicable law or agreed to in writing, software
3773 * distributed under the License is distributed on an "AS IS" BASIS,
3774 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3775 * See the License for the specific language governing permissions and
3776 * limitations under the License.
3777 */
3778/* ========== Color Palettes ========== */
3779/* colors.scss */
3780/**
3781 * Copyright 2015 Google Inc. All Rights Reserved.
3782 *
3783 * Licensed under the Apache License, Version 2.0 (the "License");
3784 * you may not use this file except in compliance with the License.
3785 * You may obtain a copy of the License at
3786 *
3787 * http://www.apache.org/licenses/LICENSE-2.0
3788 *
3789 * Unless required by applicable law or agreed to in writing, software
3790 * distributed under the License is distributed on an "AS IS" BASIS,
3791 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3792 * See the License for the specific language governing permissions and
3793 * limitations under the License.
3794 */
3795/* ========== IMAGES ========== */
3796/* ========== Color & Themes ========== */
3797/* ========== Typography ========== */
3798/* ========== Components ========== */
3799/* ========== Standard Buttons ========== */
3800/* ========== Icon Toggles ========== */
3801/* ========== Radio Buttons ========== */
3802/* ========== Ripple effect ========== */
3803/* ========== Layout ========== */
3804/* ========== Content Tabs ========== */
3805/* ========== Checkboxes ========== */
3806/* ========== Switches ========== */
3807/* ========== Spinner ========== */
3808/* ========== Text fields ========== */
3809/* ========== Card ========== */
3810/* ========== Sliders ========== */
3811/* ========== Progress ========== */
3812/* ========== List ========== */
3813/* ========== Item ========== */
3814/* ========== Dropdown menu ========== */
3815/* ========== Tooltips ========== */
3816/* ========== Footer ========== */
3817/* TEXTFIELD */
3818/* SWITCH */
3819/* SPINNER */
3820/* RADIO */
3821/* MENU */
3822/* LIST */
3823/* LAYOUT */
3824/* ICON TOGGLE */
3825/* FOOTER */
3826/*mega-footer*/
3827/*mini-footer*/
3828/* CHECKBOX */
3829/* CARD */
3830/* Card dimensions */
3831/* Cover image */
3832/* BUTTON */
3833/**
3834 *
3835 * Dimensions
3836 *
3837 */
3838/* ANIMATION */
3839/* PROGRESS */
3840/* BADGE */
3841/* SHADOWS */
3842/* GRID */
3843/* DATA TABLE */
3844/* DIALOG */
3845/* SNACKBAR */
3846/* TOOLTIP */
3847/* CHIP */
3848/**
3849 * Copyright 2015 Google Inc. All Rights Reserved.
3850 *
3851 * Licensed under the Apache License, Version 2.0 (the "License");
3852 * you may not use this file except in compliance with the License.
3853 * You may obtain a copy of the License at
3854 *
3855 * http://www.apache.org/licenses/LICENSE-2.0
3856 *
3857 * Unless required by applicable law or agreed to in writing, software
3858 * distributed under the License is distributed on an "AS IS" BASIS,
3859 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3860 * See the License for the specific language governing permissions and
3861 * limitations under the License.
3862 */
3863/* Typography */
3864/* Shadows */
3865/* Animations */
3866/* Dialog */
3867.mdl-button {
3868 background: transparent;
3869 border: none;
3870 border-radius: 2px;
3871 color: rgb(0,0,0);
3872 position: relative;
3873 height: 36px;
3874 margin: 0;
3875 min-width: 64px;
3876 padding: 0 16px;
3877 display: inline-block;
3878 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3879 font-size: 14px;
3880 font-weight: 500;
3881 text-transform: uppercase;
3882 line-height: 1;
3883 letter-spacing: 0;
3884 overflow: hidden;
3885 will-change: box-shadow;
3886 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);
3887 outline: none;
3888 cursor: pointer;
3889 text-decoration: none;
3890 text-align: center;
3891 line-height: 36px;
3892 vertical-align: middle; }
3893 .mdl-button::-moz-focus-inner {
3894 border: 0; }
3895 .mdl-button:hover {
3896 background-color: rgba(158,158,158, 0.20); }
3897 .mdl-button:focus:not(:active) {
3898 background-color: rgba(0,0,0, 0.12); }
3899 .mdl-button:active {
3900 background-color: rgba(158,158,158, 0.40); }
3901 .mdl-button.mdl-button--colored {
3902 color: rgb($color-primary); }
3903 .mdl-button.mdl-button--colored:focus:not(:active) {
3904 background-color: rgba(0,0,0, 0.12); }
3905
3906input.mdl-button[type="submit"] {
3907 -webkit-appearance: none; }
3908
3909.mdl-button--raised {
3910 background: rgba(158,158,158, 0.20);
3911 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); }
3912 .mdl-button--raised:active {
3913 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);
3914 background-color: rgba(158,158,158, 0.40); }
3915 .mdl-button--raised:focus:not(:active) {
3916 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3917 background-color: rgba(158,158,158, 0.40); }
3918 .mdl-button--raised.mdl-button--colored {
3919 background: rgb($color-primary);
3920 color: rgb($color-primary-contrast); }
3921 .mdl-button--raised.mdl-button--colored:hover {
3922 background-color: rgb($color-primary); }
3923 .mdl-button--raised.mdl-button--colored:active {
3924 background-color: rgb($color-primary); }
3925 .mdl-button--raised.mdl-button--colored:focus:not(:active) {
3926 background-color: rgb($color-primary); }
3927 .mdl-button--raised.mdl-button--colored .mdl-ripple {
3928 background: rgb($color-primary-contrast); }
3929
3930.mdl-button--fab {
3931 border-radius: 50%;
3932 font-size: 24px;
3933 height: 56px;
3934 margin: auto;
3935 min-width: 56px;
3936 width: 56px;
3937 padding: 0;
3938 overflow: hidden;
3939 background: rgba(158,158,158, 0.20);
3940 box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
3941 position: relative;
3942 line-height: normal; }
3943 .mdl-button--fab .material-icons {
3944 position: absolute;
3945 top: 50%;
3946 left: 50%;
3947 -webkit-transform: translate(-12px, -12px);
3948 transform: translate(-12px, -12px);
3949 line-height: 24px;
3950 width: 24px; }
3951 .mdl-button--fab.mdl-button--mini-fab {
3952 height: 40px;
3953 min-width: 40px;
3954 width: 40px; }
3955 .mdl-button--fab .mdl-button__ripple-container {
3956 border-radius: 50%;
3957 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3958 .mdl-button--fab:active {
3959 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);
3960 background-color: rgba(158,158,158, 0.40); }
3961 .mdl-button--fab:focus:not(:active) {
3962 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3963 background-color: rgba(158,158,158, 0.40); }
3964 .mdl-button--fab.mdl-button--colored {
3965 background: rgb($color-accent);
3966 color: rgb($color-accent-contrast); }
3967 .mdl-button--fab.mdl-button--colored:hover {
3968 background-color: rgb($color-accent); }
3969 .mdl-button--fab.mdl-button--colored:focus:not(:active) {
3970 background-color: rgb($color-accent); }
3971 .mdl-button--fab.mdl-button--colored:active {
3972 background-color: rgb($color-accent); }
3973 .mdl-button--fab.mdl-button--colored .mdl-ripple {
3974 background: rgb($color-accent-contrast); }
3975
3976.mdl-button--icon {
3977 border-radius: 50%;
3978 font-size: 24px;
3979 height: 32px;
3980 margin-left: 0;
3981 margin-right: 0;
3982 min-width: 32px;
3983 width: 32px;
3984 padding: 0;
3985 overflow: hidden;
3986 color: inherit;
3987 line-height: normal; }
3988 .mdl-button--icon .material-icons {
3989 position: absolute;
3990 top: 50%;
3991 left: 50%;
3992 -webkit-transform: translate(-12px, -12px);
3993 transform: translate(-12px, -12px);
3994 line-height: 24px;
3995 width: 24px; }
3996 .mdl-button--icon.mdl-button--mini-icon {
3997 height: 24px;
3998 min-width: 24px;
3999 width: 24px; }
4000 .mdl-button--icon.mdl-button--mini-icon .material-icons {
4001 top: 0px;
4002 left: 0px; }
4003 .mdl-button--icon .mdl-button__ripple-container {
4004 border-radius: 50%;
4005 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
4006
4007.mdl-button__ripple-container {
4008 display: block;
4009 height: 100%;
4010 left: 0px;
4011 position: absolute;
4012 top: 0px;
4013 width: 100%;
4014 z-index: 0;
4015 overflow: hidden; }
4016 .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
4017 .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
4018 background-color: transparent; }
4019
4020.mdl-button--primary.mdl-button--primary {
4021 color: rgb($color-primary); }
4022 .mdl-button--primary.mdl-button--primary .mdl-ripple {
4023 background: rgb($color-primary-contrast); }
4024 .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
4025 color: rgb($color-primary-contrast);
4026 background-color: rgb($color-primary); }
4027
4028.mdl-button--accent.mdl-button--accent {
4029 color: rgb($color-accent); }
4030 .mdl-button--accent.mdl-button--accent .mdl-ripple {
4031 background: rgb($color-accent-contrast); }
4032 .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
4033 color: rgb($color-accent-contrast);
4034 background-color: rgb($color-accent); }
4035
4036.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
4037 color: rgba(0,0,0, 0.26);
4038 cursor: default;
4039 background-color: transparent; }
4040
4041.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
4042 background-color: rgba(0,0,0, 0.12);
4043 color: rgba(0,0,0, 0.26); }
4044
4045.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
4046 background-color: rgba(0,0,0, 0.12);
4047 color: rgba(0,0,0, 0.26);
4048 box-shadow: none; }
4049
4050.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
4051 color: rgba(0,0,0, 0.26); }
4052
4053.mdl-button .material-icons {
4054 vertical-align: middle; }
4055
4056/**
4057 * Copyright 2015 Google Inc. All Rights Reserved.
4058 *
4059 * Licensed under the Apache License, Version 2.0 (the "License");
4060 * you may not use this file except in compliance with the License.
4061 * You may obtain a copy of the License at
4062 *
4063 * http://www.apache.org/licenses/LICENSE-2.0
4064 *
4065 * Unless required by applicable law or agreed to in writing, software
4066 * distributed under the License is distributed on an "AS IS" BASIS,
4067 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4068 * See the License for the specific language governing permissions and
4069 * limitations under the License.
4070 */
4071/**
4072 * Copyright 2015 Google Inc. All Rights Reserved.
4073 *
4074 * Licensed under the Apache License, Version 2.0 (the "License");
4075 * you may not use this file except in compliance with the License.
4076 * You may obtain a copy of the License at
4077 *
4078 * http://www.apache.org/licenses/LICENSE-2.0
4079 *
4080 * Unless required by applicable law or agreed to in writing, software
4081 * distributed under the License is distributed on an "AS IS" BASIS,
4082 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4083 * See the License for the specific language governing permissions and
4084 * limitations under the License.
4085 */
4086/*------------------------------------* $CONTENTS
4087\*------------------------------------*/
4088/**
4089 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4090 * -----Typography
4091 * -----Colors
4092 * -----Textfield
4093 * -----Switch
4094 * -----Spinner
4095 * -----Radio
4096 * -----Menu
4097 * -----List
4098 * -----Layout
4099 * -----Icon toggles
4100 * -----Footer
4101 * -----Column
4102 * -----Checkbox
4103 * -----Card
4104 * -----Button
4105 * -----Animation
4106 * -----Progress
4107 * -----Badge
4108 * -----Shadows
4109 * -----Grid
4110 * -----Data table
4111 * -----Dialog
4112 * -----Snackbar
4113 * -----Tooltip
4114 * -----Chip
4115 *
4116 * Even though all variables have the `!default` directive, most of them
4117 * should not be changed as they are dependent one another. This can cause
4118 * visual distortions (like alignment issues) that are hard to track down
4119 * and fix.
4120 */
4121/* ========== TYPOGRAPHY ========== */
4122/* We're splitting fonts into "preferred" and "performance" in order to optimize
4123 page loading. For important text, such as the body, we want it to load
4124 immediately and not wait for the web font load, whereas for other sections,
4125 such as headers and titles, we're OK with things taking a bit longer to load.
4126 We do have some optional classes and parameters in the mixins, in case you
4127 definitely want to make sure you're using the preferred font and don't mind
4128 the performance hit.
4129 We should be able to improve on this once CSS Font Loading L3 becomes more
4130 widely available.
4131*/
4132/* ========== COLORS ========== */
4133/**
4134*
4135* Material design color palettes.
4136* @see http://www.google.com/design/spec/style/color.html
4137*
4138**/
4139/**
4140 * Copyright 2015 Google Inc. All Rights Reserved.
4141 *
4142 * Licensed under the Apache License, Version 2.0 (the "License");
4143 * you may not use this file except in compliance with the License.
4144 * You may obtain a copy of the License at
4145 *
4146 * http://www.apache.org/licenses/LICENSE-2.0
4147 *
4148 * Unless required by applicable law or agreed to in writing, software
4149 * distributed under the License is distributed on an "AS IS" BASIS,
4150 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4151 * See the License for the specific language governing permissions and
4152 * limitations under the License.
4153 */
4154/* ========== Color Palettes ========== */
4155/* colors.scss */
4156/**
4157 * Copyright 2015 Google Inc. All Rights Reserved.
4158 *
4159 * Licensed under the Apache License, Version 2.0 (the "License");
4160 * you may not use this file except in compliance with the License.
4161 * You may obtain a copy of the License at
4162 *
4163 * http://www.apache.org/licenses/LICENSE-2.0
4164 *
4165 * Unless required by applicable law or agreed to in writing, software
4166 * distributed under the License is distributed on an "AS IS" BASIS,
4167 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4168 * See the License for the specific language governing permissions and
4169 * limitations under the License.
4170 */
4171/* ========== IMAGES ========== */
4172/* ========== Color & Themes ========== */
4173/* ========== Typography ========== */
4174/* ========== Components ========== */
4175/* ========== Standard Buttons ========== */
4176/* ========== Icon Toggles ========== */
4177/* ========== Radio Buttons ========== */
4178/* ========== Ripple effect ========== */
4179/* ========== Layout ========== */
4180/* ========== Content Tabs ========== */
4181/* ========== Checkboxes ========== */
4182/* ========== Switches ========== */
4183/* ========== Spinner ========== */
4184/* ========== Text fields ========== */
4185/* ========== Card ========== */
4186/* ========== Sliders ========== */
4187/* ========== Progress ========== */
4188/* ========== List ========== */
4189/* ========== Item ========== */
4190/* ========== Dropdown menu ========== */
4191/* ========== Tooltips ========== */
4192/* ========== Footer ========== */
4193/* TEXTFIELD */
4194/* SWITCH */
4195/* SPINNER */
4196/* RADIO */
4197/* MENU */
4198/* LIST */
4199/* LAYOUT */
4200/* ICON TOGGLE */
4201/* FOOTER */
4202/*mega-footer*/
4203/*mini-footer*/
4204/* CHECKBOX */
4205/* CARD */
4206/* Card dimensions */
4207/* Cover image */
4208/* BUTTON */
4209/**
4210 *
4211 * Dimensions
4212 *
4213 */
4214/* ANIMATION */
4215/* PROGRESS */
4216/* BADGE */
4217/* SHADOWS */
4218/* GRID */
4219/* DATA TABLE */
4220/* DIALOG */
4221/* SNACKBAR */
4222/* TOOLTIP */
4223/* CHIP */
4224.mdl-card {
4225 display: -webkit-flex;
4226 display: -ms-flexbox;
4227 display: flex;
4228 -webkit-flex-direction: column;
4229 -ms-flex-direction: column;
4230 flex-direction: column;
4231 font-size: 16px;
4232 font-weight: 400;
4233 min-height: 200px;
4234 overflow: hidden;
4235 width: 330px;
4236 z-index: 1;
4237 position: relative;
4238 background: rgb(255,255,255);
4239 border-radius: 2px;
4240 box-sizing: border-box; }
4241
4242.mdl-card__media {
4243 background-color: rgb($color-accent);
4244 background-repeat: repeat;
4245 background-position: 50% 50%;
4246 background-size: cover;
4247 background-origin: padding-box;
4248 background-attachment: scroll;
4249 box-sizing: border-box; }
4250
4251.mdl-card__title {
4252 -webkit-align-items: center;
4253 -ms-flex-align: center;
4254 align-items: center;
4255 color: rgb(0,0,0);
4256 display: block;
4257 display: -webkit-flex;
4258 display: -ms-flexbox;
4259 display: flex;
4260 -webkit-justify-content: stretch;
4261 -ms-flex-pack: stretch;
4262 justify-content: stretch;
4263 line-height: normal;
4264 padding: 16px 16px;
4265 -webkit-perspective-origin: 165px 56px;
4266 perspective-origin: 165px 56px;
4267 -webkit-transform-origin: 165px 56px;
4268 transform-origin: 165px 56px;
4269 box-sizing: border-box; }
4270 .mdl-card__title.mdl-card--border {
4271 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4272
4273.mdl-card__title-text {
4274 -webkit-align-self: flex-end;
4275 -ms-flex-item-align: end;
4276 align-self: flex-end;
4277 color: inherit;
4278 display: block;
4279 display: -webkit-flex;
4280 display: -ms-flexbox;
4281 display: flex;
4282 font-size: 24px;
4283 font-weight: 300;
4284 line-height: normal;
4285 overflow: hidden;
4286 -webkit-transform-origin: 149px 48px;
4287 transform-origin: 149px 48px;
4288 margin: 0; }
4289
4290.mdl-card__subtitle-text {
4291 font-size: 14px;
4292 color: rgba(0,0,0, 0.54);
4293 margin: 0; }
4294
4295.mdl-card__supporting-text {
4296 color: rgba(0,0,0, 0.54);
4297 font-size: 1rem;
4298 line-height: 18px;
4299 overflow: hidden;
4300 padding: 16px 16px;
4301 width: 90%; }
4302 .mdl-card__supporting-text.mdl-card--border {
4303 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4304
4305.mdl-card__actions {
4306 font-size: 16px;
4307 line-height: normal;
4308 width: 100%;
4309 background-color: transparent;
4310 padding: 8px;
4311 box-sizing: border-box; }
4312 .mdl-card__actions.mdl-card--border {
4313 border-top: 1px solid rgba(0, 0, 0, 0.1); }
4314
4315.mdl-card--expand {
4316 -webkit-flex-grow: 1;
4317 -ms-flex-positive: 1;
4318 flex-grow: 1; }
4319
4320.mdl-card__menu {
4321 position: absolute;
4322 right: 16px;
4323 top: 16px; }
4324
4325/**
4326 * Copyright 2015 Google Inc. All Rights Reserved.
4327 *
4328 * Licensed under the Apache License, Version 2.0 (the "License");
4329 * you may not use this file except in compliance with the License.
4330 * You may obtain a copy of the License at
4331 *
4332 * http://www.apache.org/licenses/LICENSE-2.0
4333 *
4334 * Unless required by applicable law or agreed to in writing, software
4335 * distributed under the License is distributed on an "AS IS" BASIS,
4336 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4337 * See the License for the specific language governing permissions and
4338 * limitations under the License.
4339 */
4340/**
4341 * Copyright 2015 Google Inc. All Rights Reserved.
4342 *
4343 * Licensed under the Apache License, Version 2.0 (the "License");
4344 * you may not use this file except in compliance with the License.
4345 * You may obtain a copy of the License at
4346 *
4347 * http://www.apache.org/licenses/LICENSE-2.0
4348 *
4349 * Unless required by applicable law or agreed to in writing, software
4350 * distributed under the License is distributed on an "AS IS" BASIS,
4351 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4352 * See the License for the specific language governing permissions and
4353 * limitations under the License.
4354 */
4355/*------------------------------------* $CONTENTS
4356\*------------------------------------*/
4357/**
4358 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4359 * -----Typography
4360 * -----Colors
4361 * -----Textfield
4362 * -----Switch
4363 * -----Spinner
4364 * -----Radio
4365 * -----Menu
4366 * -----List
4367 * -----Layout
4368 * -----Icon toggles
4369 * -----Footer
4370 * -----Column
4371 * -----Checkbox
4372 * -----Card
4373 * -----Button
4374 * -----Animation
4375 * -----Progress
4376 * -----Badge
4377 * -----Shadows
4378 * -----Grid
4379 * -----Data table
4380 * -----Dialog
4381 * -----Snackbar
4382 * -----Tooltip
4383 * -----Chip
4384 *
4385 * Even though all variables have the `!default` directive, most of them
4386 * should not be changed as they are dependent one another. This can cause
4387 * visual distortions (like alignment issues) that are hard to track down
4388 * and fix.
4389 */
4390/* ========== TYPOGRAPHY ========== */
4391/* We're splitting fonts into "preferred" and "performance" in order to optimize
4392 page loading. For important text, such as the body, we want it to load
4393 immediately and not wait for the web font load, whereas for other sections,
4394 such as headers and titles, we're OK with things taking a bit longer to load.
4395 We do have some optional classes and parameters in the mixins, in case you
4396 definitely want to make sure you're using the preferred font and don't mind
4397 the performance hit.
4398 We should be able to improve on this once CSS Font Loading L3 becomes more
4399 widely available.
4400*/
4401/* ========== COLORS ========== */
4402/**
4403*
4404* Material design color palettes.
4405* @see http://www.google.com/design/spec/style/color.html
4406*
4407**/
4408/**
4409 * Copyright 2015 Google Inc. All Rights Reserved.
4410 *
4411 * Licensed under the Apache License, Version 2.0 (the "License");
4412 * you may not use this file except in compliance with the License.
4413 * You may obtain a copy of the License at
4414 *
4415 * http://www.apache.org/licenses/LICENSE-2.0
4416 *
4417 * Unless required by applicable law or agreed to in writing, software
4418 * distributed under the License is distributed on an "AS IS" BASIS,
4419 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4420 * See the License for the specific language governing permissions and
4421 * limitations under the License.
4422 */
4423/* ========== Color Palettes ========== */
4424/* colors.scss */
4425/**
4426 * Copyright 2015 Google Inc. All Rights Reserved.
4427 *
4428 * Licensed under the Apache License, Version 2.0 (the "License");
4429 * you may not use this file except in compliance with the License.
4430 * You may obtain a copy of the License at
4431 *
4432 * http://www.apache.org/licenses/LICENSE-2.0
4433 *
4434 * Unless required by applicable law or agreed to in writing, software
4435 * distributed under the License is distributed on an "AS IS" BASIS,
4436 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4437 * See the License for the specific language governing permissions and
4438 * limitations under the License.
4439 */
4440/* ========== IMAGES ========== */
4441/* ========== Color & Themes ========== */
4442/* ========== Typography ========== */
4443/* ========== Components ========== */
4444/* ========== Standard Buttons ========== */
4445/* ========== Icon Toggles ========== */
4446/* ========== Radio Buttons ========== */
4447/* ========== Ripple effect ========== */
4448/* ========== Layout ========== */
4449/* ========== Content Tabs ========== */
4450/* ========== Checkboxes ========== */
4451/* ========== Switches ========== */
4452/* ========== Spinner ========== */
4453/* ========== Text fields ========== */
4454/* ========== Card ========== */
4455/* ========== Sliders ========== */
4456/* ========== Progress ========== */
4457/* ========== List ========== */
4458/* ========== Item ========== */
4459/* ========== Dropdown menu ========== */
4460/* ========== Tooltips ========== */
4461/* ========== Footer ========== */
4462/* TEXTFIELD */
4463/* SWITCH */
4464/* SPINNER */
4465/* RADIO */
4466/* MENU */
4467/* LIST */
4468/* LAYOUT */
4469/* ICON TOGGLE */
4470/* FOOTER */
4471/*mega-footer*/
4472/*mini-footer*/
4473/* CHECKBOX */
4474/* CARD */
4475/* Card dimensions */
4476/* Cover image */
4477/* BUTTON */
4478/**
4479 *
4480 * Dimensions
4481 *
4482 */
4483/* ANIMATION */
4484/* PROGRESS */
4485/* BADGE */
4486/* SHADOWS */
4487/* GRID */
4488/* DATA TABLE */
4489/* DIALOG */
4490/* SNACKBAR */
4491/* TOOLTIP */
4492/* CHIP */
4493/**
4494 * Copyright 2015 Google Inc. All Rights Reserved.
4495 *
4496 * Licensed under the Apache License, Version 2.0 (the "License");
4497 * you may not use this file except in compliance with the License.
4498 * You may obtain a copy of the License at
4499 *
4500 * http://www.apache.org/licenses/LICENSE-2.0
4501 *
4502 * Unless required by applicable law or agreed to in writing, software
4503 * distributed under the License is distributed on an "AS IS" BASIS,
4504 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4505 * See the License for the specific language governing permissions and
4506 * limitations under the License.
4507 */
4508/* Typography */
4509/* Shadows */
4510/* Animations */
4511/* Dialog */
4512.mdl-checkbox {
4513 position: relative;
4514 z-index: 1;
4515 vertical-align: middle;
4516 display: inline-block;
4517 box-sizing: border-box;
4518 width: 100%;
4519 height: 24px;
4520 margin: 0;
4521 padding: 0; }
4522 .mdl-checkbox.is-upgraded {
4523 padding-left: 24px; }
4524
4525.mdl-checkbox__input {
4526 line-height: 24px; }
4527 .mdl-checkbox.is-upgraded .mdl-checkbox__input {
4528 position: absolute;
4529 width: 0;
4530 height: 0;
4531 margin: 0;
4532 padding: 0;
4533 opacity: 0;
4534 -ms-appearance: none;
4535 -moz-appearance: none;
4536 -webkit-appearance: none;
4537 appearance: none;
4538 border: none; }
4539
4540.mdl-checkbox__box-outline {
4541 position: absolute;
4542 top: 3px;
4543 left: 0;
4544 display: inline-block;
4545 box-sizing: border-box;
4546 width: 16px;
4547 height: 16px;
4548 margin: 0;
4549 cursor: pointer;
4550 overflow: hidden;
4551 border: 2px solid rgba(0,0,0, 0.54);
4552 border-radius: 2px;
4553 z-index: 2; }
4554 .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
4555 border: 2px solid rgb($color-primary); }
4556 fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
4557 .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
4558 border: 2px solid rgba(0,0,0, 0.26);
4559 cursor: auto; }
4560
4561.mdl-checkbox__focus-helper {
4562 position: absolute;
4563 top: 3px;
4564 left: 0;
4565 display: inline-block;
4566 box-sizing: border-box;
4567 width: 16px;
4568 height: 16px;
4569 border-radius: 50%;
4570 background-color: transparent; }
4571 .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
4572 box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
4573 background-color: rgba(0, 0, 0, 0.1); }
4574 .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
4575 box-shadow: 0 0 0px 8px rgba($color-primary, 0.26);
4576 background-color: rgba($color-primary, 0.26); }
4577
4578.mdl-checkbox__tick-outline {
4579 position: absolute;
4580 top: 0;
4581 left: 0;
4582 height: 100%;
4583 width: 100%;
4584 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4585 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4586 background: transparent;
4587 transition-duration: 0.28s;
4588 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4589 transition-property: background; }
4590 .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
4591 background: rgb($color-primary) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4592 fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
4593 .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
4594 background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4595
4596.mdl-checkbox__label {
4597 position: relative;
4598 cursor: pointer;
4599 font-size: 16px;
4600 line-height: 24px;
4601 margin: 0; }
4602 fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
4603 .mdl-checkbox.is-disabled .mdl-checkbox__label {
4604 color: rgba(0,0,0, 0.26);
4605 cursor: auto; }
4606
4607.mdl-checkbox__ripple-container {
4608 position: absolute;
4609 z-index: 2;
4610 top: -6px;
4611 left: -10px;
4612 box-sizing: border-box;
4613 width: 36px;
4614 height: 36px;
4615 border-radius: 50%;
4616 cursor: pointer;
4617 overflow: hidden;
4618 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
4619 .mdl-checkbox__ripple-container .mdl-ripple {
4620 background: rgb($color-primary); }
4621 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
4622 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
4623 cursor: auto; }
4624 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
4625 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
4626 background: transparent; }
4627
4628/**
4629 * Copyright 2015 Google Inc. All Rights Reserved.
4630 *
4631 * Licensed under the Apache License, Version 2.0 (the "License");
4632 * you may not use this file except in compliance with the License.
4633 * You may obtain a copy of the License at
4634 *
4635 * http://www.apache.org/licenses/LICENSE-2.0
4636 *
4637 * Unless required by applicable law or agreed to in writing, software
4638 * distributed under the License is distributed on an "AS IS" BASIS,
4639 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4640 * See the License for the specific language governing permissions and
4641 * limitations under the License.
4642 */
4643/**
4644 * Copyright 2015 Google Inc. All Rights Reserved.
4645 *
4646 * Licensed under the Apache License, Version 2.0 (the "License");
4647 * you may not use this file except in compliance with the License.
4648 * You may obtain a copy of the License at
4649 *
4650 * http://www.apache.org/licenses/LICENSE-2.0
4651 *
4652 * Unless required by applicable law or agreed to in writing, software
4653 * distributed under the License is distributed on an "AS IS" BASIS,
4654 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4655 * See the License for the specific language governing permissions and
4656 * limitations under the License.
4657 */
4658/*------------------------------------* $CONTENTS
4659\*------------------------------------*/
4660/**
4661 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4662 * -----Typography
4663 * -----Colors
4664 * -----Textfield
4665 * -----Switch
4666 * -----Spinner
4667 * -----Radio
4668 * -----Menu
4669 * -----List
4670 * -----Layout
4671 * -----Icon toggles
4672 * -----Footer
4673 * -----Column
4674 * -----Checkbox
4675 * -----Card
4676 * -----Button
4677 * -----Animation
4678 * -----Progress
4679 * -----Badge
4680 * -----Shadows
4681 * -----Grid
4682 * -----Data table
4683 * -----Dialog
4684 * -----Snackbar
4685 * -----Tooltip
4686 * -----Chip
4687 *
4688 * Even though all variables have the `!default` directive, most of them
4689 * should not be changed as they are dependent one another. This can cause
4690 * visual distortions (like alignment issues) that are hard to track down
4691 * and fix.
4692 */
4693/* ========== TYPOGRAPHY ========== */
4694/* We're splitting fonts into "preferred" and "performance" in order to optimize
4695 page loading. For important text, such as the body, we want it to load
4696 immediately and not wait for the web font load, whereas for other sections,
4697 such as headers and titles, we're OK with things taking a bit longer to load.
4698 We do have some optional classes and parameters in the mixins, in case you
4699 definitely want to make sure you're using the preferred font and don't mind
4700 the performance hit.
4701 We should be able to improve on this once CSS Font Loading L3 becomes more
4702 widely available.
4703*/
4704/* ========== COLORS ========== */
4705/**
4706*
4707* Material design color palettes.
4708* @see http://www.google.com/design/spec/style/color.html
4709*
4710**/
4711/**
4712 * Copyright 2015 Google Inc. All Rights Reserved.
4713 *
4714 * Licensed under the Apache License, Version 2.0 (the "License");
4715 * you may not use this file except in compliance with the License.
4716 * You may obtain a copy of the License at
4717 *
4718 * http://www.apache.org/licenses/LICENSE-2.0
4719 *
4720 * Unless required by applicable law or agreed to in writing, software
4721 * distributed under the License is distributed on an "AS IS" BASIS,
4722 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4723 * See the License for the specific language governing permissions and
4724 * limitations under the License.
4725 */
4726/* ========== Color Palettes ========== */
4727/* colors.scss */
4728/**
4729 * Copyright 2015 Google Inc. All Rights Reserved.
4730 *
4731 * Licensed under the Apache License, Version 2.0 (the "License");
4732 * you may not use this file except in compliance with the License.
4733 * You may obtain a copy of the License at
4734 *
4735 * http://www.apache.org/licenses/LICENSE-2.0
4736 *
4737 * Unless required by applicable law or agreed to in writing, software
4738 * distributed under the License is distributed on an "AS IS" BASIS,
4739 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4740 * See the License for the specific language governing permissions and
4741 * limitations under the License.
4742 */
4743/* ========== IMAGES ========== */
4744/* ========== Color & Themes ========== */
4745/* ========== Typography ========== */
4746/* ========== Components ========== */
4747/* ========== Standard Buttons ========== */
4748/* ========== Icon Toggles ========== */
4749/* ========== Radio Buttons ========== */
4750/* ========== Ripple effect ========== */
4751/* ========== Layout ========== */
4752/* ========== Content Tabs ========== */
4753/* ========== Checkboxes ========== */
4754/* ========== Switches ========== */
4755/* ========== Spinner ========== */
4756/* ========== Text fields ========== */
4757/* ========== Card ========== */
4758/* ========== Sliders ========== */
4759/* ========== Progress ========== */
4760/* ========== List ========== */
4761/* ========== Item ========== */
4762/* ========== Dropdown menu ========== */
4763/* ========== Tooltips ========== */
4764/* ========== Footer ========== */
4765/* TEXTFIELD */
4766/* SWITCH */
4767/* SPINNER */
4768/* RADIO */
4769/* MENU */
4770/* LIST */
4771/* LAYOUT */
4772/* ICON TOGGLE */
4773/* FOOTER */
4774/*mega-footer*/
4775/*mini-footer*/
4776/* CHECKBOX */
4777/* CARD */
4778/* Card dimensions */
4779/* Cover image */
4780/* BUTTON */
4781/**
4782 *
4783 * Dimensions
4784 *
4785 */
4786/* ANIMATION */
4787/* PROGRESS */
4788/* BADGE */
4789/* SHADOWS */
4790/* GRID */
4791/* DATA TABLE */
4792/* DIALOG */
4793/* SNACKBAR */
4794/* TOOLTIP */
4795/* CHIP */
4796/**
4797 * Copyright 2015 Google Inc. All Rights Reserved.
4798 *
4799 * Licensed under the Apache License, Version 2.0 (the "License");
4800 * you may not use this file except in compliance with the License.
4801 * You may obtain a copy of the License at
4802 *
4803 * http://www.apache.org/licenses/LICENSE-2.0
4804 *
4805 * Unless required by applicable law or agreed to in writing, software
4806 * distributed under the License is distributed on an "AS IS" BASIS,
4807 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4808 * See the License for the specific language governing permissions and
4809 * limitations under the License.
4810 */
4811/* Typography */
4812/* Shadows */
4813/* Animations */
4814/* Dialog */
4815.mdl-chip {
4816 height: 32px;
4817 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
4818 line-height: 32px;
4819 padding: 0 12px;
4820 border: 0;
4821 border-radius: 16px;
4822 background-color: #dedede;
4823 display: inline-block;
4824 color: rgba(0,0,0, 0.87);
4825 margin: 2px 0;
4826 font-size: 0;
4827 white-space: nowrap; }
4828 .mdl-chip__text {
4829 font-size: 13px;
4830 vertical-align: middle;
4831 display: inline-block; }
4832 .mdl-chip__action {
4833 height: 24px;
4834 width: 24px;
4835 background: transparent;
4836 opacity: 0.54;
4837 display: inline-block;
4838 cursor: pointer;
4839 text-align: center;
4840 vertical-align: middle;
4841 padding: 0;
4842 margin: 0 0 0 4px;
4843 font-size: 13px;
4844 text-decoration: none;
4845 color: rgba(0,0,0, 0.87);
4846 border: none;
4847 outline: none;
4848 overflow: hidden; }
4849 .mdl-chip__contact {
4850 height: 32px;
4851 width: 32px;
4852 border-radius: 16px;
4853 display: inline-block;
4854 vertical-align: middle;
4855 margin-right: 8px;
4856 overflow: hidden;
4857 text-align: center;
4858 font-size: 18px;
4859 line-height: 32px; }
4860 .mdl-chip:focus {
4861 outline: 0;
4862 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); }
4863 .mdl-chip:active {
4864 background-color: #d6d6d6; }
4865 .mdl-chip--deletable {
4866 padding-right: 4px; }
4867 .mdl-chip--contact {
4868 padding-left: 0; }
4869
4870/**
4871 * Copyright 2015 Google Inc. All Rights Reserved.
4872 *
4873 * Licensed under the Apache License, Version 2.0 (the "License");
4874 * you may not use this file except in compliance with the License.
4875 * You may obtain a copy of the License at
4876 *
4877 * http://www.apache.org/licenses/LICENSE-2.0
4878 *
4879 * Unless required by applicable law or agreed to in writing, software
4880 * distributed under the License is distributed on an "AS IS" BASIS,
4881 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4882 * See the License for the specific language governing permissions and
4883 * limitations under the License.
4884 */
4885/**
4886 * Copyright 2015 Google Inc. All Rights Reserved.
4887 *
4888 * Licensed under the Apache License, Version 2.0 (the "License");
4889 * you may not use this file except in compliance with the License.
4890 * You may obtain a copy of the License at
4891 *
4892 * http://www.apache.org/licenses/LICENSE-2.0
4893 *
4894 * Unless required by applicable law or agreed to in writing, software
4895 * distributed under the License is distributed on an "AS IS" BASIS,
4896 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4897 * See the License for the specific language governing permissions and
4898 * limitations under the License.
4899 */
4900/*------------------------------------* $CONTENTS
4901\*------------------------------------*/
4902/**
4903 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4904 * -----Typography
4905 * -----Colors
4906 * -----Textfield
4907 * -----Switch
4908 * -----Spinner
4909 * -----Radio
4910 * -----Menu
4911 * -----List
4912 * -----Layout
4913 * -----Icon toggles
4914 * -----Footer
4915 * -----Column
4916 * -----Checkbox
4917 * -----Card
4918 * -----Button
4919 * -----Animation
4920 * -----Progress
4921 * -----Badge
4922 * -----Shadows
4923 * -----Grid
4924 * -----Data table
4925 * -----Dialog
4926 * -----Snackbar
4927 * -----Tooltip
4928 * -----Chip
4929 *
4930 * Even though all variables have the `!default` directive, most of them
4931 * should not be changed as they are dependent one another. This can cause
4932 * visual distortions (like alignment issues) that are hard to track down
4933 * and fix.
4934 */
4935/* ========== TYPOGRAPHY ========== */
4936/* We're splitting fonts into "preferred" and "performance" in order to optimize
4937 page loading. For important text, such as the body, we want it to load
4938 immediately and not wait for the web font load, whereas for other sections,
4939 such as headers and titles, we're OK with things taking a bit longer to load.
4940 We do have some optional classes and parameters in the mixins, in case you
4941 definitely want to make sure you're using the preferred font and don't mind
4942 the performance hit.
4943 We should be able to improve on this once CSS Font Loading L3 becomes more
4944 widely available.
4945*/
4946/* ========== COLORS ========== */
4947/**
4948*
4949* Material design color palettes.
4950* @see http://www.google.com/design/spec/style/color.html
4951*
4952**/
4953/**
4954 * Copyright 2015 Google Inc. All Rights Reserved.
4955 *
4956 * Licensed under the Apache License, Version 2.0 (the "License");
4957 * you may not use this file except in compliance with the License.
4958 * You may obtain a copy of the License at
4959 *
4960 * http://www.apache.org/licenses/LICENSE-2.0
4961 *
4962 * Unless required by applicable law or agreed to in writing, software
4963 * distributed under the License is distributed on an "AS IS" BASIS,
4964 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4965 * See the License for the specific language governing permissions and
4966 * limitations under the License.
4967 */
4968/* ========== Color Palettes ========== */
4969/* colors.scss */
4970/**
4971 * Copyright 2015 Google Inc. All Rights Reserved.
4972 *
4973 * Licensed under the Apache License, Version 2.0 (the "License");
4974 * you may not use this file except in compliance with the License.
4975 * You may obtain a copy of the License at
4976 *
4977 * http://www.apache.org/licenses/LICENSE-2.0
4978 *
4979 * Unless required by applicable law or agreed to in writing, software
4980 * distributed under the License is distributed on an "AS IS" BASIS,
4981 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4982 * See the License for the specific language governing permissions and
4983 * limitations under the License.
4984 */
4985/* ========== IMAGES ========== */
4986/* ========== Color & Themes ========== */
4987/* ========== Typography ========== */
4988/* ========== Components ========== */
4989/* ========== Standard Buttons ========== */
4990/* ========== Icon Toggles ========== */
4991/* ========== Radio Buttons ========== */
4992/* ========== Ripple effect ========== */
4993/* ========== Layout ========== */
4994/* ========== Content Tabs ========== */
4995/* ========== Checkboxes ========== */
4996/* ========== Switches ========== */
4997/* ========== Spinner ========== */
4998/* ========== Text fields ========== */
4999/* ========== Card ========== */
5000/* ========== Sliders ========== */
5001/* ========== Progress ========== */
5002/* ========== List ========== */
5003/* ========== Item ========== */
5004/* ========== Dropdown menu ========== */
5005/* ========== Tooltips ========== */
5006/* ========== Footer ========== */
5007/* TEXTFIELD */
5008/* SWITCH */
5009/* SPINNER */
5010/* RADIO */
5011/* MENU */
5012/* LIST */
5013/* LAYOUT */
5014/* ICON TOGGLE */
5015/* FOOTER */
5016/*mega-footer*/
5017/*mini-footer*/
5018/* CHECKBOX */
5019/* CARD */
5020/* Card dimensions */
5021/* Cover image */
5022/* BUTTON */
5023/**
5024 *
5025 * Dimensions
5026 *
5027 */
5028/* ANIMATION */
5029/* PROGRESS */
5030/* BADGE */
5031/* SHADOWS */
5032/* GRID */
5033/* DATA TABLE */
5034/* DIALOG */
5035/* SNACKBAR */
5036/* TOOLTIP */
5037/* CHIP */
5038/**
5039 * Copyright 2015 Google Inc. All Rights Reserved.
5040 *
5041 * Licensed under the Apache License, Version 2.0 (the "License");
5042 * you may not use this file except in compliance with the License.
5043 * You may obtain a copy of the License at
5044 *
5045 * http://www.apache.org/licenses/LICENSE-2.0
5046 *
5047 * Unless required by applicable law or agreed to in writing, software
5048 * distributed under the License is distributed on an "AS IS" BASIS,
5049 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5050 * See the License for the specific language governing permissions and
5051 * limitations under the License.
5052 */
5053/* Typography */
5054/* Shadows */
5055/* Animations */
5056/* Dialog */
5057.mdl-data-table {
5058 position: relative;
5059 border: 1px solid rgba(0, 0, 0, 0.12);
5060 border-collapse: collapse;
5061 white-space: nowrap;
5062 font-size: 13px;
5063 background-color: rgb(255,255,255); }
5064 .mdl-data-table thead {
5065 padding-bottom: 3px; }
5066 .mdl-data-table thead .mdl-data-table__select {
5067 margin-top: 0; }
5068 .mdl-data-table tbody tr {
5069 position: relative;
5070 height: 48px;
5071 transition-duration: 0.28s;
5072 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5073 transition-property: background-color; }
5074 .mdl-data-table tbody tr.is-selected {
5075 background-color: #e0e0e0; }
5076 .mdl-data-table tbody tr:hover {
5077 background-color: #eeeeee; }
5078 .mdl-data-table td, .mdl-data-table th {
5079 padding: 0 18px 12px 18px;
5080 text-align: right; }
5081 .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
5082 padding-left: 24px; }
5083 .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
5084 padding-right: 24px; }
5085 .mdl-data-table td {
5086 position: relative;
5087 vertical-align: middle;
5088 height: 48px;
5089 border-top: 1px solid rgba(0, 0, 0, 0.12);
5090 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5091 padding-top: 12px;
5092 box-sizing: border-box; }
5093 .mdl-data-table td .mdl-data-table__select {
5094 vertical-align: middle; }
5095 .mdl-data-table th {
5096 position: relative;
5097 vertical-align: bottom;
5098 text-overflow: ellipsis;
5099 font-size: 14px;
5100 font-weight: bold;
5101 line-height: 24px;
5102 letter-spacing: 0;
5103 height: 48px;
5104 font-size: 12px;
5105 color: rgba(0, 0, 0, 0.54);
5106 padding-bottom: 8px;
5107 box-sizing: border-box; }
5108 .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
5109 color: rgba(0, 0, 0, 0.87); }
5110 .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5111 font-family: 'Material Icons';
5112 font-weight: normal;
5113 font-style: normal;
5114 font-size: 24px;
5115 line-height: 1;
5116 letter-spacing: normal;
5117 text-transform: none;
5118 display: inline-block;
5119 word-wrap: normal;
5120 -moz-font-feature-settings: 'liga';
5121 font-feature-settings: 'liga';
5122 -webkit-font-feature-settings: 'liga';
5123 -webkit-font-smoothing: antialiased;
5124 font-size: 16px;
5125 content: "\e5d8";
5126 margin-right: 5px;
5127 vertical-align: sub; }
5128 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
5129 cursor: pointer; }
5130 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
5131 color: rgba(0, 0, 0, 0.26); }
5132 .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5133 content: "\e5db"; }
5134
5135.mdl-data-table__select {
5136 width: 16px; }
5137
5138.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
5139 text-align: left; }
5140
5141/**
5142 * Copyright 2015 Google Inc. All Rights Reserved.
5143 *
5144 * Licensed under the Apache License, Version 2.0 (the "License");
5145 * you may not use this file except in compliance with the License.
5146 * You may obtain a copy of the License at
5147 *
5148 * http://www.apache.org/licenses/LICENSE-2.0
5149 *
5150 * Unless required by applicable law or agreed to in writing, software
5151 * distributed under the License is distributed on an "AS IS" BASIS,
5152 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5153 * See the License for the specific language governing permissions and
5154 * limitations under the License.
5155 */
5156/**
5157 * Copyright 2015 Google Inc. All Rights Reserved.
5158 *
5159 * Licensed under the Apache License, Version 2.0 (the "License");
5160 * you may not use this file except in compliance with the License.
5161 * You may obtain a copy of the License at
5162 *
5163 * http://www.apache.org/licenses/LICENSE-2.0
5164 *
5165 * Unless required by applicable law or agreed to in writing, software
5166 * distributed under the License is distributed on an "AS IS" BASIS,
5167 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5168 * See the License for the specific language governing permissions and
5169 * limitations under the License.
5170 */
5171/*------------------------------------* $CONTENTS
5172\*------------------------------------*/
5173/**
5174 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5175 * -----Typography
5176 * -----Colors
5177 * -----Textfield
5178 * -----Switch
5179 * -----Spinner
5180 * -----Radio
5181 * -----Menu
5182 * -----List
5183 * -----Layout
5184 * -----Icon toggles
5185 * -----Footer
5186 * -----Column
5187 * -----Checkbox
5188 * -----Card
5189 * -----Button
5190 * -----Animation
5191 * -----Progress
5192 * -----Badge
5193 * -----Shadows
5194 * -----Grid
5195 * -----Data table
5196 * -----Dialog
5197 * -----Snackbar
5198 * -----Tooltip
5199 * -----Chip
5200 *
5201 * Even though all variables have the `!default` directive, most of them
5202 * should not be changed as they are dependent one another. This can cause
5203 * visual distortions (like alignment issues) that are hard to track down
5204 * and fix.
5205 */
5206/* ========== TYPOGRAPHY ========== */
5207/* We're splitting fonts into "preferred" and "performance" in order to optimize
5208 page loading. For important text, such as the body, we want it to load
5209 immediately and not wait for the web font load, whereas for other sections,
5210 such as headers and titles, we're OK with things taking a bit longer to load.
5211 We do have some optional classes and parameters in the mixins, in case you
5212 definitely want to make sure you're using the preferred font and don't mind
5213 the performance hit.
5214 We should be able to improve on this once CSS Font Loading L3 becomes more
5215 widely available.
5216*/
5217/* ========== COLORS ========== */
5218/**
5219*
5220* Material design color palettes.
5221* @see http://www.google.com/design/spec/style/color.html
5222*
5223**/
5224/**
5225 * Copyright 2015 Google Inc. All Rights Reserved.
5226 *
5227 * Licensed under the Apache License, Version 2.0 (the "License");
5228 * you may not use this file except in compliance with the License.
5229 * You may obtain a copy of the License at
5230 *
5231 * http://www.apache.org/licenses/LICENSE-2.0
5232 *
5233 * Unless required by applicable law or agreed to in writing, software
5234 * distributed under the License is distributed on an "AS IS" BASIS,
5235 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5236 * See the License for the specific language governing permissions and
5237 * limitations under the License.
5238 */
5239/* ========== Color Palettes ========== */
5240/* colors.scss */
5241/**
5242 * Copyright 2015 Google Inc. All Rights Reserved.
5243 *
5244 * Licensed under the Apache License, Version 2.0 (the "License");
5245 * you may not use this file except in compliance with the License.
5246 * You may obtain a copy of the License at
5247 *
5248 * http://www.apache.org/licenses/LICENSE-2.0
5249 *
5250 * Unless required by applicable law or agreed to in writing, software
5251 * distributed under the License is distributed on an "AS IS" BASIS,
5252 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5253 * See the License for the specific language governing permissions and
5254 * limitations under the License.
5255 */
5256/* ========== IMAGES ========== */
5257/* ========== Color & Themes ========== */
5258/* ========== Typography ========== */
5259/* ========== Components ========== */
5260/* ========== Standard Buttons ========== */
5261/* ========== Icon Toggles ========== */
5262/* ========== Radio Buttons ========== */
5263/* ========== Ripple effect ========== */
5264/* ========== Layout ========== */
5265/* ========== Content Tabs ========== */
5266/* ========== Checkboxes ========== */
5267/* ========== Switches ========== */
5268/* ========== Spinner ========== */
5269/* ========== Text fields ========== */
5270/* ========== Card ========== */
5271/* ========== Sliders ========== */
5272/* ========== Progress ========== */
5273/* ========== List ========== */
5274/* ========== Item ========== */
5275/* ========== Dropdown menu ========== */
5276/* ========== Tooltips ========== */
5277/* ========== Footer ========== */
5278/* TEXTFIELD */
5279/* SWITCH */
5280/* SPINNER */
5281/* RADIO */
5282/* MENU */
5283/* LIST */
5284/* LAYOUT */
5285/* ICON TOGGLE */
5286/* FOOTER */
5287/*mega-footer*/
5288/*mini-footer*/
5289/* CHECKBOX */
5290/* CARD */
5291/* Card dimensions */
5292/* Cover image */
5293/* BUTTON */
5294/**
5295 *
5296 * Dimensions
5297 *
5298 */
5299/* ANIMATION */
5300/* PROGRESS */
5301/* BADGE */
5302/* SHADOWS */
5303/* GRID */
5304/* DATA TABLE */
5305/* DIALOG */
5306/* SNACKBAR */
5307/* TOOLTIP */
5308/* CHIP */
5309/**
5310 * Copyright 2015 Google Inc. All Rights Reserved.
5311 *
5312 * Licensed under the Apache License, Version 2.0 (the "License");
5313 * you may not use this file except in compliance with the License.
5314 * You may obtain a copy of the License at
5315 *
5316 * http://www.apache.org/licenses/LICENSE-2.0
5317 *
5318 * Unless required by applicable law or agreed to in writing, software
5319 * distributed under the License is distributed on an "AS IS" BASIS,
5320 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5321 * See the License for the specific language governing permissions and
5322 * limitations under the License.
5323 */
5324/* Typography */
5325/* Shadows */
5326/* Animations */
5327/* Dialog */
5328.mdl-dialog {
5329 border: none;
5330 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);
5331 width: 280px; }
5332 .mdl-dialog__title {
5333 padding: 24px 24px 0;
5334 margin: 0;
5335 font-size: 2.5rem; }
5336 .mdl-dialog__actions {
5337 padding: 8px 8px 8px 24px;
5338 display: -webkit-flex;
5339 display: -ms-flexbox;
5340 display: flex;
5341 -webkit-flex-direction: row-reverse;
5342 -ms-flex-direction: row-reverse;
5343 flex-direction: row-reverse;
5344 -webkit-flex-wrap: wrap;
5345 -ms-flex-wrap: wrap;
5346 flex-wrap: wrap; }
5347 .mdl-dialog__actions > * {
5348 margin-right: 8px;
5349 height: 36px; }
5350 .mdl-dialog__actions > *:first-child {
5351 margin-right: 0; }
5352 .mdl-dialog__actions--full-width {
5353 padding: 0 0 8px 0; }
5354 .mdl-dialog__actions--full-width > * {
5355 height: 48px;
5356 -webkit-flex: 0 0 100%;
5357 -ms-flex: 0 0 100%;
5358 flex: 0 0 100%;
5359 padding-right: 16px;
5360 margin-right: 0;
5361 text-align: right; }
5362 .mdl-dialog__content {
5363 padding: 20px 24px 24px 24px;
5364 color: rgba(0,0,0, 0.54); }
5365
5366/**
5367 * Copyright 2015 Google Inc. All Rights Reserved.
5368 *
5369 * Licensed under the Apache License, Version 2.0 (the "License");
5370 * you may not use this file except in compliance with the License.
5371 * You may obtain a copy of the License at
5372 *
5373 * http://www.apache.org/licenses/LICENSE-2.0
5374 *
5375 * Unless required by applicable law or agreed to in writing, software
5376 * distributed under the License is distributed on an "AS IS" BASIS,
5377 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5378 * See the License for the specific language governing permissions and
5379 * limitations under the License.
5380 */
5381/**
5382 * Copyright 2015 Google Inc. All Rights Reserved.
5383 *
5384 * Licensed under the Apache License, Version 2.0 (the "License");
5385 * you may not use this file except in compliance with the License.
5386 * You may obtain a copy of the License at
5387 *
5388 * http://www.apache.org/licenses/LICENSE-2.0
5389 *
5390 * Unless required by applicable law or agreed to in writing, software
5391 * distributed under the License is distributed on an "AS IS" BASIS,
5392 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5393 * See the License for the specific language governing permissions and
5394 * limitations under the License.
5395 */
5396/*------------------------------------* $CONTENTS
5397\*------------------------------------*/
5398/**
5399 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5400 * -----Typography
5401 * -----Colors
5402 * -----Textfield
5403 * -----Switch
5404 * -----Spinner
5405 * -----Radio
5406 * -----Menu
5407 * -----List
5408 * -----Layout
5409 * -----Icon toggles
5410 * -----Footer
5411 * -----Column
5412 * -----Checkbox
5413 * -----Card
5414 * -----Button
5415 * -----Animation
5416 * -----Progress
5417 * -----Badge
5418 * -----Shadows
5419 * -----Grid
5420 * -----Data table
5421 * -----Dialog
5422 * -----Snackbar
5423 * -----Tooltip
5424 * -----Chip
5425 *
5426 * Even though all variables have the `!default` directive, most of them
5427 * should not be changed as they are dependent one another. This can cause
5428 * visual distortions (like alignment issues) that are hard to track down
5429 * and fix.
5430 */
5431/* ========== TYPOGRAPHY ========== */
5432/* We're splitting fonts into "preferred" and "performance" in order to optimize
5433 page loading. For important text, such as the body, we want it to load
5434 immediately and not wait for the web font load, whereas for other sections,
5435 such as headers and titles, we're OK with things taking a bit longer to load.
5436 We do have some optional classes and parameters in the mixins, in case you
5437 definitely want to make sure you're using the preferred font and don't mind
5438 the performance hit.
5439 We should be able to improve on this once CSS Font Loading L3 becomes more
5440 widely available.
5441*/
5442/* ========== COLORS ========== */
5443/**
5444*
5445* Material design color palettes.
5446* @see http://www.google.com/design/spec/style/color.html
5447*
5448**/
5449/**
5450 * Copyright 2015 Google Inc. All Rights Reserved.
5451 *
5452 * Licensed under the Apache License, Version 2.0 (the "License");
5453 * you may not use this file except in compliance with the License.
5454 * You may obtain a copy of the License at
5455 *
5456 * http://www.apache.org/licenses/LICENSE-2.0
5457 *
5458 * Unless required by applicable law or agreed to in writing, software
5459 * distributed under the License is distributed on an "AS IS" BASIS,
5460 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5461 * See the License for the specific language governing permissions and
5462 * limitations under the License.
5463 */
5464/* ========== Color Palettes ========== */
5465/* colors.scss */
5466/**
5467 * Copyright 2015 Google Inc. All Rights Reserved.
5468 *
5469 * Licensed under the Apache License, Version 2.0 (the "License");
5470 * you may not use this file except in compliance with the License.
5471 * You may obtain a copy of the License at
5472 *
5473 * http://www.apache.org/licenses/LICENSE-2.0
5474 *
5475 * Unless required by applicable law or agreed to in writing, software
5476 * distributed under the License is distributed on an "AS IS" BASIS,
5477 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5478 * See the License for the specific language governing permissions and
5479 * limitations under the License.
5480 */
5481/* ========== IMAGES ========== */
5482/* ========== Color & Themes ========== */
5483/* ========== Typography ========== */
5484/* ========== Components ========== */
5485/* ========== Standard Buttons ========== */
5486/* ========== Icon Toggles ========== */
5487/* ========== Radio Buttons ========== */
5488/* ========== Ripple effect ========== */
5489/* ========== Layout ========== */
5490/* ========== Content Tabs ========== */
5491/* ========== Checkboxes ========== */
5492/* ========== Switches ========== */
5493/* ========== Spinner ========== */
5494/* ========== Text fields ========== */
5495/* ========== Card ========== */
5496/* ========== Sliders ========== */
5497/* ========== Progress ========== */
5498/* ========== List ========== */
5499/* ========== Item ========== */
5500/* ========== Dropdown menu ========== */
5501/* ========== Tooltips ========== */
5502/* ========== Footer ========== */
5503/* TEXTFIELD */
5504/* SWITCH */
5505/* SPINNER */
5506/* RADIO */
5507/* MENU */
5508/* LIST */
5509/* LAYOUT */
5510/* ICON TOGGLE */
5511/* FOOTER */
5512/*mega-footer*/
5513/*mini-footer*/
5514/* CHECKBOX */
5515/* CARD */
5516/* Card dimensions */
5517/* Cover image */
5518/* BUTTON */
5519/**
5520 *
5521 * Dimensions
5522 *
5523 */
5524/* ANIMATION */
5525/* PROGRESS */
5526/* BADGE */
5527/* SHADOWS */
5528/* GRID */
5529/* DATA TABLE */
5530/* DIALOG */
5531/* SNACKBAR */
5532/* TOOLTIP */
5533/* CHIP */
5534/**
5535 * Copyright 2015 Google Inc. All Rights Reserved.
5536 *
5537 * Licensed under the Apache License, Version 2.0 (the "License");
5538 * you may not use this file except in compliance with the License.
5539 * You may obtain a copy of the License at
5540 *
5541 * http://www.apache.org/licenses/LICENSE-2.0
5542 *
5543 * Unless required by applicable law or agreed to in writing, software
5544 * distributed under the License is distributed on an "AS IS" BASIS,
5545 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5546 * See the License for the specific language governing permissions and
5547 * limitations under the License.
5548 */
5549/* Typography */
5550/* Shadows */
5551/* Animations */
5552/* Dialog */
5553.mdl-mega-footer {
5554 padding: 16px 40px;
5555 color: rgb(158,158,158);
5556 background-color: rgb(66,66,66); }
5557
5558.mdl-mega-footer--top-section:after,
5559.mdl-mega-footer--middle-section:after,
5560.mdl-mega-footer--bottom-section:after,
5561.mdl-mega-footer__top-section:after,
5562.mdl-mega-footer__middle-section:after,
5563.mdl-mega-footer__bottom-section:after {
5564 content: '';
5565 display: block;
5566 clear: both; }
5567
5568.mdl-mega-footer--left-section,
5569.mdl-mega-footer__left-section {
5570 margin-bottom: 16px; }
5571
5572.mdl-mega-footer--right-section,
5573.mdl-mega-footer__right-section {
5574 margin-bottom: 16px; }
5575
5576.mdl-mega-footer--right-section a,
5577.mdl-mega-footer__right-section a {
5578 display: block;
5579 margin-bottom: 16px;
5580 color: inherit;
5581 text-decoration: none; }
5582
5583@media screen and (min-width: 760px) {
5584 .mdl-mega-footer--left-section,
5585 .mdl-mega-footer__left-section {
5586 float: left; }
5587 .mdl-mega-footer--right-section,
5588 .mdl-mega-footer__right-section {
5589 float: right; }
5590 .mdl-mega-footer--right-section a,
5591 .mdl-mega-footer__right-section a {
5592 display: inline-block;
5593 margin-left: 16px;
5594 line-height: 36px;
5595 vertical-align: middle; } }
5596
5597.mdl-mega-footer--social-btn,
5598.mdl-mega-footer__social-btn {
5599 width: 36px;
5600 height: 36px;
5601 padding: 0;
5602 margin: 0;
5603 background-color: rgb(158,158,158);
5604 border: none; }
5605
5606.mdl-mega-footer--drop-down-section,
5607.mdl-mega-footer__drop-down-section {
5608 display: block;
5609 position: relative; }
5610
5611@media screen and (min-width: 760px) {
5612 .mdl-mega-footer--drop-down-section,
5613 .mdl-mega-footer__drop-down-section {
5614 width: 33%; }
5615 .mdl-mega-footer--drop-down-section:nth-child(1),
5616 .mdl-mega-footer--drop-down-section:nth-child(2),
5617 .mdl-mega-footer__drop-down-section:nth-child(1),
5618 .mdl-mega-footer__drop-down-section:nth-child(2) {
5619 float: left; }
5620 .mdl-mega-footer--drop-down-section:nth-child(3),
5621 .mdl-mega-footer__drop-down-section:nth-child(3) {
5622 float: right; }
5623 .mdl-mega-footer--drop-down-section:nth-child(3):after,
5624 .mdl-mega-footer__drop-down-section:nth-child(3):after {
5625 clear: right; }
5626 .mdl-mega-footer--drop-down-section:nth-child(4),
5627 .mdl-mega-footer__drop-down-section:nth-child(4) {
5628 clear: right;
5629 float: right; }
5630 .mdl-mega-footer--middle-section:after,
5631 .mdl-mega-footer__middle-section:after {
5632 content: '';
5633 display: block;
5634 clear: both; }
5635 .mdl-mega-footer--bottom-section,
5636 .mdl-mega-footer__bottom-section {
5637 padding-top: 0; } }
5638
5639@media screen and (min-width: 1024px) {
5640 .mdl-mega-footer--drop-down-section,
5641 .mdl-mega-footer--drop-down-section:nth-child(3),
5642 .mdl-mega-footer--drop-down-section:nth-child(4),
5643 .mdl-mega-footer__drop-down-section,
5644 .mdl-mega-footer__drop-down-section:nth-child(3),
5645 .mdl-mega-footer__drop-down-section:nth-child(4) {
5646 width: 24%;
5647 float: left; } }
5648
5649.mdl-mega-footer--heading-checkbox,
5650.mdl-mega-footer__heading-checkbox {
5651 position: absolute;
5652 width: 100%;
5653 height: 55.8px;
5654 padding: 32px;
5655 margin: 0;
5656 margin-top: -16px;
5657 cursor: pointer;
5658 z-index: 1;
5659 opacity: 0; }
5660 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5661 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5662 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5663 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5664 font-family: 'Material Icons';
5665 content: '\E5CE'; }
5666
5667.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5668.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5669.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5670.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5671.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5672.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5673.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5674.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
5675 display: none; }
5676
5677.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5678.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5679.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5680.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5681 font-family: 'Material Icons';
5682 content: '\E5CF'; }
5683
5684.mdl-mega-footer--heading,
5685.mdl-mega-footer__heading {
5686 position: relative;
5687 width: 100%;
5688 padding-right: 39.8px;
5689 margin-bottom: 16px;
5690 box-sizing: border-box;
5691 font-size: 14px;
5692 line-height: 23.8px;
5693 font-weight: 500;
5694 white-space: nowrap;
5695 text-overflow: ellipsis;
5696 overflow: hidden;
5697 color: rgb(224,224,224); }
5698
5699.mdl-mega-footer--heading:after,
5700.mdl-mega-footer__heading:after {
5701 content: '';
5702 position: absolute;
5703 top: 0;
5704 right: 0;
5705 display: block;
5706 width: 23.8px;
5707 height: 23.8px;
5708 background-size: cover; }
5709
5710.mdl-mega-footer--link-list,
5711.mdl-mega-footer__link-list {
5712 list-style: none;
5713 margin: 0;
5714 padding: 0;
5715 margin-bottom: 32px; }
5716 .mdl-mega-footer--link-list:after,
5717 .mdl-mega-footer__link-list:after {
5718 clear: both;
5719 display: block;
5720 content: ''; }
5721
5722.mdl-mega-footer--link-list li,
5723.mdl-mega-footer__link-list li {
5724 font-size: 14px;
5725 font-weight: 400;
5726 line-height: 24px;
5727 letter-spacing: 0;
5728 line-height: 20px; }
5729
5730.mdl-mega-footer--link-list a,
5731.mdl-mega-footer__link-list a {
5732 color: inherit;
5733 text-decoration: none;
5734 white-space: nowrap; }
5735
5736@media screen and (min-width: 760px) {
5737 .mdl-mega-footer--heading-checkbox,
5738 .mdl-mega-footer__heading-checkbox {
5739 display: none; }
5740 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5741 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5742 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5743 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5744 content: ''; }
5745 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5746 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5747 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5748 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5749 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5750 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5751 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5752 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
5753 display: block; }
5754 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5755 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5756 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5757 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5758 content: ''; } }
5759
5760.mdl-mega-footer--bottom-section,
5761.mdl-mega-footer__bottom-section {
5762 padding-top: 16px;
5763 margin-bottom: 16px; }
5764
5765.mdl-logo {
5766 margin-bottom: 16px;
5767 color: white; }
5768
5769.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
5770.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
5771 float: left;
5772 margin-bottom: 0;
5773 margin-right: 16px; }
5774
5775@media screen and (min-width: 760px) {
5776 .mdl-logo {
5777 float: left;
5778 margin-bottom: 0;
5779 margin-right: 16px; } }
5780
5781/**
5782 * Copyright 2015 Google Inc. All Rights Reserved.
5783 *
5784 * Licensed under the Apache License, Version 2.0 (the "License");
5785 * you may not use this file except in compliance with the License.
5786 * You may obtain a copy of the License at
5787 *
5788 * http://www.apache.org/licenses/LICENSE-2.0
5789 *
5790 * Unless required by applicable law or agreed to in writing, software
5791 * distributed under the License is distributed on an "AS IS" BASIS,
5792 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5793 * See the License for the specific language governing permissions and
5794 * limitations under the License.
5795 */
5796/**
5797 * Copyright 2015 Google Inc. All Rights Reserved.
5798 *
5799 * Licensed under the Apache License, Version 2.0 (the "License");
5800 * you may not use this file except in compliance with the License.
5801 * You may obtain a copy of the License at
5802 *
5803 * http://www.apache.org/licenses/LICENSE-2.0
5804 *
5805 * Unless required by applicable law or agreed to in writing, software
5806 * distributed under the License is distributed on an "AS IS" BASIS,
5807 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5808 * See the License for the specific language governing permissions and
5809 * limitations under the License.
5810 */
5811/*------------------------------------* $CONTENTS
5812\*------------------------------------*/
5813/**
5814 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5815 * -----Typography
5816 * -----Colors
5817 * -----Textfield
5818 * -----Switch
5819 * -----Spinner
5820 * -----Radio
5821 * -----Menu
5822 * -----List
5823 * -----Layout
5824 * -----Icon toggles
5825 * -----Footer
5826 * -----Column
5827 * -----Checkbox
5828 * -----Card
5829 * -----Button
5830 * -----Animation
5831 * -----Progress
5832 * -----Badge
5833 * -----Shadows
5834 * -----Grid
5835 * -----Data table
5836 * -----Dialog
5837 * -----Snackbar
5838 * -----Tooltip
5839 * -----Chip
5840 *
5841 * Even though all variables have the `!default` directive, most of them
5842 * should not be changed as they are dependent one another. This can cause
5843 * visual distortions (like alignment issues) that are hard to track down
5844 * and fix.
5845 */
5846/* ========== TYPOGRAPHY ========== */
5847/* We're splitting fonts into "preferred" and "performance" in order to optimize
5848 page loading. For important text, such as the body, we want it to load
5849 immediately and not wait for the web font load, whereas for other sections,
5850 such as headers and titles, we're OK with things taking a bit longer to load.
5851 We do have some optional classes and parameters in the mixins, in case you
5852 definitely want to make sure you're using the preferred font and don't mind
5853 the performance hit.
5854 We should be able to improve on this once CSS Font Loading L3 becomes more
5855 widely available.
5856*/
5857/* ========== COLORS ========== */
5858/**
5859*
5860* Material design color palettes.
5861* @see http://www.google.com/design/spec/style/color.html
5862*
5863**/
5864/**
5865 * Copyright 2015 Google Inc. All Rights Reserved.
5866 *
5867 * Licensed under the Apache License, Version 2.0 (the "License");
5868 * you may not use this file except in compliance with the License.
5869 * You may obtain a copy of the License at
5870 *
5871 * http://www.apache.org/licenses/LICENSE-2.0
5872 *
5873 * Unless required by applicable law or agreed to in writing, software
5874 * distributed under the License is distributed on an "AS IS" BASIS,
5875 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5876 * See the License for the specific language governing permissions and
5877 * limitations under the License.
5878 */
5879/* ========== Color Palettes ========== */
5880/* colors.scss */
5881/**
5882 * Copyright 2015 Google Inc. All Rights Reserved.
5883 *
5884 * Licensed under the Apache License, Version 2.0 (the "License");
5885 * you may not use this file except in compliance with the License.
5886 * You may obtain a copy of the License at
5887 *
5888 * http://www.apache.org/licenses/LICENSE-2.0
5889 *
5890 * Unless required by applicable law or agreed to in writing, software
5891 * distributed under the License is distributed on an "AS IS" BASIS,
5892 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5893 * See the License for the specific language governing permissions and
5894 * limitations under the License.
5895 */
5896/* ========== IMAGES ========== */
5897/* ========== Color & Themes ========== */
5898/* ========== Typography ========== */
5899/* ========== Components ========== */
5900/* ========== Standard Buttons ========== */
5901/* ========== Icon Toggles ========== */
5902/* ========== Radio Buttons ========== */
5903/* ========== Ripple effect ========== */
5904/* ========== Layout ========== */
5905/* ========== Content Tabs ========== */
5906/* ========== Checkboxes ========== */
5907/* ========== Switches ========== */
5908/* ========== Spinner ========== */
5909/* ========== Text fields ========== */
5910/* ========== Card ========== */
5911/* ========== Sliders ========== */
5912/* ========== Progress ========== */
5913/* ========== List ========== */
5914/* ========== Item ========== */
5915/* ========== Dropdown menu ========== */
5916/* ========== Tooltips ========== */
5917/* ========== Footer ========== */
5918/* TEXTFIELD */
5919/* SWITCH */
5920/* SPINNER */
5921/* RADIO */
5922/* MENU */
5923/* LIST */
5924/* LAYOUT */
5925/* ICON TOGGLE */
5926/* FOOTER */
5927/*mega-footer*/
5928/*mini-footer*/
5929/* CHECKBOX */
5930/* CARD */
5931/* Card dimensions */
5932/* Cover image */
5933/* BUTTON */
5934/**
5935 *
5936 * Dimensions
5937 *
5938 */
5939/* ANIMATION */
5940/* PROGRESS */
5941/* BADGE */
5942/* SHADOWS */
5943/* GRID */
5944/* DATA TABLE */
5945/* DIALOG */
5946/* SNACKBAR */
5947/* TOOLTIP */
5948/* CHIP */
5949.mdl-mini-footer {
5950 display: -webkit-flex;
5951 display: -ms-flexbox;
5952 display: flex;
5953 -webkit-flex-flow: row wrap;
5954 -ms-flex-flow: row wrap;
5955 flex-flow: row wrap;
5956 -webkit-justify-content: space-between;
5957 -ms-flex-pack: justify;
5958 justify-content: space-between;
5959 padding: 32px 16px;
5960 color: rgb(158,158,158);
5961 background-color: rgb(66,66,66); }
5962 .mdl-mini-footer:after {
5963 content: '';
5964 display: block; }
5965 .mdl-mini-footer .mdl-logo {
5966 line-height: 36px; }
5967
5968.mdl-mini-footer--link-list,
5969.mdl-mini-footer__link-list {
5970 display: -webkit-flex;
5971 display: -ms-flexbox;
5972 display: flex;
5973 -webkit-flex-flow: row nowrap;
5974 -ms-flex-flow: row nowrap;
5975 flex-flow: row nowrap;
5976 list-style: none;
5977 margin: 0;
5978 padding: 0; }
5979 .mdl-mini-footer--link-list li,
5980 .mdl-mini-footer__link-list li {
5981 margin-bottom: 0;
5982 margin-right: 16px; }
5983 @media screen and (min-width: 760px) {
5984 .mdl-mini-footer--link-list li,
5985 .mdl-mini-footer__link-list li {
5986 line-height: 36px; } }
5987 .mdl-mini-footer--link-list a,
5988 .mdl-mini-footer__link-list a {
5989 color: inherit;
5990 text-decoration: none;
5991 white-space: nowrap; }
5992
5993.mdl-mini-footer--left-section,
5994.mdl-mini-footer__left-section {
5995 display: inline-block;
5996 -webkit-order: 0;
5997 -ms-flex-order: 0;
5998 order: 0; }
5999
6000.mdl-mini-footer--right-section,
6001.mdl-mini-footer__right-section {
6002 display: inline-block;
6003 -webkit-order: 1;
6004 -ms-flex-order: 1;
6005 order: 1; }
6006
6007.mdl-mini-footer--social-btn,
6008.mdl-mini-footer__social-btn {
6009 width: 36px;
6010 height: 36px;
6011 padding: 0;
6012 margin: 0;
6013 background-color: rgb(158,158,158);
6014 border: none; }
6015
6016/**
6017 * Copyright 2015 Google Inc. All Rights Reserved.
6018 *
6019 * Licensed under the Apache License, Version 2.0 (the "License");
6020 * you may not use this file except in compliance with the License.
6021 * You may obtain a copy of the License at
6022 *
6023 * http://www.apache.org/licenses/LICENSE-2.0
6024 *
6025 * Unless required by applicable law or agreed to in writing, software
6026 * distributed under the License is distributed on an "AS IS" BASIS,
6027 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6028 * See the License for the specific language governing permissions and
6029 * limitations under the License.
6030 */
6031/**
6032 * Copyright 2015 Google Inc. All Rights Reserved.
6033 *
6034 * Licensed under the Apache License, Version 2.0 (the "License");
6035 * you may not use this file except in compliance with the License.
6036 * You may obtain a copy of the License at
6037 *
6038 * http://www.apache.org/licenses/LICENSE-2.0
6039 *
6040 * Unless required by applicable law or agreed to in writing, software
6041 * distributed under the License is distributed on an "AS IS" BASIS,
6042 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6043 * See the License for the specific language governing permissions and
6044 * limitations under the License.
6045 */
6046/*------------------------------------* $CONTENTS
6047\*------------------------------------*/
6048/**
6049 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6050 * -----Typography
6051 * -----Colors
6052 * -----Textfield
6053 * -----Switch
6054 * -----Spinner
6055 * -----Radio
6056 * -----Menu
6057 * -----List
6058 * -----Layout
6059 * -----Icon toggles
6060 * -----Footer
6061 * -----Column
6062 * -----Checkbox
6063 * -----Card
6064 * -----Button
6065 * -----Animation
6066 * -----Progress
6067 * -----Badge
6068 * -----Shadows
6069 * -----Grid
6070 * -----Data table
6071 * -----Dialog
6072 * -----Snackbar
6073 * -----Tooltip
6074 * -----Chip
6075 *
6076 * Even though all variables have the `!default` directive, most of them
6077 * should not be changed as they are dependent one another. This can cause
6078 * visual distortions (like alignment issues) that are hard to track down
6079 * and fix.
6080 */
6081/* ========== TYPOGRAPHY ========== */
6082/* We're splitting fonts into "preferred" and "performance" in order to optimize
6083 page loading. For important text, such as the body, we want it to load
6084 immediately and not wait for the web font load, whereas for other sections,
6085 such as headers and titles, we're OK with things taking a bit longer to load.
6086 We do have some optional classes and parameters in the mixins, in case you
6087 definitely want to make sure you're using the preferred font and don't mind
6088 the performance hit.
6089 We should be able to improve on this once CSS Font Loading L3 becomes more
6090 widely available.
6091*/
6092/* ========== COLORS ========== */
6093/**
6094*
6095* Material design color palettes.
6096* @see http://www.google.com/design/spec/style/color.html
6097*
6098**/
6099/**
6100 * Copyright 2015 Google Inc. All Rights Reserved.
6101 *
6102 * Licensed under the Apache License, Version 2.0 (the "License");
6103 * you may not use this file except in compliance with the License.
6104 * You may obtain a copy of the License at
6105 *
6106 * http://www.apache.org/licenses/LICENSE-2.0
6107 *
6108 * Unless required by applicable law or agreed to in writing, software
6109 * distributed under the License is distributed on an "AS IS" BASIS,
6110 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6111 * See the License for the specific language governing permissions and
6112 * limitations under the License.
6113 */
6114/* ========== Color Palettes ========== */
6115/* colors.scss */
6116/**
6117 * Copyright 2015 Google Inc. All Rights Reserved.
6118 *
6119 * Licensed under the Apache License, Version 2.0 (the "License");
6120 * you may not use this file except in compliance with the License.
6121 * You may obtain a copy of the License at
6122 *
6123 * http://www.apache.org/licenses/LICENSE-2.0
6124 *
6125 * Unless required by applicable law or agreed to in writing, software
6126 * distributed under the License is distributed on an "AS IS" BASIS,
6127 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6128 * See the License for the specific language governing permissions and
6129 * limitations under the License.
6130 */
6131/* ========== IMAGES ========== */
6132/* ========== Color & Themes ========== */
6133/* ========== Typography ========== */
6134/* ========== Components ========== */
6135/* ========== Standard Buttons ========== */
6136/* ========== Icon Toggles ========== */
6137/* ========== Radio Buttons ========== */
6138/* ========== Ripple effect ========== */
6139/* ========== Layout ========== */
6140/* ========== Content Tabs ========== */
6141/* ========== Checkboxes ========== */
6142/* ========== Switches ========== */
6143/* ========== Spinner ========== */
6144/* ========== Text fields ========== */
6145/* ========== Card ========== */
6146/* ========== Sliders ========== */
6147/* ========== Progress ========== */
6148/* ========== List ========== */
6149/* ========== Item ========== */
6150/* ========== Dropdown menu ========== */
6151/* ========== Tooltips ========== */
6152/* ========== Footer ========== */
6153/* TEXTFIELD */
6154/* SWITCH */
6155/* SPINNER */
6156/* RADIO */
6157/* MENU */
6158/* LIST */
6159/* LAYOUT */
6160/* ICON TOGGLE */
6161/* FOOTER */
6162/*mega-footer*/
6163/*mini-footer*/
6164/* CHECKBOX */
6165/* CARD */
6166/* Card dimensions */
6167/* Cover image */
6168/* BUTTON */
6169/**
6170 *
6171 * Dimensions
6172 *
6173 */
6174/* ANIMATION */
6175/* PROGRESS */
6176/* BADGE */
6177/* SHADOWS */
6178/* GRID */
6179/* DATA TABLE */
6180/* DIALOG */
6181/* SNACKBAR */
6182/* TOOLTIP */
6183/* CHIP */
6184.mdl-icon-toggle {
6185 position: relative;
6186 z-index: 1;
6187 vertical-align: middle;
6188 display: inline-block;
6189 height: 32px;
6190 margin: 0;
6191 padding: 0; }
6192
6193.mdl-icon-toggle__input {
6194 line-height: 32px; }
6195 .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
6196 position: absolute;
6197 width: 0;
6198 height: 0;
6199 margin: 0;
6200 padding: 0;
6201 opacity: 0;
6202 -ms-appearance: none;
6203 -moz-appearance: none;
6204 -webkit-appearance: none;
6205 appearance: none;
6206 border: none; }
6207
6208.mdl-icon-toggle__label {
6209 display: inline-block;
6210 position: relative;
6211 cursor: pointer;
6212 height: 32px;
6213 width: 32px;
6214 min-width: 32px;
6215 color: rgb(97,97,97);
6216 border-radius: 50%;
6217 padding: 0;
6218 margin-left: 0;
6219 margin-right: 0;
6220 text-align: center;
6221 background-color: transparent;
6222 will-change: background-color;
6223 transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
6224 .mdl-icon-toggle__label.material-icons {
6225 line-height: 32px;
6226 font-size: 24px; }
6227 .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
6228 color: rgb($color-primary); }
6229 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
6230 color: rgba(0,0,0, 0.26);
6231 cursor: auto;
6232 transition: none; }
6233 .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
6234 background-color: rgba(0,0,0, 0.12); }
6235 .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
6236 background-color: rgba($color-primary, 0.26); }
6237
6238.mdl-icon-toggle__ripple-container {
6239 position: absolute;
6240 z-index: 2;
6241 top: -2px;
6242 left: -2px;
6243 box-sizing: border-box;
6244 width: 36px;
6245 height: 36px;
6246 border-radius: 50%;
6247 cursor: pointer;
6248 overflow: hidden;
6249 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
6250 .mdl-icon-toggle__ripple-container .mdl-ripple {
6251 background: rgb(97,97,97); }
6252 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
6253 cursor: auto; }
6254 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
6255 background: transparent; }
6256
6257/**
6258 * Copyright 2015 Google Inc. All Rights Reserved.
6259 *
6260 * Licensed under the Apache License, Version 2.0 (the "License");
6261 * you may not use this file except in compliance with the License.
6262 * You may obtain a copy of the License at
6263 *
6264 * http://www.apache.org/licenses/LICENSE-2.0
6265 *
6266 * Unless required by applicable law or agreed to in writing, software
6267 * distributed under the License is distributed on an "AS IS" BASIS,
6268 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6269 * See the License for the specific language governing permissions and
6270 * limitations under the License.
6271 */
6272/**
6273 * Copyright 2015 Google Inc. All Rights Reserved.
6274 *
6275 * Licensed under the Apache License, Version 2.0 (the "License");
6276 * you may not use this file except in compliance with the License.
6277 * You may obtain a copy of the License at
6278 *
6279 * http://www.apache.org/licenses/LICENSE-2.0
6280 *
6281 * Unless required by applicable law or agreed to in writing, software
6282 * distributed under the License is distributed on an "AS IS" BASIS,
6283 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6284 * See the License for the specific language governing permissions and
6285 * limitations under the License.
6286 */
6287/*------------------------------------* $CONTENTS
6288\*------------------------------------*/
6289/**
6290 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6291 * -----Typography
6292 * -----Colors
6293 * -----Textfield
6294 * -----Switch
6295 * -----Spinner
6296 * -----Radio
6297 * -----Menu
6298 * -----List
6299 * -----Layout
6300 * -----Icon toggles
6301 * -----Footer
6302 * -----Column
6303 * -----Checkbox
6304 * -----Card
6305 * -----Button
6306 * -----Animation
6307 * -----Progress
6308 * -----Badge
6309 * -----Shadows
6310 * -----Grid
6311 * -----Data table
6312 * -----Dialog
6313 * -----Snackbar
6314 * -----Tooltip
6315 * -----Chip
6316 *
6317 * Even though all variables have the `!default` directive, most of them
6318 * should not be changed as they are dependent one another. This can cause
6319 * visual distortions (like alignment issues) that are hard to track down
6320 * and fix.
6321 */
6322/* ========== TYPOGRAPHY ========== */
6323/* We're splitting fonts into "preferred" and "performance" in order to optimize
6324 page loading. For important text, such as the body, we want it to load
6325 immediately and not wait for the web font load, whereas for other sections,
6326 such as headers and titles, we're OK with things taking a bit longer to load.
6327 We do have some optional classes and parameters in the mixins, in case you
6328 definitely want to make sure you're using the preferred font and don't mind
6329 the performance hit.
6330 We should be able to improve on this once CSS Font Loading L3 becomes more
6331 widely available.
6332*/
6333/* ========== COLORS ========== */
6334/**
6335*
6336* Material design color palettes.
6337* @see http://www.google.com/design/spec/style/color.html
6338*
6339**/
6340/**
6341 * Copyright 2015 Google Inc. All Rights Reserved.
6342 *
6343 * Licensed under the Apache License, Version 2.0 (the "License");
6344 * you may not use this file except in compliance with the License.
6345 * You may obtain a copy of the License at
6346 *
6347 * http://www.apache.org/licenses/LICENSE-2.0
6348 *
6349 * Unless required by applicable law or agreed to in writing, software
6350 * distributed under the License is distributed on an "AS IS" BASIS,
6351 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6352 * See the License for the specific language governing permissions and
6353 * limitations under the License.
6354 */
6355/* ========== Color Palettes ========== */
6356/* colors.scss */
6357/**
6358 * Copyright 2015 Google Inc. All Rights Reserved.
6359 *
6360 * Licensed under the Apache License, Version 2.0 (the "License");
6361 * you may not use this file except in compliance with the License.
6362 * You may obtain a copy of the License at
6363 *
6364 * http://www.apache.org/licenses/LICENSE-2.0
6365 *
6366 * Unless required by applicable law or agreed to in writing, software
6367 * distributed under the License is distributed on an "AS IS" BASIS,
6368 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6369 * See the License for the specific language governing permissions and
6370 * limitations under the License.
6371 */
6372/* ========== IMAGES ========== */
6373/* ========== Color & Themes ========== */
6374/* ========== Typography ========== */
6375/* ========== Components ========== */
6376/* ========== Standard Buttons ========== */
6377/* ========== Icon Toggles ========== */
6378/* ========== Radio Buttons ========== */
6379/* ========== Ripple effect ========== */
6380/* ========== Layout ========== */
6381/* ========== Content Tabs ========== */
6382/* ========== Checkboxes ========== */
6383/* ========== Switches ========== */
6384/* ========== Spinner ========== */
6385/* ========== Text fields ========== */
6386/* ========== Card ========== */
6387/* ========== Sliders ========== */
6388/* ========== Progress ========== */
6389/* ========== List ========== */
6390/* ========== Item ========== */
6391/* ========== Dropdown menu ========== */
6392/* ========== Tooltips ========== */
6393/* ========== Footer ========== */
6394/* TEXTFIELD */
6395/* SWITCH */
6396/* SPINNER */
6397/* RADIO */
6398/* MENU */
6399/* LIST */
6400/* LAYOUT */
6401/* ICON TOGGLE */
6402/* FOOTER */
6403/*mega-footer*/
6404/*mini-footer*/
6405/* CHECKBOX */
6406/* CARD */
6407/* Card dimensions */
6408/* Cover image */
6409/* BUTTON */
6410/**
6411 *
6412 * Dimensions
6413 *
6414 */
6415/* ANIMATION */
6416/* PROGRESS */
6417/* BADGE */
6418/* SHADOWS */
6419/* GRID */
6420/* DATA TABLE */
6421/* DIALOG */
6422/* SNACKBAR */
6423/* TOOLTIP */
6424/* CHIP */
6425/**
6426 * Copyright 2015 Google Inc. All Rights Reserved.
6427 *
6428 * Licensed under the Apache License, Version 2.0 (the "License");
6429 * you may not use this file except in compliance with the License.
6430 * You may obtain a copy of the License at
6431 *
6432 * http://www.apache.org/licenses/LICENSE-2.0
6433 *
6434 * Unless required by applicable law or agreed to in writing, software
6435 * distributed under the License is distributed on an "AS IS" BASIS,
6436 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6437 * See the License for the specific language governing permissions and
6438 * limitations under the License.
6439 */
6440/* Typography */
6441/* Shadows */
6442/* Animations */
6443/* Dialog */
6444.mdl-list {
6445 display: block;
6446 padding: 8px 0;
6447 list-style: none; }
6448
6449.mdl-list__item {
6450 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
6451 font-size: 16px;
6452 font-weight: 400;
6453 line-height: 24px;
6454 letter-spacing: 0.04em;
6455 line-height: 1;
6456 display: -webkit-flex;
6457 display: -ms-flexbox;
6458 display: flex;
6459 min-height: 48px;
6460 box-sizing: border-box;
6461 -webkit-flex-direction: row;
6462 -ms-flex-direction: row;
6463 flex-direction: row;
6464 -webkit-flex-wrap: nowrap;
6465 -ms-flex-wrap: nowrap;
6466 flex-wrap: nowrap;
6467 -webkit-align-items: center;
6468 -ms-flex-align: center;
6469 align-items: center;
6470 padding: 16px;
6471 cursor: default;
6472 color: rgba(0,0,0, 0.87);
6473 overflow: hidden; }
6474 .mdl-list__item .mdl-list__item-primary-content {
6475 -webkit-order: 0;
6476 -ms-flex-order: 0;
6477 order: 0;
6478 -webkit-flex-grow: 2;
6479 -ms-flex-positive: 2;
6480 flex-grow: 2;
6481 text-decoration: none;
6482 box-sizing: border-box;
6483 display: -webkit-flex;
6484 display: -ms-flexbox;
6485 display: flex;
6486 -webkit-align-items: center;
6487 -ms-flex-align: center;
6488 align-items: center; }
6489 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
6490 margin-right: 32px; }
6491 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
6492 margin-right: 16px; }
6493 .mdl-list__item .mdl-list__item-secondary-content {
6494 display: -webkit-flex;
6495 display: -ms-flexbox;
6496 display: flex;
6497 -webkit-flex-flow: column;
6498 -ms-flex-flow: column;
6499 flex-flow: column;
6500 -webkit-align-items: flex-end;
6501 -ms-flex-align: end;
6502 align-items: flex-end;
6503 margin-left: 16px; }
6504 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
6505 display: inline; }
6506 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
6507 font-size: 12px;
6508 font-weight: 400;
6509 line-height: 1;
6510 letter-spacing: 0;
6511 color: rgba(0,0,0, 0.54); }
6512 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
6513 padding: 0 0 0 16px; }
6514
6515.mdl-list__item-icon,
6516.mdl-list__item-icon.material-icons {
6517 height: 24px;
6518 width: 24px;
6519 font-size: 24px;
6520 box-sizing: border-box;
6521 color: rgb(117,117,117); }
6522
6523.mdl-list__item-avatar,
6524.mdl-list__item-avatar.material-icons {
6525 height: 40px;
6526 width: 40px;
6527 box-sizing: border-box;
6528 border-radius: 50%;
6529 background-color: rgb(117,117,117);
6530 font-size: 40px;
6531 color: white; }
6532
6533.mdl-list__item--two-line {
6534 height: 72px; }
6535 .mdl-list__item--two-line .mdl-list__item-primary-content {
6536 height: 36px;
6537 line-height: 20px;
6538 display: block; }
6539 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
6540 float: left; }
6541 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
6542 float: left;
6543 margin-top: 6px; }
6544 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
6545 height: 36px; }
6546 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6547 font-size: 14px;
6548 font-weight: 400;
6549 line-height: 24px;
6550 letter-spacing: 0;
6551 line-height: 18px;
6552 color: rgba(0,0,0, 0.54);
6553 display: block;
6554 padding: 0; }
6555
6556.mdl-list__item--three-line {
6557 height: 88px; }
6558 .mdl-list__item--three-line .mdl-list__item-primary-content {
6559 height: 52px;
6560 line-height: 20px;
6561 display: block; }
6562 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
6563 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
6564 float: left; }
6565 .mdl-list__item--three-line .mdl-list__item-secondary-content {
6566 height: 52px; }
6567 .mdl-list__item--three-line .mdl-list__item-text-body {
6568 font-size: 14px;
6569 font-weight: 400;
6570 line-height: 24px;
6571 letter-spacing: 0;
6572 line-height: 18px;
6573 height: 52px;
6574 color: rgba(0,0,0, 0.54);
6575 display: block;
6576 padding: 0; }
6577
6578/**
6579 * Copyright 2015 Google Inc. All Rights Reserved.
6580 *
6581 * Licensed under the Apache License, Version 2.0 (the "License");
6582 * you may not use this file except in compliance with the License.
6583 * You may obtain a copy of the License at
6584 *
6585 * http://www.apache.org/licenses/LICENSE-2.0
6586 *
6587 * Unless required by applicable law or agreed to in writing, software
6588 * distributed under the License is distributed on an "AS IS" BASIS,
6589 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6590 * See the License for the specific language governing permissions and
6591 * limitations under the License.
6592 */
6593/**
6594 * Copyright 2015 Google Inc. All Rights Reserved.
6595 *
6596 * Licensed under the Apache License, Version 2.0 (the "License");
6597 * you may not use this file except in compliance with the License.
6598 * You may obtain a copy of the License at
6599 *
6600 * http://www.apache.org/licenses/LICENSE-2.0
6601 *
6602 * Unless required by applicable law or agreed to in writing, software
6603 * distributed under the License is distributed on an "AS IS" BASIS,
6604 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6605 * See the License for the specific language governing permissions and
6606 * limitations under the License.
6607 */
6608/*------------------------------------* $CONTENTS
6609\*------------------------------------*/
6610/**
6611 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6612 * -----Typography
6613 * -----Colors
6614 * -----Textfield
6615 * -----Switch
6616 * -----Spinner
6617 * -----Radio
6618 * -----Menu
6619 * -----List
6620 * -----Layout
6621 * -----Icon toggles
6622 * -----Footer
6623 * -----Column
6624 * -----Checkbox
6625 * -----Card
6626 * -----Button
6627 * -----Animation
6628 * -----Progress
6629 * -----Badge
6630 * -----Shadows
6631 * -----Grid
6632 * -----Data table
6633 * -----Dialog
6634 * -----Snackbar
6635 * -----Tooltip
6636 * -----Chip
6637 *
6638 * Even though all variables have the `!default` directive, most of them
6639 * should not be changed as they are dependent one another. This can cause
6640 * visual distortions (like alignment issues) that are hard to track down
6641 * and fix.
6642 */
6643/* ========== TYPOGRAPHY ========== */
6644/* We're splitting fonts into "preferred" and "performance" in order to optimize
6645 page loading. For important text, such as the body, we want it to load
6646 immediately and not wait for the web font load, whereas for other sections,
6647 such as headers and titles, we're OK with things taking a bit longer to load.
6648 We do have some optional classes and parameters in the mixins, in case you
6649 definitely want to make sure you're using the preferred font and don't mind
6650 the performance hit.
6651 We should be able to improve on this once CSS Font Loading L3 becomes more
6652 widely available.
6653*/
6654/* ========== COLORS ========== */
6655/**
6656*
6657* Material design color palettes.
6658* @see http://www.google.com/design/spec/style/color.html
6659*
6660**/
6661/**
6662 * Copyright 2015 Google Inc. All Rights Reserved.
6663 *
6664 * Licensed under the Apache License, Version 2.0 (the "License");
6665 * you may not use this file except in compliance with the License.
6666 * You may obtain a copy of the License at
6667 *
6668 * http://www.apache.org/licenses/LICENSE-2.0
6669 *
6670 * Unless required by applicable law or agreed to in writing, software
6671 * distributed under the License is distributed on an "AS IS" BASIS,
6672 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6673 * See the License for the specific language governing permissions and
6674 * limitations under the License.
6675 */
6676/* ========== Color Palettes ========== */
6677/* colors.scss */
6678/**
6679 * Copyright 2015 Google Inc. All Rights Reserved.
6680 *
6681 * Licensed under the Apache License, Version 2.0 (the "License");
6682 * you may not use this file except in compliance with the License.
6683 * You may obtain a copy of the License at
6684 *
6685 * http://www.apache.org/licenses/LICENSE-2.0
6686 *
6687 * Unless required by applicable law or agreed to in writing, software
6688 * distributed under the License is distributed on an "AS IS" BASIS,
6689 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6690 * See the License for the specific language governing permissions and
6691 * limitations under the License.
6692 */
6693/* ========== IMAGES ========== */
6694/* ========== Color & Themes ========== */
6695/* ========== Typography ========== */
6696/* ========== Components ========== */
6697/* ========== Standard Buttons ========== */
6698/* ========== Icon Toggles ========== */
6699/* ========== Radio Buttons ========== */
6700/* ========== Ripple effect ========== */
6701/* ========== Layout ========== */
6702/* ========== Content Tabs ========== */
6703/* ========== Checkboxes ========== */
6704/* ========== Switches ========== */
6705/* ========== Spinner ========== */
6706/* ========== Text fields ========== */
6707/* ========== Card ========== */
6708/* ========== Sliders ========== */
6709/* ========== Progress ========== */
6710/* ========== List ========== */
6711/* ========== Item ========== */
6712/* ========== Dropdown menu ========== */
6713/* ========== Tooltips ========== */
6714/* ========== Footer ========== */
6715/* TEXTFIELD */
6716/* SWITCH */
6717/* SPINNER */
6718/* RADIO */
6719/* MENU */
6720/* LIST */
6721/* LAYOUT */
6722/* ICON TOGGLE */
6723/* FOOTER */
6724/*mega-footer*/
6725/*mini-footer*/
6726/* CHECKBOX */
6727/* CARD */
6728/* Card dimensions */
6729/* Cover image */
6730/* BUTTON */
6731/**
6732 *
6733 * Dimensions
6734 *
6735 */
6736/* ANIMATION */
6737/* PROGRESS */
6738/* BADGE */
6739/* SHADOWS */
6740/* GRID */
6741/* DATA TABLE */
6742/* DIALOG */
6743/* SNACKBAR */
6744/* TOOLTIP */
6745/* CHIP */
6746/**
6747 * Copyright 2015 Google Inc. All Rights Reserved.
6748 *
6749 * Licensed under the Apache License, Version 2.0 (the "License");
6750 * you may not use this file except in compliance with the License.
6751 * You may obtain a copy of the License at
6752 *
6753 * http://www.apache.org/licenses/LICENSE-2.0
6754 *
6755 * Unless required by applicable law or agreed to in writing, software
6756 * distributed under the License is distributed on an "AS IS" BASIS,
6757 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6758 * See the License for the specific language governing permissions and
6759 * limitations under the License.
6760 */
6761/* Typography */
6762/* Shadows */
6763/* Animations */
6764/* Dialog */
6765.mdl-menu__container {
6766 display: block;
6767 margin: 0;
6768 padding: 0;
6769 border: none;
6770 position: absolute;
6771 overflow: visible;
6772 height: 0;
6773 width: 0;
6774 visibility: hidden;
6775 z-index: -1; }
6776 .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
6777 z-index: 999;
6778 visibility: visible; }
6779
6780.mdl-menu__outline {
6781 display: block;
6782 background: rgb(255,255,255);
6783 margin: 0;
6784 padding: 0;
6785 border: none;
6786 border-radius: 2px;
6787 position: absolute;
6788 top: 0;
6789 left: 0;
6790 overflow: hidden;
6791 opacity: 0;
6792 -webkit-transform: scale(0);
6793 transform: scale(0);
6794 -webkit-transform-origin: 0 0;
6795 transform-origin: 0 0;
6796 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);
6797 will-change: transform;
6798 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
6799 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6800 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);
6801 z-index: -1; }
6802 .mdl-menu__container.is-visible .mdl-menu__outline {
6803 opacity: 1;
6804 -webkit-transform: scale(1);
6805 transform: scale(1);
6806 z-index: 999; }
6807 .mdl-menu__outline.mdl-menu--bottom-right {
6808 -webkit-transform-origin: 100% 0;
6809 transform-origin: 100% 0; }
6810 .mdl-menu__outline.mdl-menu--top-left {
6811 -webkit-transform-origin: 0 100%;
6812 transform-origin: 0 100%; }
6813 .mdl-menu__outline.mdl-menu--top-right {
6814 -webkit-transform-origin: 100% 100%;
6815 transform-origin: 100% 100%; }
6816
6817.mdl-menu {
6818 position: absolute;
6819 list-style: none;
6820 top: 0;
6821 left: 0;
6822 height: auto;
6823 width: auto;
6824 min-width: 124px;
6825 padding: 8px 0;
6826 margin: 0;
6827 opacity: 0;
6828 clip: rect(0 0 0 0);
6829 z-index: -1; }
6830 .mdl-menu__container.is-visible .mdl-menu {
6831 opacity: 1;
6832 z-index: 999; }
6833 .mdl-menu.is-animating {
6834 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
6835 .mdl-menu.mdl-menu--bottom-right {
6836 left: auto;
6837 right: 0; }
6838 .mdl-menu.mdl-menu--top-left {
6839 top: auto;
6840 bottom: 0; }
6841 .mdl-menu.mdl-menu--top-right {
6842 top: auto;
6843 left: auto;
6844 bottom: 0;
6845 right: 0; }
6846 .mdl-menu.mdl-menu--unaligned {
6847 top: auto;
6848 left: auto; }
6849
6850.mdl-menu__item {
6851 display: block;
6852 border: none;
6853 color: rgba(0,0,0, 0.87);
6854 background-color: transparent;
6855 text-align: left;
6856 margin: 0;
6857 padding: 0 16px;
6858 outline-color: rgb(189,189,189);
6859 position: relative;
6860 overflow: hidden;
6861 font-size: 14px;
6862 font-weight: 400;
6863 line-height: 24px;
6864 letter-spacing: 0;
6865 text-decoration: none;
6866 cursor: pointer;
6867 height: 48px;
6868 line-height: 48px;
6869 white-space: nowrap;
6870 opacity: 0;
6871 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6872 -webkit-user-select: none;
6873 -moz-user-select: none;
6874 -ms-user-select: none;
6875 user-select: none; }
6876 .mdl-menu__container.is-visible .mdl-menu__item {
6877 opacity: 1; }
6878 .mdl-menu__item::-moz-focus-inner {
6879 border: 0; }
6880 .mdl-menu__item--full-bleed-divider {
6881 border-bottom: 1px solid rgba(0,0,0, 0.12); }
6882 .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
6883 color: rgb(189,189,189);
6884 background-color: transparent;
6885 cursor: auto; }
6886 .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
6887 background-color: transparent; }
6888 .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
6889 background-color: transparent; }
6890 .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
6891 background: transparent; }
6892 .mdl-menu__item:hover {
6893 background-color: rgb(238,238,238); }
6894 .mdl-menu__item:focus {
6895 outline: none;
6896 background-color: rgb(238,238,238); }
6897 .mdl-menu__item:active {
6898 background-color: rgb(224,224,224); }
6899
6900.mdl-menu__item--ripple-container {
6901 display: block;
6902 height: 100%;
6903 left: 0px;
6904 position: absolute;
6905 top: 0px;
6906 width: 100%;
6907 z-index: 0;
6908 overflow: hidden; }
6909
6910/**
6911 * Copyright 2015 Google Inc. All Rights Reserved.
6912 *
6913 * Licensed under the Apache License, Version 2.0 (the "License");
6914 * you may not use this file except in compliance with the License.
6915 * You may obtain a copy of the License at
6916 *
6917 * http://www.apache.org/licenses/LICENSE-2.0
6918 *
6919 * Unless required by applicable law or agreed to in writing, software
6920 * distributed under the License is distributed on an "AS IS" BASIS,
6921 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6922 * See the License for the specific language governing permissions and
6923 * limitations under the License.
6924 */
6925/**
6926 * Copyright 2015 Google Inc. All Rights Reserved.
6927 *
6928 * Licensed under the Apache License, Version 2.0 (the "License");
6929 * you may not use this file except in compliance with the License.
6930 * You may obtain a copy of the License at
6931 *
6932 * http://www.apache.org/licenses/LICENSE-2.0
6933 *
6934 * Unless required by applicable law or agreed to in writing, software
6935 * distributed under the License is distributed on an "AS IS" BASIS,
6936 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6937 * See the License for the specific language governing permissions and
6938 * limitations under the License.
6939 */
6940/*------------------------------------* $CONTENTS
6941\*------------------------------------*/
6942/**
6943 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6944 * -----Typography
6945 * -----Colors
6946 * -----Textfield
6947 * -----Switch
6948 * -----Spinner
6949 * -----Radio
6950 * -----Menu
6951 * -----List
6952 * -----Layout
6953 * -----Icon toggles
6954 * -----Footer
6955 * -----Column
6956 * -----Checkbox
6957 * -----Card
6958 * -----Button
6959 * -----Animation
6960 * -----Progress
6961 * -----Badge
6962 * -----Shadows
6963 * -----Grid
6964 * -----Data table
6965 * -----Dialog
6966 * -----Snackbar
6967 * -----Tooltip
6968 * -----Chip
6969 *
6970 * Even though all variables have the `!default` directive, most of them
6971 * should not be changed as they are dependent one another. This can cause
6972 * visual distortions (like alignment issues) that are hard to track down
6973 * and fix.
6974 */
6975/* ========== TYPOGRAPHY ========== */
6976/* We're splitting fonts into "preferred" and "performance" in order to optimize
6977 page loading. For important text, such as the body, we want it to load
6978 immediately and not wait for the web font load, whereas for other sections,
6979 such as headers and titles, we're OK with things taking a bit longer to load.
6980 We do have some optional classes and parameters in the mixins, in case you
6981 definitely want to make sure you're using the preferred font and don't mind
6982 the performance hit.
6983 We should be able to improve on this once CSS Font Loading L3 becomes more
6984 widely available.
6985*/
6986/* ========== COLORS ========== */
6987/**
6988*
6989* Material design color palettes.
6990* @see http://www.google.com/design/spec/style/color.html
6991*
6992**/
6993/**
6994 * Copyright 2015 Google Inc. All Rights Reserved.
6995 *
6996 * Licensed under the Apache License, Version 2.0 (the "License");
6997 * you may not use this file except in compliance with the License.
6998 * You may obtain a copy of the License at
6999 *
7000 * http://www.apache.org/licenses/LICENSE-2.0
7001 *
7002 * Unless required by applicable law or agreed to in writing, software
7003 * distributed under the License is distributed on an "AS IS" BASIS,
7004 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7005 * See the License for the specific language governing permissions and
7006 * limitations under the License.
7007 */
7008/* ========== Color Palettes ========== */
7009/* colors.scss */
7010/**
7011 * Copyright 2015 Google Inc. All Rights Reserved.
7012 *
7013 * Licensed under the Apache License, Version 2.0 (the "License");
7014 * you may not use this file except in compliance with the License.
7015 * You may obtain a copy of the License at
7016 *
7017 * http://www.apache.org/licenses/LICENSE-2.0
7018 *
7019 * Unless required by applicable law or agreed to in writing, software
7020 * distributed under the License is distributed on an "AS IS" BASIS,
7021 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7022 * See the License for the specific language governing permissions and
7023 * limitations under the License.
7024 */
7025/* ========== IMAGES ========== */
7026/* ========== Color & Themes ========== */
7027/* ========== Typography ========== */
7028/* ========== Components ========== */
7029/* ========== Standard Buttons ========== */
7030/* ========== Icon Toggles ========== */
7031/* ========== Radio Buttons ========== */
7032/* ========== Ripple effect ========== */
7033/* ========== Layout ========== */
7034/* ========== Content Tabs ========== */
7035/* ========== Checkboxes ========== */
7036/* ========== Switches ========== */
7037/* ========== Spinner ========== */
7038/* ========== Text fields ========== */
7039/* ========== Card ========== */
7040/* ========== Sliders ========== */
7041/* ========== Progress ========== */
7042/* ========== List ========== */
7043/* ========== Item ========== */
7044/* ========== Dropdown menu ========== */
7045/* ========== Tooltips ========== */
7046/* ========== Footer ========== */
7047/* TEXTFIELD */
7048/* SWITCH */
7049/* SPINNER */
7050/* RADIO */
7051/* MENU */
7052/* LIST */
7053/* LAYOUT */
7054/* ICON TOGGLE */
7055/* FOOTER */
7056/*mega-footer*/
7057/*mini-footer*/
7058/* CHECKBOX */
7059/* CARD */
7060/* Card dimensions */
7061/* Cover image */
7062/* BUTTON */
7063/**
7064 *
7065 * Dimensions
7066 *
7067 */
7068/* ANIMATION */
7069/* PROGRESS */
7070/* BADGE */
7071/* SHADOWS */
7072/* GRID */
7073/* DATA TABLE */
7074/* DIALOG */
7075/* SNACKBAR */
7076/* TOOLTIP */
7077/* CHIP */
7078.mdl-progress {
7079 display: block;
7080 position: relative;
7081 height: 4px;
7082 width: 500px;
7083 max-width: 100%; }
7084
7085.mdl-progress > .bar {
7086 display: block;
7087 position: absolute;
7088 top: 0;
7089 bottom: 0;
7090 width: 0%;
7091 transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
7092
7093.mdl-progress > .progressbar {
7094 background-color: rgb($color-primary);
7095 z-index: 1;
7096 left: 0; }
7097
7098.mdl-progress > .bufferbar {
7099 background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), linear-gradient(to right, rgb($color-primary), rgb($color-primary));
7100 z-index: 0;
7101 left: 0; }
7102
7103.mdl-progress > .auxbar {
7104 right: 0; }
7105
7106@supports (-webkit-appearance: none) {
7107 .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
7108 .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
7109 background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.7), rgba($color-primary-contrast, 0.7)), linear-gradient(to right, rgb($color-primary), rgb($color-primary));
7110 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
7111 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
7112
7113.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
7114.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
7115 background-image: linear-gradient(to right, rgba($color-primary-contrast, 0.9), rgba($color-primary-contrast, 0.9)), linear-gradient(to right, rgb($color-primary), rgb($color-primary)); }
7116
7117.mdl-progress.mdl-progress--indeterminate > .bar1,
7118.mdl-progress.mdl-progress__indeterminate > .bar1 {
7119 background-color: rgb($color-primary);
7120 -webkit-animation-name: indeterminate1;
7121 animation-name: indeterminate1;
7122 -webkit-animation-duration: 2s;
7123 animation-duration: 2s;
7124 -webkit-animation-iteration-count: infinite;
7125 animation-iteration-count: infinite;
7126 -webkit-animation-timing-function: linear;
7127 animation-timing-function: linear; }
7128
7129.mdl-progress.mdl-progress--indeterminate > .bar3,
7130.mdl-progress.mdl-progress__indeterminate > .bar3 {
7131 background-image: none;
7132 background-color: rgb($color-primary);
7133 -webkit-animation-name: indeterminate2;
7134 animation-name: indeterminate2;
7135 -webkit-animation-duration: 2s;
7136 animation-duration: 2s;
7137 -webkit-animation-iteration-count: infinite;
7138 animation-iteration-count: infinite;
7139 -webkit-animation-timing-function: linear;
7140 animation-timing-function: linear; }
7141
7142@-webkit-keyframes indeterminate1 {
7143 0% {
7144 left: 0%;
7145 width: 0%; }
7146 50% {
7147 left: 25%;
7148 width: 75%; }
7149 75% {
7150 left: 100%;
7151 width: 0%; } }
7152
7153@keyframes indeterminate1 {
7154 0% {
7155 left: 0%;
7156 width: 0%; }
7157 50% {
7158 left: 25%;
7159 width: 75%; }
7160 75% {
7161 left: 100%;
7162 width: 0%; } }
7163
7164@-webkit-keyframes indeterminate2 {
7165 0% {
7166 left: 0%;
7167 width: 0%; }
7168 50% {
7169 left: 0%;
7170 width: 0%; }
7171 75% {
7172 left: 0%;
7173 width: 25%; }
7174 100% {
7175 left: 100%;
7176 width: 0%; } }
7177
7178@keyframes indeterminate2 {
7179 0% {
7180 left: 0%;
7181 width: 0%; }
7182 50% {
7183 left: 0%;
7184 width: 0%; }
7185 75% {
7186 left: 0%;
7187 width: 25%; }
7188 100% {
7189 left: 100%;
7190 width: 0%; } }
7191
7192/**
7193 * Copyright 2015 Google Inc. All Rights Reserved.
7194 *
7195 * Licensed under the Apache License, Version 2.0 (the "License");
7196 * you may not use this file except in compliance with the License.
7197 * You may obtain a copy of the License at
7198 *
7199 * http://www.apache.org/licenses/LICENSE-2.0
7200 *
7201 * Unless required by applicable law or agreed to in writing, software
7202 * distributed under the License is distributed on an "AS IS" BASIS,
7203 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7204 * See the License for the specific language governing permissions and
7205 * limitations under the License.
7206 */
7207/**
7208 * Copyright 2015 Google Inc. All Rights Reserved.
7209 *
7210 * Licensed under the Apache License, Version 2.0 (the "License");
7211 * you may not use this file except in compliance with the License.
7212 * You may obtain a copy of the License at
7213 *
7214 * http://www.apache.org/licenses/LICENSE-2.0
7215 *
7216 * Unless required by applicable law or agreed to in writing, software
7217 * distributed under the License is distributed on an "AS IS" BASIS,
7218 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7219 * See the License for the specific language governing permissions and
7220 * limitations under the License.
7221 */
7222/*------------------------------------* $CONTENTS
7223\*------------------------------------*/
7224/**
7225 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7226 * -----Typography
7227 * -----Colors
7228 * -----Textfield
7229 * -----Switch
7230 * -----Spinner
7231 * -----Radio
7232 * -----Menu
7233 * -----List
7234 * -----Layout
7235 * -----Icon toggles
7236 * -----Footer
7237 * -----Column
7238 * -----Checkbox
7239 * -----Card
7240 * -----Button
7241 * -----Animation
7242 * -----Progress
7243 * -----Badge
7244 * -----Shadows
7245 * -----Grid
7246 * -----Data table
7247 * -----Dialog
7248 * -----Snackbar
7249 * -----Tooltip
7250 * -----Chip
7251 *
7252 * Even though all variables have the `!default` directive, most of them
7253 * should not be changed as they are dependent one another. This can cause
7254 * visual distortions (like alignment issues) that are hard to track down
7255 * and fix.
7256 */
7257/* ========== TYPOGRAPHY ========== */
7258/* We're splitting fonts into "preferred" and "performance" in order to optimize
7259 page loading. For important text, such as the body, we want it to load
7260 immediately and not wait for the web font load, whereas for other sections,
7261 such as headers and titles, we're OK with things taking a bit longer to load.
7262 We do have some optional classes and parameters in the mixins, in case you
7263 definitely want to make sure you're using the preferred font and don't mind
7264 the performance hit.
7265 We should be able to improve on this once CSS Font Loading L3 becomes more
7266 widely available.
7267*/
7268/* ========== COLORS ========== */
7269/**
7270*
7271* Material design color palettes.
7272* @see http://www.google.com/design/spec/style/color.html
7273*
7274**/
7275/**
7276 * Copyright 2015 Google Inc. All Rights Reserved.
7277 *
7278 * Licensed under the Apache License, Version 2.0 (the "License");
7279 * you may not use this file except in compliance with the License.
7280 * You may obtain a copy of the License at
7281 *
7282 * http://www.apache.org/licenses/LICENSE-2.0
7283 *
7284 * Unless required by applicable law or agreed to in writing, software
7285 * distributed under the License is distributed on an "AS IS" BASIS,
7286 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7287 * See the License for the specific language governing permissions and
7288 * limitations under the License.
7289 */
7290/* ========== Color Palettes ========== */
7291/* colors.scss */
7292/**
7293 * Copyright 2015 Google Inc. All Rights Reserved.
7294 *
7295 * Licensed under the Apache License, Version 2.0 (the "License");
7296 * you may not use this file except in compliance with the License.
7297 * You may obtain a copy of the License at
7298 *
7299 * http://www.apache.org/licenses/LICENSE-2.0
7300 *
7301 * Unless required by applicable law or agreed to in writing, software
7302 * distributed under the License is distributed on an "AS IS" BASIS,
7303 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7304 * See the License for the specific language governing permissions and
7305 * limitations under the License.
7306 */
7307/* ========== IMAGES ========== */
7308/* ========== Color & Themes ========== */
7309/* ========== Typography ========== */
7310/* ========== Components ========== */
7311/* ========== Standard Buttons ========== */
7312/* ========== Icon Toggles ========== */
7313/* ========== Radio Buttons ========== */
7314/* ========== Ripple effect ========== */
7315/* ========== Layout ========== */
7316/* ========== Content Tabs ========== */
7317/* ========== Checkboxes ========== */
7318/* ========== Switches ========== */
7319/* ========== Spinner ========== */
7320/* ========== Text fields ========== */
7321/* ========== Card ========== */
7322/* ========== Sliders ========== */
7323/* ========== Progress ========== */
7324/* ========== List ========== */
7325/* ========== Item ========== */
7326/* ========== Dropdown menu ========== */
7327/* ========== Tooltips ========== */
7328/* ========== Footer ========== */
7329/* TEXTFIELD */
7330/* SWITCH */
7331/* SPINNER */
7332/* RADIO */
7333/* MENU */
7334/* LIST */
7335/* LAYOUT */
7336/* ICON TOGGLE */
7337/* FOOTER */
7338/*mega-footer*/
7339/*mini-footer*/
7340/* CHECKBOX */
7341/* CARD */
7342/* Card dimensions */
7343/* Cover image */
7344/* BUTTON */
7345/**
7346 *
7347 * Dimensions
7348 *
7349 */
7350/* ANIMATION */
7351/* PROGRESS */
7352/* BADGE */
7353/* SHADOWS */
7354/* GRID */
7355/* DATA TABLE */
7356/* DIALOG */
7357/* SNACKBAR */
7358/* TOOLTIP */
7359/* CHIP */
7360/**
7361 * Copyright 2015 Google Inc. All Rights Reserved.
7362 *
7363 * Licensed under the Apache License, Version 2.0 (the "License");
7364 * you may not use this file except in compliance with the License.
7365 * You may obtain a copy of the License at
7366 *
7367 * http://www.apache.org/licenses/LICENSE-2.0
7368 *
7369 * Unless required by applicable law or agreed to in writing, software
7370 * distributed under the License is distributed on an "AS IS" BASIS,
7371 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7372 * See the License for the specific language governing permissions and
7373 * limitations under the License.
7374 */
7375/* Typography */
7376/* Shadows */
7377/* Animations */
7378/* Dialog */
7379.mdl-navigation {
7380 display: -webkit-flex;
7381 display: -ms-flexbox;
7382 display: flex;
7383 -webkit-flex-wrap: nowrap;
7384 -ms-flex-wrap: nowrap;
7385 flex-wrap: nowrap;
7386 box-sizing: border-box; }
7387
7388.mdl-navigation__link {
7389 color: rgb(66,66,66);
7390 text-decoration: none;
7391 margin: 0;
7392 font-size: 14px;
7393 font-weight: 400;
7394 line-height: 24px;
7395 letter-spacing: 0;
7396 opacity: 0.87; }
7397 .mdl-navigation__link .material-icons {
7398 vertical-align: middle; }
7399
7400.mdl-layout {
7401 width: 100%;
7402 height: 100%;
7403 display: -webkit-flex;
7404 display: -ms-flexbox;
7405 display: flex;
7406 -webkit-flex-direction: column;
7407 -ms-flex-direction: column;
7408 flex-direction: column;
7409 overflow-y: auto;
7410 overflow-x: hidden;
7411 position: relative;
7412 -webkit-overflow-scrolling: touch; }
7413
7414.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
7415 display: none; }
7416
7417.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
7418 display: none; }
7419
7420.mdl-layout__container {
7421 position: absolute;
7422 width: 100%;
7423 height: 100%; }
7424
7425.mdl-layout__title,
7426.mdl-layout-title {
7427 display: block;
7428 position: relative;
7429 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
7430 font-size: 20px;
7431 font-weight: 500;
7432 line-height: 1;
7433 letter-spacing: 0.02em;
7434 font-weight: 400;
7435 box-sizing: border-box; }
7436
7437.mdl-layout-spacer {
7438 -webkit-flex-grow: 1;
7439 -ms-flex-positive: 1;
7440 flex-grow: 1; }
7441
7442.mdl-layout__drawer {
7443 display: -webkit-flex;
7444 display: -ms-flexbox;
7445 display: flex;
7446 -webkit-flex-direction: column;
7447 -ms-flex-direction: column;
7448 flex-direction: column;
7449 -webkit-flex-wrap: nowrap;
7450 -ms-flex-wrap: nowrap;
7451 flex-wrap: nowrap;
7452 width: 240px;
7453 height: 100%;
7454 max-height: 100%;
7455 position: absolute;
7456 top: 0;
7457 left: 0;
7458 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);
7459 box-sizing: border-box;
7460 border-right: 1px solid rgb(224,224,224);
7461 background: rgb(250,250,250);
7462 -webkit-transform: translateX(-250px);
7463 transform: translateX(-250px);
7464 -webkit-transform-style: preserve-3d;
7465 transform-style: preserve-3d;
7466 will-change: transform;
7467 transition-duration: 0.2s;
7468 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7469 transition-property: -webkit-transform;
7470 transition-property: transform;
7471 transition-property: transform, -webkit-transform;
7472 color: rgb(66,66,66);
7473 overflow: visible;
7474 overflow-y: auto;
7475 z-index: 5; }
7476 .mdl-layout__drawer.is-visible {
7477 -webkit-transform: translateX(0);
7478 transform: translateX(0); }
7479 .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
7480 overflow: hidden; }
7481 .mdl-layout__drawer > * {
7482 -webkit-flex-shrink: 0;
7483 -ms-flex-negative: 0;
7484 flex-shrink: 0; }
7485 .mdl-layout__drawer > .mdl-layout__title,
7486 .mdl-layout__drawer > .mdl-layout-title {
7487 line-height: 64px;
7488 padding-left: 40px; }
7489 @media screen and (max-width: 1024px) {
7490 .mdl-layout__drawer > .mdl-layout__title,
7491 .mdl-layout__drawer > .mdl-layout-title {
7492 line-height: 56px;
7493 padding-left: 16px; } }
7494 .mdl-layout__drawer .mdl-navigation {
7495 -webkit-flex-direction: column;
7496 -ms-flex-direction: column;
7497 flex-direction: column;
7498 -webkit-align-items: stretch;
7499 -ms-flex-align: stretch;
7500 align-items: stretch;
7501 padding-top: 16px; }
7502 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7503 display: block;
7504 -webkit-flex-shrink: 0;
7505 -ms-flex-negative: 0;
7506 flex-shrink: 0;
7507 padding: 16px 40px;
7508 margin: 0;
7509 color: #757575; }
7510 @media screen and (max-width: 1024px) {
7511 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7512 padding: 16px 16px; } }
7513 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
7514 background-color: rgb(224,224,224); }
7515 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
7516 background-color: rgb(224,224,224);
7517 color: rgb(0,0,0); }
7518 @media screen and (min-width: 1025px) {
7519 .mdl-layout--fixed-drawer > .mdl-layout__drawer {
7520 -webkit-transform: translateX(0);
7521 transform: translateX(0); } }
7522
7523.mdl-layout__drawer-button {
7524 display: block;
7525 position: absolute;
7526 height: 48px;
7527 width: 48px;
7528 border: 0;
7529 -webkit-flex-shrink: 0;
7530 -ms-flex-negative: 0;
7531 flex-shrink: 0;
7532 overflow: hidden;
7533 text-align: center;
7534 cursor: pointer;
7535 font-size: 26px;
7536 line-height: 56px;
7537 font-family: Helvetica, Arial, sans-serif;
7538 margin: 8px 12px;
7539 top: 0;
7540 left: 0;
7541 color: rgb($color-primary-contrast);
7542 z-index: 4; }
7543 .mdl-layout__header .mdl-layout__drawer-button {
7544 position: absolute;
7545 color: rgb($color-primary-contrast);
7546 background-color: inherit; }
7547 @media screen and (max-width: 1024px) {
7548 .mdl-layout__header .mdl-layout__drawer-button {
7549 margin: 4px; } }
7550 @media screen and (max-width: 1024px) {
7551 .mdl-layout__drawer-button {
7552 margin: 4px;
7553 color: rgba(0, 0, 0, 0.5); } }
7554 @media screen and (min-width: 1025px) {
7555 .mdl-layout__drawer-button {
7556 line-height: 54px; }
7557 .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
7558 .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
7559 .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7560 display: none; } }
7561
7562.mdl-layout__header {
7563 display: -webkit-flex;
7564 display: -ms-flexbox;
7565 display: flex;
7566 -webkit-flex-direction: column;
7567 -ms-flex-direction: column;
7568 flex-direction: column;
7569 -webkit-flex-wrap: nowrap;
7570 -ms-flex-wrap: nowrap;
7571 flex-wrap: nowrap;
7572 -webkit-justify-content: flex-start;
7573 -ms-flex-pack: start;
7574 justify-content: flex-start;
7575 box-sizing: border-box;
7576 -webkit-flex-shrink: 0;
7577 -ms-flex-negative: 0;
7578 flex-shrink: 0;
7579 width: 100%;
7580 margin: 0;
7581 padding: 0;
7582 border: none;
7583 min-height: 64px;
7584 max-height: 1000px;
7585 z-index: 3;
7586 background-color: rgb($color-primary);
7587 color: rgb($color-primary-contrast);
7588 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);
7589 transition-duration: 0.2s;
7590 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7591 transition-property: max-height, box-shadow; }
7592 @media screen and (max-width: 1024px) {
7593 .mdl-layout__header {
7594 min-height: 56px; } }
7595 .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
7596 margin-left: 240px;
7597 width: calc(100% - 240px); }
7598 @media screen and (min-width: 1025px) {
7599 .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
7600 padding-left: 40px; } }
7601 .mdl-layout__header > .mdl-layout-icon {
7602 position: absolute;
7603 left: 40px;
7604 top: 16px;
7605 height: 32px;
7606 width: 32px;
7607 overflow: hidden;
7608 z-index: 3;
7609 display: block; }
7610 @media screen and (max-width: 1024px) {
7611 .mdl-layout__header > .mdl-layout-icon {
7612 left: 16px;
7613 top: 12px; } }
7614 .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
7615 display: none; }
7616 .mdl-layout__header.is-compact {
7617 max-height: 64px; }
7618 @media screen and (max-width: 1024px) {
7619 .mdl-layout__header.is-compact {
7620 max-height: 56px; } }
7621 .mdl-layout__header.is-compact.has-tabs {
7622 height: 112px; }
7623 @media screen and (max-width: 1024px) {
7624 .mdl-layout__header.is-compact.has-tabs {
7625 min-height: 104px; } }
7626 @media screen and (max-width: 1024px) {
7627 .mdl-layout__header {
7628 display: none; }
7629 .mdl-layout--fixed-header > .mdl-layout__header {
7630 display: -webkit-flex;
7631 display: -ms-flexbox;
7632 display: flex; } }
7633
7634.mdl-layout__header--transparent.mdl-layout__header--transparent {
7635 background-color: transparent;
7636 box-shadow: none; }
7637
7638.mdl-layout__header--seamed {
7639 box-shadow: none; }
7640
7641.mdl-layout__header--scroll {
7642 box-shadow: none; }
7643
7644.mdl-layout__header--waterfall {
7645 box-shadow: none;
7646 overflow: hidden; }
7647 .mdl-layout__header--waterfall.is-casting-shadow {
7648 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); }
7649 .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
7650 -webkit-justify-content: flex-end;
7651 -ms-flex-pack: end;
7652 justify-content: flex-end; }
7653
7654.mdl-layout__header-row {
7655 display: -webkit-flex;
7656 display: -ms-flexbox;
7657 display: flex;
7658 -webkit-flex-direction: row;
7659 -ms-flex-direction: row;
7660 flex-direction: row;
7661 -webkit-flex-wrap: nowrap;
7662 -ms-flex-wrap: nowrap;
7663 flex-wrap: nowrap;
7664 -webkit-flex-shrink: 0;
7665 -ms-flex-negative: 0;
7666 flex-shrink: 0;
7667 box-sizing: border-box;
7668 -webkit-align-self: stretch;
7669 -ms-flex-item-align: stretch;
7670 align-self: stretch;
7671 -webkit-align-items: center;
7672 -ms-flex-align: center;
7673 align-items: center;
7674 height: 64px;
7675 margin: 0;
7676 padding: 0 40px 0 80px; }
7677 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7678 padding-left: 40px; }
7679 @media screen and (min-width: 1025px) {
7680 .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
7681 padding-left: 40px; } }
7682 @media screen and (max-width: 1024px) {
7683 .mdl-layout__header-row {
7684 height: 56px;
7685 padding: 0 16px 0 72px; }
7686 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7687 padding-left: 16px; } }
7688 .mdl-layout__header-row > * {
7689 -webkit-flex-shrink: 0;
7690 -ms-flex-negative: 0;
7691 flex-shrink: 0; }
7692 .mdl-layout__header--scroll .mdl-layout__header-row {
7693 width: 100%; }
7694 .mdl-layout__header-row .mdl-navigation {
7695 margin: 0;
7696 padding: 0;
7697 height: 64px;
7698 -webkit-flex-direction: row;
7699 -ms-flex-direction: row;
7700 flex-direction: row;
7701 -webkit-align-items: center;
7702 -ms-flex-align: center;
7703 align-items: center; }
7704 @media screen and (max-width: 1024px) {
7705 .mdl-layout__header-row .mdl-navigation {
7706 height: 56px; } }
7707 .mdl-layout__header-row .mdl-navigation__link {
7708 display: block;
7709 color: rgb($color-primary-contrast);
7710 line-height: 64px;
7711 padding: 0 24px; }
7712 @media screen and (max-width: 1024px) {
7713 .mdl-layout__header-row .mdl-navigation__link {
7714 line-height: 56px;
7715 padding: 0 16px; } }
7716
7717.mdl-layout__obfuscator {
7718 background-color: transparent;
7719 position: absolute;
7720 top: 0;
7721 left: 0;
7722 height: 100%;
7723 width: 100%;
7724 z-index: 4;
7725 visibility: hidden;
7726 transition-property: background-color;
7727 transition-duration: 0.2s;
7728 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
7729 .mdl-layout__obfuscator.is-visible {
7730 background-color: rgba(0, 0, 0, 0.5);
7731 visibility: visible; }
7732 @supports (pointer-events: auto) {
7733 .mdl-layout__obfuscator {
7734 background-color: rgba(0, 0, 0, 0.5);
7735 opacity: 0;
7736 transition-property: opacity;
7737 visibility: visible;
7738 pointer-events: none; }
7739 .mdl-layout__obfuscator.is-visible {
7740 pointer-events: auto;
7741 opacity: 1; } }
7742
7743.mdl-layout__content {
7744 -ms-flex: 0 1 auto;
7745 position: relative;
7746 display: inline-block;
7747 overflow-y: auto;
7748 overflow-x: hidden;
7749 -webkit-flex-grow: 1;
7750 -ms-flex-positive: 1;
7751 flex-grow: 1;
7752 z-index: 1;
7753 -webkit-overflow-scrolling: touch; }
7754 .mdl-layout--fixed-drawer > .mdl-layout__content {
7755 margin-left: 240px; }
7756 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7757 overflow: visible; }
7758 @media screen and (max-width: 1024px) {
7759 .mdl-layout--fixed-drawer > .mdl-layout__content {
7760 margin-left: 0; }
7761 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7762 overflow-y: auto;
7763 overflow-x: hidden; } }
7764
7765.mdl-layout__tab-bar {
7766 height: 96px;
7767 margin: 0;
7768 width: calc(100% - 112px);
7769 padding: 0 0 0 56px;
7770 display: -webkit-flex;
7771 display: -ms-flexbox;
7772 display: flex;
7773 background-color: rgb($color-primary);
7774 overflow-y: hidden;
7775 overflow-x: scroll; }
7776 .mdl-layout__tab-bar::-webkit-scrollbar {
7777 display: none; }
7778 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7779 padding-left: 16px;
7780 width: calc(100% - 32px); }
7781 @media screen and (min-width: 1025px) {
7782 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
7783 padding-left: 16px;
7784 width: calc(100% - 32px); } }
7785 @media screen and (max-width: 1024px) {
7786 .mdl-layout__tab-bar {
7787 width: calc(100% - 60px);
7788 padding: 0 0 0 60px; }
7789 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7790 width: calc(100% - 8px);
7791 padding-left: 4px; } }
7792 .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
7793 padding: 0;
7794 overflow: hidden;
7795 width: 100%; }
7796
7797.mdl-layout__tab-bar-container {
7798 position: relative;
7799 height: 48px;
7800 width: 100%;
7801 border: none;
7802 margin: 0;
7803 z-index: 2;
7804 -webkit-flex-grow: 0;
7805 -ms-flex-positive: 0;
7806 flex-grow: 0;
7807 -webkit-flex-shrink: 0;
7808 -ms-flex-negative: 0;
7809 flex-shrink: 0;
7810 overflow: hidden; }
7811 .mdl-layout__container > .mdl-layout__tab-bar-container {
7812 position: absolute;
7813 top: 0;
7814 left: 0; }
7815
7816.mdl-layout__tab-bar-button {
7817 display: inline-block;
7818 position: absolute;
7819 top: 0;
7820 height: 48px;
7821 width: 56px;
7822 z-index: 4;
7823 text-align: center;
7824 background-color: rgb($color-primary);
7825 color: transparent;
7826 cursor: pointer;
7827 -webkit-user-select: none;
7828 -moz-user-select: none;
7829 -ms-user-select: none;
7830 user-select: none; }
7831 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
7832 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
7833 width: 16px; }
7834 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
7835 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
7836 position: relative;
7837 left: -4px; }
7838 @media screen and (max-width: 1024px) {
7839 .mdl-layout__tab-bar-button {
7840 width: 60px; } }
7841 .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
7842 display: none; }
7843 .mdl-layout__tab-bar-button .material-icons {
7844 line-height: 48px; }
7845 .mdl-layout__tab-bar-button.is-active {
7846 color: rgb($color-primary-contrast); }
7847
7848.mdl-layout__tab-bar-left-button {
7849 left: 0; }
7850
7851.mdl-layout__tab-bar-right-button {
7852 right: 0; }
7853
7854.mdl-layout__tab {
7855 margin: 0;
7856 border: none;
7857 padding: 0 24px 0 24px;
7858 float: left;
7859 position: relative;
7860 display: block;
7861 -webkit-flex-grow: 0;
7862 -ms-flex-positive: 0;
7863 flex-grow: 0;
7864 -webkit-flex-shrink: 0;
7865 -ms-flex-negative: 0;
7866 flex-shrink: 0;
7867 text-decoration: none;
7868 height: 48px;
7869 line-height: 48px;
7870 text-align: center;
7871 font-weight: 500;
7872 font-size: 14px;
7873 text-transform: uppercase;
7874 color: rgba($color-primary-contrast, 0.6);
7875 overflow: hidden; }
7876 @media screen and (max-width: 1024px) {
7877 .mdl-layout__tab {
7878 padding: 0 12px 0 12px; } }
7879 .mdl-layout--fixed-tabs .mdl-layout__tab {
7880 float: none;
7881 -webkit-flex-grow: 1;
7882 -ms-flex-positive: 1;
7883 flex-grow: 1;
7884 padding: 0; }
7885 .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
7886 color: rgb($color-primary-contrast); }
7887 .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
7888 height: 2px;
7889 width: 100%;
7890 display: block;
7891 content: " ";
7892 bottom: 0;
7893 left: 0;
7894 position: absolute;
7895 background: rgb($color-accent);
7896 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7897 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7898 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
7899 .mdl-layout__tab .mdl-layout__tab-ripple-container {
7900 display: block;
7901 position: absolute;
7902 height: 100%;
7903 width: 100%;
7904 left: 0;
7905 top: 0;
7906 z-index: 1;
7907 overflow: hidden; }
7908 .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
7909 background-color: rgb($color-primary-contrast); }
7910
7911.mdl-layout__tab-panel {
7912 display: block; }
7913 .mdl-layout.is-upgraded .mdl-layout__tab-panel {
7914 display: none; }
7915 .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
7916 display: block; }
7917
7918/**
7919 * Copyright 2015 Google Inc. All Rights Reserved.
7920 *
7921 * Licensed under the Apache License, Version 2.0 (the "License");
7922 * you may not use this file except in compliance with the License.
7923 * You may obtain a copy of the License at
7924 *
7925 * http://www.apache.org/licenses/LICENSE-2.0
7926 *
7927 * Unless required by applicable law or agreed to in writing, software
7928 * distributed under the License is distributed on an "AS IS" BASIS,
7929 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7930 * See the License for the specific language governing permissions and
7931 * limitations under the License.
7932 */
7933/**
7934 * Copyright 2015 Google Inc. All Rights Reserved.
7935 *
7936 * Licensed under the Apache License, Version 2.0 (the "License");
7937 * you may not use this file except in compliance with the License.
7938 * You may obtain a copy of the License at
7939 *
7940 * http://www.apache.org/licenses/LICENSE-2.0
7941 *
7942 * Unless required by applicable law or agreed to in writing, software
7943 * distributed under the License is distributed on an "AS IS" BASIS,
7944 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7945 * See the License for the specific language governing permissions and
7946 * limitations under the License.
7947 */
7948/*------------------------------------* $CONTENTS
7949\*------------------------------------*/
7950/**
7951 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7952 * -----Typography
7953 * -----Colors
7954 * -----Textfield
7955 * -----Switch
7956 * -----Spinner
7957 * -----Radio
7958 * -----Menu
7959 * -----List
7960 * -----Layout
7961 * -----Icon toggles
7962 * -----Footer
7963 * -----Column
7964 * -----Checkbox
7965 * -----Card
7966 * -----Button
7967 * -----Animation
7968 * -----Progress
7969 * -----Badge
7970 * -----Shadows
7971 * -----Grid
7972 * -----Data table
7973 * -----Dialog
7974 * -----Snackbar
7975 * -----Tooltip
7976 * -----Chip
7977 *
7978 * Even though all variables have the `!default` directive, most of them
7979 * should not be changed as they are dependent one another. This can cause
7980 * visual distortions (like alignment issues) that are hard to track down
7981 * and fix.
7982 */
7983/* ========== TYPOGRAPHY ========== */
7984/* We're splitting fonts into "preferred" and "performance" in order to optimize
7985 page loading. For important text, such as the body, we want it to load
7986 immediately and not wait for the web font load, whereas for other sections,
7987 such as headers and titles, we're OK with things taking a bit longer to load.
7988 We do have some optional classes and parameters in the mixins, in case you
7989 definitely want to make sure you're using the preferred font and don't mind
7990 the performance hit.
7991 We should be able to improve on this once CSS Font Loading L3 becomes more
7992 widely available.
7993*/
7994/* ========== COLORS ========== */
7995/**
7996*
7997* Material design color palettes.
7998* @see http://www.google.com/design/spec/style/color.html
7999*
8000**/
8001/**
8002 * Copyright 2015 Google Inc. All Rights Reserved.
8003 *
8004 * Licensed under the Apache License, Version 2.0 (the "License");
8005 * you may not use this file except in compliance with the License.
8006 * You may obtain a copy of the License at
8007 *
8008 * http://www.apache.org/licenses/LICENSE-2.0
8009 *
8010 * Unless required by applicable law or agreed to in writing, software
8011 * distributed under the License is distributed on an "AS IS" BASIS,
8012 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8013 * See the License for the specific language governing permissions and
8014 * limitations under the License.
8015 */
8016/* ========== Color Palettes ========== */
8017/* colors.scss */
8018/**
8019 * Copyright 2015 Google Inc. All Rights Reserved.
8020 *
8021 * Licensed under the Apache License, Version 2.0 (the "License");
8022 * you may not use this file except in compliance with the License.
8023 * You may obtain a copy of the License at
8024 *
8025 * http://www.apache.org/licenses/LICENSE-2.0
8026 *
8027 * Unless required by applicable law or agreed to in writing, software
8028 * distributed under the License is distributed on an "AS IS" BASIS,
8029 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8030 * See the License for the specific language governing permissions and
8031 * limitations under the License.
8032 */
8033/* ========== IMAGES ========== */
8034/* ========== Color & Themes ========== */
8035/* ========== Typography ========== */
8036/* ========== Components ========== */
8037/* ========== Standard Buttons ========== */
8038/* ========== Icon Toggles ========== */
8039/* ========== Radio Buttons ========== */
8040/* ========== Ripple effect ========== */
8041/* ========== Layout ========== */
8042/* ========== Content Tabs ========== */
8043/* ========== Checkboxes ========== */
8044/* ========== Switches ========== */
8045/* ========== Spinner ========== */
8046/* ========== Text fields ========== */
8047/* ========== Card ========== */
8048/* ========== Sliders ========== */
8049/* ========== Progress ========== */
8050/* ========== List ========== */
8051/* ========== Item ========== */
8052/* ========== Dropdown menu ========== */
8053/* ========== Tooltips ========== */
8054/* ========== Footer ========== */
8055/* TEXTFIELD */
8056/* SWITCH */
8057/* SPINNER */
8058/* RADIO */
8059/* MENU */
8060/* LIST */
8061/* LAYOUT */
8062/* ICON TOGGLE */
8063/* FOOTER */
8064/*mega-footer*/
8065/*mini-footer*/
8066/* CHECKBOX */
8067/* CARD */
8068/* Card dimensions */
8069/* Cover image */
8070/* BUTTON */
8071/**
8072 *
8073 * Dimensions
8074 *
8075 */
8076/* ANIMATION */
8077/* PROGRESS */
8078/* BADGE */
8079/* SHADOWS */
8080/* GRID */
8081/* DATA TABLE */
8082/* DIALOG */
8083/* SNACKBAR */
8084/* TOOLTIP */
8085/* CHIP */
8086/**
8087 * Copyright 2015 Google Inc. All Rights Reserved.
8088 *
8089 * Licensed under the Apache License, Version 2.0 (the "License");
8090 * you may not use this file except in compliance with the License.
8091 * You may obtain a copy of the License at
8092 *
8093 * http://www.apache.org/licenses/LICENSE-2.0
8094 *
8095 * Unless required by applicable law or agreed to in writing, software
8096 * distributed under the License is distributed on an "AS IS" BASIS,
8097 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8098 * See the License for the specific language governing permissions and
8099 * limitations under the License.
8100 */
8101/* Typography */
8102/* Shadows */
8103/* Animations */
8104/* Dialog */
8105.mdl-radio {
8106 position: relative;
8107 font-size: 16px;
8108 line-height: 24px;
8109 display: inline-block;
8110 vertical-align: middle;
8111 box-sizing: border-box;
8112 height: 24px;
8113 margin: 0;
8114 padding-left: 0; }
8115 .mdl-radio.is-upgraded {
8116 padding-left: 24px; }
8117
8118.mdl-radio__button {
8119 line-height: 24px; }
8120 .mdl-radio.is-upgraded .mdl-radio__button {
8121 position: absolute;
8122 width: 0;
8123 height: 0;
8124 margin: 0;
8125 padding: 0;
8126 opacity: 0;
8127 -ms-appearance: none;
8128 -moz-appearance: none;
8129 -webkit-appearance: none;
8130 appearance: none;
8131 border: none; }
8132
8133.mdl-radio__outer-circle {
8134 position: absolute;
8135 top: 4px;
8136 left: 0;
8137 display: inline-block;
8138 box-sizing: border-box;
8139 width: 16px;
8140 height: 16px;
8141 margin: 0;
8142 cursor: pointer;
8143 border: 2px solid rgba(0,0,0, 0.54);
8144 border-radius: 50%;
8145 z-index: 2; }
8146 .mdl-radio.is-checked .mdl-radio__outer-circle {
8147 border: 2px solid rgb($color-primary); }
8148 .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
8149 .mdl-radio.is-disabled .mdl-radio__outer-circle {
8150 border: 2px solid rgba(0,0,0, 0.26);
8151 cursor: auto; }
8152
8153.mdl-radio__inner-circle {
8154 position: absolute;
8155 z-index: 1;
8156 margin: 0;
8157 top: 8px;
8158 left: 4px;
8159 box-sizing: border-box;
8160 width: 8px;
8161 height: 8px;
8162 cursor: pointer;
8163 transition-duration: 0.28s;
8164 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8165 transition-property: -webkit-transform;
8166 transition-property: transform;
8167 transition-property: transform, -webkit-transform;
8168 -webkit-transform: scale(0, 0);
8169 transform: scale(0, 0);
8170 border-radius: 50%;
8171 background: rgb($color-primary); }
8172 .mdl-radio.is-checked .mdl-radio__inner-circle {
8173 -webkit-transform: scale(1, 1);
8174 transform: scale(1, 1); }
8175 fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
8176 .mdl-radio.is-disabled .mdl-radio__inner-circle {
8177 background: rgba(0,0,0, 0.26);
8178 cursor: auto; }
8179 .mdl-radio.is-focused .mdl-radio__inner-circle {
8180 box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }
8181
8182.mdl-radio__label {
8183 cursor: pointer; }
8184 fieldset[disabled] .mdl-radio .mdl-radio__label,
8185 .mdl-radio.is-disabled .mdl-radio__label {
8186 color: rgba(0,0,0, 0.26);
8187 cursor: auto; }
8188
8189.mdl-radio__ripple-container {
8190 position: absolute;
8191 z-index: 2;
8192 top: -9px;
8193 left: -13px;
8194 box-sizing: border-box;
8195 width: 42px;
8196 height: 42px;
8197 border-radius: 50%;
8198 cursor: pointer;
8199 overflow: hidden;
8200 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
8201 .mdl-radio__ripple-container .mdl-ripple {
8202 background: rgb($color-primary); }
8203 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
8204 .mdl-radio.is-disabled .mdl-radio__ripple-container {
8205 cursor: auto; }
8206 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
8207 .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
8208 background: transparent; }
8209
8210/**
8211 * Copyright 2015 Google Inc. All Rights Reserved.
8212 *
8213 * Licensed under the Apache License, Version 2.0 (the "License");
8214 * you may not use this file except in compliance with the License.
8215 * You may obtain a copy of the License at
8216 *
8217 * http://www.apache.org/licenses/LICENSE-2.0
8218 *
8219 * Unless required by applicable law or agreed to in writing, software
8220 * distributed under the License is distributed on an "AS IS" BASIS,
8221 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8222 * See the License for the specific language governing permissions and
8223 * limitations under the License.
8224 */
8225/**
8226 * Copyright 2015 Google Inc. All Rights Reserved.
8227 *
8228 * Licensed under the Apache License, Version 2.0 (the "License");
8229 * you may not use this file except in compliance with the License.
8230 * You may obtain a copy of the License at
8231 *
8232 * http://www.apache.org/licenses/LICENSE-2.0
8233 *
8234 * Unless required by applicable law or agreed to in writing, software
8235 * distributed under the License is distributed on an "AS IS" BASIS,
8236 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8237 * See the License for the specific language governing permissions and
8238 * limitations under the License.
8239 */
8240/*------------------------------------* $CONTENTS
8241\*------------------------------------*/
8242/**
8243 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8244 * -----Typography
8245 * -----Colors
8246 * -----Textfield
8247 * -----Switch
8248 * -----Spinner
8249 * -----Radio
8250 * -----Menu
8251 * -----List
8252 * -----Layout
8253 * -----Icon toggles
8254 * -----Footer
8255 * -----Column
8256 * -----Checkbox
8257 * -----Card
8258 * -----Button
8259 * -----Animation
8260 * -----Progress
8261 * -----Badge
8262 * -----Shadows
8263 * -----Grid
8264 * -----Data table
8265 * -----Dialog
8266 * -----Snackbar
8267 * -----Tooltip
8268 * -----Chip
8269 *
8270 * Even though all variables have the `!default` directive, most of them
8271 * should not be changed as they are dependent one another. This can cause
8272 * visual distortions (like alignment issues) that are hard to track down
8273 * and fix.
8274 */
8275/* ========== TYPOGRAPHY ========== */
8276/* We're splitting fonts into "preferred" and "performance" in order to optimize
8277 page loading. For important text, such as the body, we want it to load
8278 immediately and not wait for the web font load, whereas for other sections,
8279 such as headers and titles, we're OK with things taking a bit longer to load.
8280 We do have some optional classes and parameters in the mixins, in case you
8281 definitely want to make sure you're using the preferred font and don't mind
8282 the performance hit.
8283 We should be able to improve on this once CSS Font Loading L3 becomes more
8284 widely available.
8285*/
8286/* ========== COLORS ========== */
8287/**
8288*
8289* Material design color palettes.
8290* @see http://www.google.com/design/spec/style/color.html
8291*
8292**/
8293/**
8294 * Copyright 2015 Google Inc. All Rights Reserved.
8295 *
8296 * Licensed under the Apache License, Version 2.0 (the "License");
8297 * you may not use this file except in compliance with the License.
8298 * You may obtain a copy of the License at
8299 *
8300 * http://www.apache.org/licenses/LICENSE-2.0
8301 *
8302 * Unless required by applicable law or agreed to in writing, software
8303 * distributed under the License is distributed on an "AS IS" BASIS,
8304 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8305 * See the License for the specific language governing permissions and
8306 * limitations under the License.
8307 */
8308/* ========== Color Palettes ========== */
8309/* colors.scss */
8310/**
8311 * Copyright 2015 Google Inc. All Rights Reserved.
8312 *
8313 * Licensed under the Apache License, Version 2.0 (the "License");
8314 * you may not use this file except in compliance with the License.
8315 * You may obtain a copy of the License at
8316 *
8317 * http://www.apache.org/licenses/LICENSE-2.0
8318 *
8319 * Unless required by applicable law or agreed to in writing, software
8320 * distributed under the License is distributed on an "AS IS" BASIS,
8321 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8322 * See the License for the specific language governing permissions and
8323 * limitations under the License.
8324 */
8325/* ========== IMAGES ========== */
8326/* ========== Color & Themes ========== */
8327/* ========== Typography ========== */
8328/* ========== Components ========== */
8329/* ========== Standard Buttons ========== */
8330/* ========== Icon Toggles ========== */
8331/* ========== Radio Buttons ========== */
8332/* ========== Ripple effect ========== */
8333/* ========== Layout ========== */
8334/* ========== Content Tabs ========== */
8335/* ========== Checkboxes ========== */
8336/* ========== Switches ========== */
8337/* ========== Spinner ========== */
8338/* ========== Text fields ========== */
8339/* ========== Card ========== */
8340/* ========== Sliders ========== */
8341/* ========== Progress ========== */
8342/* ========== List ========== */
8343/* ========== Item ========== */
8344/* ========== Dropdown menu ========== */
8345/* ========== Tooltips ========== */
8346/* ========== Footer ========== */
8347/* TEXTFIELD */
8348/* SWITCH */
8349/* SPINNER */
8350/* RADIO */
8351/* MENU */
8352/* LIST */
8353/* LAYOUT */
8354/* ICON TOGGLE */
8355/* FOOTER */
8356/*mega-footer*/
8357/*mini-footer*/
8358/* CHECKBOX */
8359/* CARD */
8360/* Card dimensions */
8361/* Cover image */
8362/* BUTTON */
8363/**
8364 *
8365 * Dimensions
8366 *
8367 */
8368/* ANIMATION */
8369/* PROGRESS */
8370/* BADGE */
8371/* SHADOWS */
8372/* GRID */
8373/* DATA TABLE */
8374/* DIALOG */
8375/* SNACKBAR */
8376/* TOOLTIP */
8377/* CHIP */
8378_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8379 -ms-appearance: none;
8380 height: 32px;
8381 margin: 0; }
8382
8383.mdl-slider {
8384 width: calc(100% - 40px);
8385 margin: 0 20px; }
8386 .mdl-slider.is-upgraded {
8387 -webkit-appearance: none;
8388 -moz-appearance: none;
8389 appearance: none;
8390 height: 2px;
8391 background: transparent;
8392 -webkit-user-select: none;
8393 -moz-user-select: none;
8394 -ms-user-select: none;
8395 user-select: none;
8396 outline: 0;
8397 padding: 0;
8398 color: rgb($color-primary);
8399 -webkit-align-self: center;
8400 -ms-flex-item-align: center;
8401 -ms-grid-row-align: center;
8402 align-self: center;
8403 z-index: 1;
8404 cursor: pointer;
8405 /**************************** Tracks ****************************/
8406 /**************************** Thumbs ****************************/
8407 /**************************** 0-value ****************************/
8408 /**************************** Disabled ****************************/ }
8409 .mdl-slider.is-upgraded::-moz-focus-outer {
8410 border: 0; }
8411 .mdl-slider.is-upgraded::-ms-tooltip {
8412 display: none; }
8413 .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
8414 background: transparent; }
8415 .mdl-slider.is-upgraded::-moz-range-track {
8416 background: transparent;
8417 border: none; }
8418 .mdl-slider.is-upgraded::-ms-track {
8419 background: none;
8420 color: transparent;
8421 height: 2px;
8422 width: 100%;
8423 border: none; }
8424 .mdl-slider.is-upgraded::-ms-fill-lower {
8425 padding: 0;
8426 background: linear-gradient(to right, transparent, transparent 16px, rgb($color-primary) 16px, rgb($color-primary) 0); }
8427 .mdl-slider.is-upgraded::-ms-fill-upper {
8428 padding: 0;
8429 background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
8430 .mdl-slider.is-upgraded::-webkit-slider-thumb {
8431 -webkit-appearance: none;
8432 width: 12px;
8433 height: 12px;
8434 box-sizing: border-box;
8435 border-radius: 50%;
8436 background: rgb($color-primary);
8437 border: none;
8438 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);
8439 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);
8440 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); }
8441 .mdl-slider.is-upgraded::-moz-range-thumb {
8442 -moz-appearance: none;
8443 width: 12px;
8444 height: 12px;
8445 box-sizing: border-box;
8446 border-radius: 50%;
8447 background-image: none;
8448 background: rgb($color-primary);
8449 border: none; }
8450 .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
8451 box-shadow: 0 0 0 10px rgba($color-primary, 0.26); }
8452 .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
8453 box-shadow: 0 0 0 10px rgba($color-primary, 0.26); }
8454 .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
8455 background-image: none;
8456 background: rgb($color-primary);
8457 -webkit-transform: scale(1.5);
8458 transform: scale(1.5); }
8459 .mdl-slider.is-upgraded:active::-moz-range-thumb {
8460 background-image: none;
8461 background: rgb($color-primary);
8462 transform: scale(1.5); }
8463 .mdl-slider.is-upgraded::-ms-thumb {
8464 width: 32px;
8465 height: 32px;
8466 border: none;
8467 border-radius: 50%;
8468 background: rgb($color-primary);
8469 transform: scale(0.375);
8470 transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
8471 transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
8472 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); }
8473 .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
8474 background: radial-gradient(circle closest-side, rgb($color-primary) 0%, rgb($color-primary) 37.5%, rgba($color-primary, 0.26) 37.5%, rgba($color-primary, 0.26) 100%);
8475 transform: scale(1); }
8476 .mdl-slider.is-upgraded:active::-ms-thumb {
8477 background: rgb($color-primary);
8478 transform: scale(0.5625); }
8479 .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
8480 border: 2px solid rgba(0,0,0, 0.26);
8481 background: transparent; }
8482 .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
8483 border: 2px solid rgba(0,0,0, 0.26);
8484 background: transparent; }
8485 .mdl-slider.is-upgraded.is-lowest-value +
8486.mdl-slider__background-flex > .mdl-slider__background-upper {
8487 left: 6px; }
8488 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
8489 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8490 background: rgba(0,0,0, 0.12); }
8491 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
8492 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8493 background: rgba(0,0,0, 0.12); }
8494 .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
8495 border: 1.6px solid rgba(0,0,0, 0.26);
8496 -webkit-transform: scale(1.5);
8497 transform: scale(1.5); }
8498 .mdl-slider.is-upgraded.is-lowest-value:active +
8499.mdl-slider__background-flex > .mdl-slider__background-upper {
8500 left: 9px; }
8501 .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
8502 border: 1.5px solid rgba(0,0,0, 0.26);
8503 transform: scale(1.5); }
8504 .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
8505 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%); }
8506 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
8507 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%);
8508 transform: scale(1); }
8509 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
8510 transform: scale(0.5625);
8511 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%); }
8512 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
8513 background: transparent; }
8514 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
8515 margin-left: 6px; }
8516 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
8517 margin-left: 9px; }
8518 .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 {
8519 -webkit-transform: scale(0.667);
8520 transform: scale(0.667);
8521 background: rgba(0,0,0, 0.26); }
8522 .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 {
8523 transform: scale(0.667);
8524 background: rgba(0,0,0, 0.26); }
8525 .mdl-slider.is-upgraded:disabled +
8526.mdl-slider__background-flex > .mdl-slider__background-lower {
8527 background-color: rgba(0,0,0, 0.26);
8528 left: -6px; }
8529 .mdl-slider.is-upgraded:disabled +
8530.mdl-slider__background-flex > .mdl-slider__background-upper {
8531 left: 6px; }
8532 .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 {
8533 border: 3px solid rgba(0,0,0, 0.26);
8534 background: transparent;
8535 -webkit-transform: scale(0.667);
8536 transform: scale(0.667); }
8537 .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 {
8538 border: 3px solid rgba(0,0,0, 0.26);
8539 background: transparent;
8540 transform: scale(0.667); }
8541 .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
8542.mdl-slider__background-flex > .mdl-slider__background-upper {
8543 left: 6px; }
8544 .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
8545 transform: scale(0.25);
8546 background: rgba(0,0,0, 0.26); }
8547 .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 {
8548 transform: scale(0.25);
8549 background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
8550 .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
8551 margin-right: 6px;
8552 background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
8553 .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
8554 margin-left: 6px; }
8555 .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
8556 margin-left: 6px; }
8557
8558.mdl-slider__ie-container {
8559 height: 18px;
8560 overflow: visible;
8561 border: none;
8562 margin: none;
8563 padding: none; }
8564
8565.mdl-slider__container {
8566 height: 18px;
8567 position: relative;
8568 background: none;
8569 display: -webkit-flex;
8570 display: -ms-flexbox;
8571 display: flex;
8572 -webkit-flex-direction: row;
8573 -ms-flex-direction: row;
8574 flex-direction: row; }
8575
8576.mdl-slider__background-flex {
8577 background: transparent;
8578 position: absolute;
8579 height: 2px;
8580 width: calc(100% - 52px);
8581 top: 50%;
8582 left: 0;
8583 margin: 0 26px;
8584 display: -webkit-flex;
8585 display: -ms-flexbox;
8586 display: flex;
8587 overflow: hidden;
8588 border: 0;
8589 padding: 0;
8590 -webkit-transform: translate(0, -1px);
8591 transform: translate(0, -1px); }
8592
8593.mdl-slider__background-lower {
8594 background: rgb($color-primary);
8595 -webkit-flex: 0;
8596 -ms-flex: 0;
8597 flex: 0;
8598 position: relative;
8599 border: 0;
8600 padding: 0; }
8601
8602.mdl-slider__background-upper {
8603 background: rgba(0,0,0, 0.26);
8604 -webkit-flex: 0;
8605 -ms-flex: 0;
8606 flex: 0;
8607 position: relative;
8608 border: 0;
8609 padding: 0;
8610 transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8611
8612/**
8613 * Copyright 2015 Google Inc. All Rights Reserved.
8614 *
8615 * Licensed under the Apache License, Version 2.0 (the "License");
8616 * you may not use this file except in compliance with the License.
8617 * You may obtain a copy of the License at
8618 *
8619 * http://www.apache.org/licenses/LICENSE-2.0
8620 *
8621 * Unless required by applicable law or agreed to in writing, software
8622 * distributed under the License is distributed on an "AS IS" BASIS,
8623 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8624 * See the License for the specific language governing permissions and
8625 * limitations under the License.
8626 */
8627/**
8628 * Copyright 2015 Google Inc. All Rights Reserved.
8629 *
8630 * Licensed under the Apache License, Version 2.0 (the "License");
8631 * you may not use this file except in compliance with the License.
8632 * You may obtain a copy of the License at
8633 *
8634 * http://www.apache.org/licenses/LICENSE-2.0
8635 *
8636 * Unless required by applicable law or agreed to in writing, software
8637 * distributed under the License is distributed on an "AS IS" BASIS,
8638 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8639 * See the License for the specific language governing permissions and
8640 * limitations under the License.
8641 */
8642/*------------------------------------* $CONTENTS
8643\*------------------------------------*/
8644/**
8645 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8646 * -----Typography
8647 * -----Colors
8648 * -----Textfield
8649 * -----Switch
8650 * -----Spinner
8651 * -----Radio
8652 * -----Menu
8653 * -----List
8654 * -----Layout
8655 * -----Icon toggles
8656 * -----Footer
8657 * -----Column
8658 * -----Checkbox
8659 * -----Card
8660 * -----Button
8661 * -----Animation
8662 * -----Progress
8663 * -----Badge
8664 * -----Shadows
8665 * -----Grid
8666 * -----Data table
8667 * -----Dialog
8668 * -----Snackbar
8669 * -----Tooltip
8670 * -----Chip
8671 *
8672 * Even though all variables have the `!default` directive, most of them
8673 * should not be changed as they are dependent one another. This can cause
8674 * visual distortions (like alignment issues) that are hard to track down
8675 * and fix.
8676 */
8677/* ========== TYPOGRAPHY ========== */
8678/* We're splitting fonts into "preferred" and "performance" in order to optimize
8679 page loading. For important text, such as the body, we want it to load
8680 immediately and not wait for the web font load, whereas for other sections,
8681 such as headers and titles, we're OK with things taking a bit longer to load.
8682 We do have some optional classes and parameters in the mixins, in case you
8683 definitely want to make sure you're using the preferred font and don't mind
8684 the performance hit.
8685 We should be able to improve on this once CSS Font Loading L3 becomes more
8686 widely available.
8687*/
8688/* ========== COLORS ========== */
8689/**
8690*
8691* Material design color palettes.
8692* @see http://www.google.com/design/spec/style/color.html
8693*
8694**/
8695/**
8696 * Copyright 2015 Google Inc. All Rights Reserved.
8697 *
8698 * Licensed under the Apache License, Version 2.0 (the "License");
8699 * you may not use this file except in compliance with the License.
8700 * You may obtain a copy of the License at
8701 *
8702 * http://www.apache.org/licenses/LICENSE-2.0
8703 *
8704 * Unless required by applicable law or agreed to in writing, software
8705 * distributed under the License is distributed on an "AS IS" BASIS,
8706 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8707 * See the License for the specific language governing permissions and
8708 * limitations under the License.
8709 */
8710/* ========== Color Palettes ========== */
8711/* colors.scss */
8712/**
8713 * Copyright 2015 Google Inc. All Rights Reserved.
8714 *
8715 * Licensed under the Apache License, Version 2.0 (the "License");
8716 * you may not use this file except in compliance with the License.
8717 * You may obtain a copy of the License at
8718 *
8719 * http://www.apache.org/licenses/LICENSE-2.0
8720 *
8721 * Unless required by applicable law or agreed to in writing, software
8722 * distributed under the License is distributed on an "AS IS" BASIS,
8723 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8724 * See the License for the specific language governing permissions and
8725 * limitations under the License.
8726 */
8727/* ========== IMAGES ========== */
8728/* ========== Color & Themes ========== */
8729/* ========== Typography ========== */
8730/* ========== Components ========== */
8731/* ========== Standard Buttons ========== */
8732/* ========== Icon Toggles ========== */
8733/* ========== Radio Buttons ========== */
8734/* ========== Ripple effect ========== */
8735/* ========== Layout ========== */
8736/* ========== Content Tabs ========== */
8737/* ========== Checkboxes ========== */
8738/* ========== Switches ========== */
8739/* ========== Spinner ========== */
8740/* ========== Text fields ========== */
8741/* ========== Card ========== */
8742/* ========== Sliders ========== */
8743/* ========== Progress ========== */
8744/* ========== List ========== */
8745/* ========== Item ========== */
8746/* ========== Dropdown menu ========== */
8747/* ========== Tooltips ========== */
8748/* ========== Footer ========== */
8749/* TEXTFIELD */
8750/* SWITCH */
8751/* SPINNER */
8752/* RADIO */
8753/* MENU */
8754/* LIST */
8755/* LAYOUT */
8756/* ICON TOGGLE */
8757/* FOOTER */
8758/*mega-footer*/
8759/*mini-footer*/
8760/* CHECKBOX */
8761/* CARD */
8762/* Card dimensions */
8763/* Cover image */
8764/* BUTTON */
8765/**
8766 *
8767 * Dimensions
8768 *
8769 */
8770/* ANIMATION */
8771/* PROGRESS */
8772/* BADGE */
8773/* SHADOWS */
8774/* GRID */
8775/* DATA TABLE */
8776/* DIALOG */
8777/* SNACKBAR */
8778/* TOOLTIP */
8779/* CHIP */
8780/**
8781 * Copyright 2015 Google Inc. All Rights Reserved.
8782 *
8783 * Licensed under the Apache License, Version 2.0 (the "License");
8784 * you may not use this file except in compliance with the License.
8785 * You may obtain a copy of the License at
8786 *
8787 * http://www.apache.org/licenses/LICENSE-2.0
8788 *
8789 * Unless required by applicable law or agreed to in writing, software
8790 * distributed under the License is distributed on an "AS IS" BASIS,
8791 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8792 * See the License for the specific language governing permissions and
8793 * limitations under the License.
8794 */
8795/* Typography */
8796/* Shadows */
8797/* Animations */
8798/* Dialog */
8799.mdl-snackbar {
8800 position: fixed;
8801 bottom: 0;
8802 left: 50%;
8803 cursor: default;
8804 background-color: #323232;
8805 z-index: 3;
8806 display: block;
8807 display: -webkit-flex;
8808 display: -ms-flexbox;
8809 display: flex;
8810 -webkit-justify-content: space-between;
8811 -ms-flex-pack: justify;
8812 justify-content: space-between;
8813 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8814 will-change: transform;
8815 -webkit-transform: translate(0, 80px);
8816 transform: translate(0, 80px);
8817 transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8818 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8819 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8820 pointer-events: none; }
8821 @media (max-width: 479px) {
8822 .mdl-snackbar {
8823 width: 100%;
8824 left: 0;
8825 min-height: 48px;
8826 max-height: 80px; } }
8827 @media (min-width: 480px) {
8828 .mdl-snackbar {
8829 min-width: 288px;
8830 max-width: 568px;
8831 border-radius: 2px;
8832 -webkit-transform: translate(-50%, 80px);
8833 transform: translate(-50%, 80px); } }
8834 .mdl-snackbar--active {
8835 -webkit-transform: translate(0, 0);
8836 transform: translate(0, 0);
8837 pointer-events: auto;
8838 transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8839 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8840 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
8841 @media (min-width: 480px) {
8842 .mdl-snackbar--active {
8843 -webkit-transform: translate(-50%, 0);
8844 transform: translate(-50%, 0); } }
8845 .mdl-snackbar__text {
8846 padding: 14px 12px 14px 24px;
8847 vertical-align: middle;
8848 color: white;
8849 float: left; }
8850 .mdl-snackbar__action {
8851 background: transparent;
8852 border: none;
8853 color: rgb($color-accent);
8854 float: right;
8855 text-transform: uppercase;
8856 padding: 14px 24px 14px 12px;
8857 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8858 font-size: 14px;
8859 font-weight: 500;
8860 text-transform: uppercase;
8861 line-height: 1;
8862 letter-spacing: 0;
8863 overflow: hidden;
8864 outline: none;
8865 opacity: 0;
8866 pointer-events: none;
8867 cursor: pointer;
8868 text-decoration: none;
8869 text-align: center;
8870 -webkit-align-self: center;
8871 -ms-flex-item-align: center;
8872 -ms-grid-row-align: center;
8873 align-self: center; }
8874 .mdl-snackbar__action::-moz-focus-inner {
8875 border: 0; }
8876 .mdl-snackbar__action:not([aria-hidden]) {
8877 opacity: 1;
8878 pointer-events: auto; }
8879
8880/**
8881 * Copyright 2015 Google Inc. All Rights Reserved.
8882 *
8883 * Licensed under the Apache License, Version 2.0 (the "License");
8884 * you may not use this file except in compliance with the License.
8885 * You may obtain a copy of the License at
8886 *
8887 * http://www.apache.org/licenses/LICENSE-2.0
8888 *
8889 * Unless required by applicable law or agreed to in writing, software
8890 * distributed under the License is distributed on an "AS IS" BASIS,
8891 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8892 * See the License for the specific language governing permissions and
8893 * limitations under the License.
8894 */
8895/**
8896 * Copyright 2015 Google Inc. All Rights Reserved.
8897 *
8898 * Licensed under the Apache License, Version 2.0 (the "License");
8899 * you may not use this file except in compliance with the License.
8900 * You may obtain a copy of the License at
8901 *
8902 * http://www.apache.org/licenses/LICENSE-2.0
8903 *
8904 * Unless required by applicable law or agreed to in writing, software
8905 * distributed under the License is distributed on an "AS IS" BASIS,
8906 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8907 * See the License for the specific language governing permissions and
8908 * limitations under the License.
8909 */
8910/*------------------------------------* $CONTENTS
8911\*------------------------------------*/
8912/**
8913 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8914 * -----Typography
8915 * -----Colors
8916 * -----Textfield
8917 * -----Switch
8918 * -----Spinner
8919 * -----Radio
8920 * -----Menu
8921 * -----List
8922 * -----Layout
8923 * -----Icon toggles
8924 * -----Footer
8925 * -----Column
8926 * -----Checkbox
8927 * -----Card
8928 * -----Button
8929 * -----Animation
8930 * -----Progress
8931 * -----Badge
8932 * -----Shadows
8933 * -----Grid
8934 * -----Data table
8935 * -----Dialog
8936 * -----Snackbar
8937 * -----Tooltip
8938 * -----Chip
8939 *
8940 * Even though all variables have the `!default` directive, most of them
8941 * should not be changed as they are dependent one another. This can cause
8942 * visual distortions (like alignment issues) that are hard to track down
8943 * and fix.
8944 */
8945/* ========== TYPOGRAPHY ========== */
8946/* We're splitting fonts into "preferred" and "performance" in order to optimize
8947 page loading. For important text, such as the body, we want it to load
8948 immediately and not wait for the web font load, whereas for other sections,
8949 such as headers and titles, we're OK with things taking a bit longer to load.
8950 We do have some optional classes and parameters in the mixins, in case you
8951 definitely want to make sure you're using the preferred font and don't mind
8952 the performance hit.
8953 We should be able to improve on this once CSS Font Loading L3 becomes more
8954 widely available.
8955*/
8956/* ========== COLORS ========== */
8957/**
8958*
8959* Material design color palettes.
8960* @see http://www.google.com/design/spec/style/color.html
8961*
8962**/
8963/**
8964 * Copyright 2015 Google Inc. All Rights Reserved.
8965 *
8966 * Licensed under the Apache License, Version 2.0 (the "License");
8967 * you may not use this file except in compliance with the License.
8968 * You may obtain a copy of the License at
8969 *
8970 * http://www.apache.org/licenses/LICENSE-2.0
8971 *
8972 * Unless required by applicable law or agreed to in writing, software
8973 * distributed under the License is distributed on an "AS IS" BASIS,
8974 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8975 * See the License for the specific language governing permissions and
8976 * limitations under the License.
8977 */
8978/* ========== Color Palettes ========== */
8979/* colors.scss */
8980/**
8981 * Copyright 2015 Google Inc. All Rights Reserved.
8982 *
8983 * Licensed under the Apache License, Version 2.0 (the "License");
8984 * you may not use this file except in compliance with the License.
8985 * You may obtain a copy of the License at
8986 *
8987 * http://www.apache.org/licenses/LICENSE-2.0
8988 *
8989 * Unless required by applicable law or agreed to in writing, software
8990 * distributed under the License is distributed on an "AS IS" BASIS,
8991 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8992 * See the License for the specific language governing permissions and
8993 * limitations under the License.
8994 */
8995/* ========== IMAGES ========== */
8996/* ========== Color & Themes ========== */
8997/* ========== Typography ========== */
8998/* ========== Components ========== */
8999/* ========== Standard Buttons ========== */
9000/* ========== Icon Toggles ========== */
9001/* ========== Radio Buttons ========== */
9002/* ========== Ripple effect ========== */
9003/* ========== Layout ========== */
9004/* ========== Content Tabs ========== */
9005/* ========== Checkboxes ========== */
9006/* ========== Switches ========== */
9007/* ========== Spinner ========== */
9008/* ========== Text fields ========== */
9009/* ========== Card ========== */
9010/* ========== Sliders ========== */
9011/* ========== Progress ========== */
9012/* ========== List ========== */
9013/* ========== Item ========== */
9014/* ========== Dropdown menu ========== */
9015/* ========== Tooltips ========== */
9016/* ========== Footer ========== */
9017/* TEXTFIELD */
9018/* SWITCH */
9019/* SPINNER */
9020/* RADIO */
9021/* MENU */
9022/* LIST */
9023/* LAYOUT */
9024/* ICON TOGGLE */
9025/* FOOTER */
9026/*mega-footer*/
9027/*mini-footer*/
9028/* CHECKBOX */
9029/* CARD */
9030/* Card dimensions */
9031/* Cover image */
9032/* BUTTON */
9033/**
9034 *
9035 * Dimensions
9036 *
9037 */
9038/* ANIMATION */
9039/* PROGRESS */
9040/* BADGE */
9041/* SHADOWS */
9042/* GRID */
9043/* DATA TABLE */
9044/* DIALOG */
9045/* SNACKBAR */
9046/* TOOLTIP */
9047/* CHIP */
9048.mdl-spinner {
9049 display: inline-block;
9050 position: relative;
9051 width: 28px;
9052 height: 28px; }
9053 .mdl-spinner:not(.is-upgraded).is-active:after {
9054 content: "Loading..."; }
9055 .mdl-spinner.is-upgraded.is-active {
9056 -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
9057 animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
9058
9059@-webkit-keyframes mdl-spinner__container-rotate {
9060 to {
9061 -webkit-transform: rotate(360deg);
9062 transform: rotate(360deg); } }
9063
9064@keyframes mdl-spinner__container-rotate {
9065 to {
9066 -webkit-transform: rotate(360deg);
9067 transform: rotate(360deg); } }
9068
9069.mdl-spinner__layer {
9070 position: absolute;
9071 width: 100%;
9072 height: 100%;
9073 opacity: 0; }
9074
9075.mdl-spinner__layer-1 {
9076 border-color: rgb(66,165,245); }
9077 .mdl-spinner--single-color .mdl-spinner__layer-1 {
9078 border-color: rgb($color-primary); }
9079 .mdl-spinner.is-active .mdl-spinner__layer-1 {
9080 -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;
9081 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; }
9082
9083.mdl-spinner__layer-2 {
9084 border-color: rgb(244,67,54); }
9085 .mdl-spinner--single-color .mdl-spinner__layer-2 {
9086 border-color: rgb($color-primary); }
9087 .mdl-spinner.is-active .mdl-spinner__layer-2 {
9088 -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;
9089 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; }
9090
9091.mdl-spinner__layer-3 {
9092 border-color: rgb(253,216,53); }
9093 .mdl-spinner--single-color .mdl-spinner__layer-3 {
9094 border-color: rgb($color-primary); }
9095 .mdl-spinner.is-active .mdl-spinner__layer-3 {
9096 -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;
9097 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; }
9098
9099.mdl-spinner__layer-4 {
9100 border-color: rgb(76,175,80); }
9101 .mdl-spinner--single-color .mdl-spinner__layer-4 {
9102 border-color: rgb($color-primary); }
9103 .mdl-spinner.is-active .mdl-spinner__layer-4 {
9104 -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;
9105 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; }
9106
9107@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
9108 12.5% {
9109 -webkit-transform: rotate(135deg);
9110 transform: rotate(135deg); }
9111 25% {
9112 -webkit-transform: rotate(270deg);
9113 transform: rotate(270deg); }
9114 37.5% {
9115 -webkit-transform: rotate(405deg);
9116 transform: rotate(405deg); }
9117 50% {
9118 -webkit-transform: rotate(540deg);
9119 transform: rotate(540deg); }
9120 62.5% {
9121 -webkit-transform: rotate(675deg);
9122 transform: rotate(675deg); }
9123 75% {
9124 -webkit-transform: rotate(810deg);
9125 transform: rotate(810deg); }
9126 87.5% {
9127 -webkit-transform: rotate(945deg);
9128 transform: rotate(945deg); }
9129 to {
9130 -webkit-transform: rotate(1080deg);
9131 transform: rotate(1080deg); } }
9132
9133@keyframes mdl-spinner__fill-unfill-rotate {
9134 12.5% {
9135 -webkit-transform: rotate(135deg);
9136 transform: rotate(135deg); }
9137 25% {
9138 -webkit-transform: rotate(270deg);
9139 transform: rotate(270deg); }
9140 37.5% {
9141 -webkit-transform: rotate(405deg);
9142 transform: rotate(405deg); }
9143 50% {
9144 -webkit-transform: rotate(540deg);
9145 transform: rotate(540deg); }
9146 62.5% {
9147 -webkit-transform: rotate(675deg);
9148 transform: rotate(675deg); }
9149 75% {
9150 -webkit-transform: rotate(810deg);
9151 transform: rotate(810deg); }
9152 87.5% {
9153 -webkit-transform: rotate(945deg);
9154 transform: rotate(945deg); }
9155 to {
9156 -webkit-transform: rotate(1080deg);
9157 transform: rotate(1080deg); } }
9158
9159/**
9160* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
9161* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
9162* to do proper subpixel rendering for the elements being animated. This is
9163* especially visible in Chrome 39 on Ubuntu 14.04. See:
9164*
9165* - https://github.com/Polymer/paper-spinner/issues/9
9166* - https://code.google.com/p/chromium/issues/detail?id=436255
9167*/
9168@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
9169 from {
9170 opacity: 0.99; }
9171 25% {
9172 opacity: 0.99; }
9173 26% {
9174 opacity: 0; }
9175 89% {
9176 opacity: 0; }
9177 90% {
9178 opacity: 0.99; }
9179 100% {
9180 opacity: 0.99; } }
9181@keyframes mdl-spinner__layer-1-fade-in-out {
9182 from {
9183 opacity: 0.99; }
9184 25% {
9185 opacity: 0.99; }
9186 26% {
9187 opacity: 0; }
9188 89% {
9189 opacity: 0; }
9190 90% {
9191 opacity: 0.99; }
9192 100% {
9193 opacity: 0.99; } }
9194
9195@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
9196 from {
9197 opacity: 0; }
9198 15% {
9199 opacity: 0; }
9200 25% {
9201 opacity: 0.99; }
9202 50% {
9203 opacity: 0.99; }
9204 51% {
9205 opacity: 0; } }
9206
9207@keyframes mdl-spinner__layer-2-fade-in-out {
9208 from {
9209 opacity: 0; }
9210 15% {
9211 opacity: 0; }
9212 25% {
9213 opacity: 0.99; }
9214 50% {
9215 opacity: 0.99; }
9216 51% {
9217 opacity: 0; } }
9218
9219@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
9220 from {
9221 opacity: 0; }
9222 40% {
9223 opacity: 0; }
9224 50% {
9225 opacity: 0.99; }
9226 75% {
9227 opacity: 0.99; }
9228 76% {
9229 opacity: 0; } }
9230
9231@keyframes mdl-spinner__layer-3-fade-in-out {
9232 from {
9233 opacity: 0; }
9234 40% {
9235 opacity: 0; }
9236 50% {
9237 opacity: 0.99; }
9238 75% {
9239 opacity: 0.99; }
9240 76% {
9241 opacity: 0; } }
9242
9243@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
9244 from {
9245 opacity: 0; }
9246 65% {
9247 opacity: 0; }
9248 75% {
9249 opacity: 0.99; }
9250 90% {
9251 opacity: 0.99; }
9252 100% {
9253 opacity: 0; } }
9254
9255@keyframes mdl-spinner__layer-4-fade-in-out {
9256 from {
9257 opacity: 0; }
9258 65% {
9259 opacity: 0; }
9260 75% {
9261 opacity: 0.99; }
9262 90% {
9263 opacity: 0.99; }
9264 100% {
9265 opacity: 0; } }
9266
9267/**
9268* Patch the gap that appear between the two adjacent
9269* div.mdl-spinner__circle-clipper while the spinner is rotating
9270* (appears on Chrome 38, Safari 7.1, and IE 11).
9271*
9272* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
9273* opacity is 0.99, but still does on Safari and IE.
9274*/
9275.mdl-spinner__gap-patch {
9276 position: absolute;
9277 box-sizing: border-box;
9278 top: 0;
9279 left: 45%;
9280 width: 10%;
9281 height: 100%;
9282 overflow: hidden;
9283 border-color: inherit; }
9284 .mdl-spinner__gap-patch .mdl-spinner__circle {
9285 width: 1000%;
9286 left: -450%; }
9287
9288.mdl-spinner__circle-clipper {
9289 display: inline-block;
9290 position: relative;
9291 width: 50%;
9292 height: 100%;
9293 overflow: hidden;
9294 border-color: inherit; }
9295 .mdl-spinner__circle-clipper.mdl-spinner__left {
9296 float: left; }
9297 .mdl-spinner__circle-clipper.mdl-spinner__right {
9298 float: right; }
9299 .mdl-spinner__circle-clipper .mdl-spinner__circle {
9300 width: 200%; }
9301
9302.mdl-spinner__circle {
9303 box-sizing: border-box;
9304 height: 100%;
9305 border-width: 3px;
9306 border-style: solid;
9307 border-color: inherit;
9308 border-bottom-color: transparent !important;
9309 border-radius: 50%;
9310 -webkit-animation: none;
9311 animation: none;
9312 position: absolute;
9313 top: 0;
9314 right: 0;
9315 bottom: 0;
9316 left: 0; }
9317 .mdl-spinner__left .mdl-spinner__circle {
9318 border-right-color: transparent !important;
9319 -webkit-transform: rotate(129deg);
9320 transform: rotate(129deg); }
9321 .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
9322 -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9323 animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9324 .mdl-spinner__right .mdl-spinner__circle {
9325 left: -100%;
9326 border-left-color: transparent !important;
9327 -webkit-transform: rotate(-129deg);
9328 transform: rotate(-129deg); }
9329 .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
9330 -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9331 animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9332
9333@-webkit-keyframes mdl-spinner__left-spin {
9334 from {
9335 -webkit-transform: rotate(130deg);
9336 transform: rotate(130deg); }
9337 50% {
9338 -webkit-transform: rotate(-5deg);
9339 transform: rotate(-5deg); }
9340 to {
9341 -webkit-transform: rotate(130deg);
9342 transform: rotate(130deg); } }
9343
9344@keyframes mdl-spinner__left-spin {
9345 from {
9346 -webkit-transform: rotate(130deg);
9347 transform: rotate(130deg); }
9348 50% {
9349 -webkit-transform: rotate(-5deg);
9350 transform: rotate(-5deg); }
9351 to {
9352 -webkit-transform: rotate(130deg);
9353 transform: rotate(130deg); } }
9354
9355@-webkit-keyframes mdl-spinner__right-spin {
9356 from {
9357 -webkit-transform: rotate(-130deg);
9358 transform: rotate(-130deg); }
9359 50% {
9360 -webkit-transform: rotate(5deg);
9361 transform: rotate(5deg); }
9362 to {
9363 -webkit-transform: rotate(-130deg);
9364 transform: rotate(-130deg); } }
9365
9366@keyframes mdl-spinner__right-spin {
9367 from {
9368 -webkit-transform: rotate(-130deg);
9369 transform: rotate(-130deg); }
9370 50% {
9371 -webkit-transform: rotate(5deg);
9372 transform: rotate(5deg); }
9373 to {
9374 -webkit-transform: rotate(-130deg);
9375 transform: rotate(-130deg); } }
9376
9377/**
9378 * Copyright 2015 Google Inc. All Rights Reserved.
9379 *
9380 * Licensed under the Apache License, Version 2.0 (the "License");
9381 * you may not use this file except in compliance with the License.
9382 * You may obtain a copy of the License at
9383 *
9384 * http://www.apache.org/licenses/LICENSE-2.0
9385 *
9386 * Unless required by applicable law or agreed to in writing, software
9387 * distributed under the License is distributed on an "AS IS" BASIS,
9388 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9389 * See the License for the specific language governing permissions and
9390 * limitations under the License.
9391 */
9392/**
9393 * Copyright 2015 Google Inc. All Rights Reserved.
9394 *
9395 * Licensed under the Apache License, Version 2.0 (the "License");
9396 * you may not use this file except in compliance with the License.
9397 * You may obtain a copy of the License at
9398 *
9399 * http://www.apache.org/licenses/LICENSE-2.0
9400 *
9401 * Unless required by applicable law or agreed to in writing, software
9402 * distributed under the License is distributed on an "AS IS" BASIS,
9403 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9404 * See the License for the specific language governing permissions and
9405 * limitations under the License.
9406 */
9407/*------------------------------------* $CONTENTS
9408\*------------------------------------*/
9409/**
9410 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9411 * -----Typography
9412 * -----Colors
9413 * -----Textfield
9414 * -----Switch
9415 * -----Spinner
9416 * -----Radio
9417 * -----Menu
9418 * -----List
9419 * -----Layout
9420 * -----Icon toggles
9421 * -----Footer
9422 * -----Column
9423 * -----Checkbox
9424 * -----Card
9425 * -----Button
9426 * -----Animation
9427 * -----Progress
9428 * -----Badge
9429 * -----Shadows
9430 * -----Grid
9431 * -----Data table
9432 * -----Dialog
9433 * -----Snackbar
9434 * -----Tooltip
9435 * -----Chip
9436 *
9437 * Even though all variables have the `!default` directive, most of them
9438 * should not be changed as they are dependent one another. This can cause
9439 * visual distortions (like alignment issues) that are hard to track down
9440 * and fix.
9441 */
9442/* ========== TYPOGRAPHY ========== */
9443/* We're splitting fonts into "preferred" and "performance" in order to optimize
9444 page loading. For important text, such as the body, we want it to load
9445 immediately and not wait for the web font load, whereas for other sections,
9446 such as headers and titles, we're OK with things taking a bit longer to load.
9447 We do have some optional classes and parameters in the mixins, in case you
9448 definitely want to make sure you're using the preferred font and don't mind
9449 the performance hit.
9450 We should be able to improve on this once CSS Font Loading L3 becomes more
9451 widely available.
9452*/
9453/* ========== COLORS ========== */
9454/**
9455*
9456* Material design color palettes.
9457* @see http://www.google.com/design/spec/style/color.html
9458*
9459**/
9460/**
9461 * Copyright 2015 Google Inc. All Rights Reserved.
9462 *
9463 * Licensed under the Apache License, Version 2.0 (the "License");
9464 * you may not use this file except in compliance with the License.
9465 * You may obtain a copy of the License at
9466 *
9467 * http://www.apache.org/licenses/LICENSE-2.0
9468 *
9469 * Unless required by applicable law or agreed to in writing, software
9470 * distributed under the License is distributed on an "AS IS" BASIS,
9471 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9472 * See the License for the specific language governing permissions and
9473 * limitations under the License.
9474 */
9475/* ========== Color Palettes ========== */
9476/* colors.scss */
9477/**
9478 * Copyright 2015 Google Inc. All Rights Reserved.
9479 *
9480 * Licensed under the Apache License, Version 2.0 (the "License");
9481 * you may not use this file except in compliance with the License.
9482 * You may obtain a copy of the License at
9483 *
9484 * http://www.apache.org/licenses/LICENSE-2.0
9485 *
9486 * Unless required by applicable law or agreed to in writing, software
9487 * distributed under the License is distributed on an "AS IS" BASIS,
9488 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9489 * See the License for the specific language governing permissions and
9490 * limitations under the License.
9491 */
9492/* ========== IMAGES ========== */
9493/* ========== Color & Themes ========== */
9494/* ========== Typography ========== */
9495/* ========== Components ========== */
9496/* ========== Standard Buttons ========== */
9497/* ========== Icon Toggles ========== */
9498/* ========== Radio Buttons ========== */
9499/* ========== Ripple effect ========== */
9500/* ========== Layout ========== */
9501/* ========== Content Tabs ========== */
9502/* ========== Checkboxes ========== */
9503/* ========== Switches ========== */
9504/* ========== Spinner ========== */
9505/* ========== Text fields ========== */
9506/* ========== Card ========== */
9507/* ========== Sliders ========== */
9508/* ========== Progress ========== */
9509/* ========== List ========== */
9510/* ========== Item ========== */
9511/* ========== Dropdown menu ========== */
9512/* ========== Tooltips ========== */
9513/* ========== Footer ========== */
9514/* TEXTFIELD */
9515/* SWITCH */
9516/* SPINNER */
9517/* RADIO */
9518/* MENU */
9519/* LIST */
9520/* LAYOUT */
9521/* ICON TOGGLE */
9522/* FOOTER */
9523/*mega-footer*/
9524/*mini-footer*/
9525/* CHECKBOX */
9526/* CARD */
9527/* Card dimensions */
9528/* Cover image */
9529/* BUTTON */
9530/**
9531 *
9532 * Dimensions
9533 *
9534 */
9535/* ANIMATION */
9536/* PROGRESS */
9537/* BADGE */
9538/* SHADOWS */
9539/* GRID */
9540/* DATA TABLE */
9541/* DIALOG */
9542/* SNACKBAR */
9543/* TOOLTIP */
9544/* CHIP */
9545/**
9546 * Copyright 2015 Google Inc. All Rights Reserved.
9547 *
9548 * Licensed under the Apache License, Version 2.0 (the "License");
9549 * you may not use this file except in compliance with the License.
9550 * You may obtain a copy of the License at
9551 *
9552 * http://www.apache.org/licenses/LICENSE-2.0
9553 *
9554 * Unless required by applicable law or agreed to in writing, software
9555 * distributed under the License is distributed on an "AS IS" BASIS,
9556 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9557 * See the License for the specific language governing permissions and
9558 * limitations under the License.
9559 */
9560/* Typography */
9561/* Shadows */
9562/* Animations */
9563/* Dialog */
9564.mdl-switch {
9565 position: relative;
9566 z-index: 1;
9567 vertical-align: middle;
9568 display: inline-block;
9569 box-sizing: border-box;
9570 width: 100%;
9571 height: 24px;
9572 margin: 0;
9573 padding: 0;
9574 overflow: visible;
9575 -webkit-touch-callout: none;
9576 -webkit-user-select: none;
9577 -moz-user-select: none;
9578 -ms-user-select: none;
9579 user-select: none; }
9580 .mdl-switch.is-upgraded {
9581 padding-left: 28px; }
9582
9583.mdl-switch__input {
9584 line-height: 24px; }
9585 .mdl-switch.is-upgraded .mdl-switch__input {
9586 position: absolute;
9587 width: 0;
9588 height: 0;
9589 margin: 0;
9590 padding: 0;
9591 opacity: 0;
9592 -ms-appearance: none;
9593 -moz-appearance: none;
9594 -webkit-appearance: none;
9595 appearance: none;
9596 border: none; }
9597
9598.mdl-switch__track {
9599 background: rgba(0,0,0, 0.26);
9600 position: absolute;
9601 left: 0;
9602 top: 5px;
9603 height: 14px;
9604 width: 36px;
9605 border-radius: 14px;
9606 cursor: pointer; }
9607 .mdl-switch.is-checked .mdl-switch__track {
9608 background: rgba($color-primary, 0.5); }
9609 .mdl-switch__track fieldset[disabled] .mdl-switch,
9610 .mdl-switch.is-disabled .mdl-switch__track {
9611 background: rgba(0,0,0, 0.12);
9612 cursor: auto; }
9613
9614.mdl-switch__thumb {
9615 background: rgb(250,250,250);
9616 position: absolute;
9617 left: 0;
9618 top: 2px;
9619 height: 20px;
9620 width: 20px;
9621 border-radius: 50%;
9622 cursor: pointer;
9623 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);
9624 transition-duration: 0.28s;
9625 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9626 transition-property: left; }
9627 .mdl-switch.is-checked .mdl-switch__thumb {
9628 background: rgb($color-primary);
9629 left: 16px;
9630 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); }
9631 .mdl-switch__thumb fieldset[disabled] .mdl-switch,
9632 .mdl-switch.is-disabled .mdl-switch__thumb {
9633 background: rgb(189,189,189);
9634 cursor: auto; }
9635
9636.mdl-switch__focus-helper {
9637 position: absolute;
9638 top: 50%;
9639 left: 50%;
9640 -webkit-transform: translate(-4px, -4px);
9641 transform: translate(-4px, -4px);
9642 display: inline-block;
9643 box-sizing: border-box;
9644 width: 8px;
9645 height: 8px;
9646 border-radius: 50%;
9647 background-color: transparent; }
9648 .mdl-switch.is-focused .mdl-switch__focus-helper {
9649 box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
9650 background-color: rgba(0, 0, 0, 0.1); }
9651 .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
9652 box-shadow: 0 0 0px 20px rgba($color-primary, 0.26);
9653 background-color: rgba($color-primary, 0.26); }
9654
9655.mdl-switch__label {
9656 position: relative;
9657 cursor: pointer;
9658 font-size: 16px;
9659 line-height: 24px;
9660 margin: 0;
9661 left: 24px; }
9662 .mdl-switch__label fieldset[disabled] .mdl-switch,
9663 .mdl-switch.is-disabled .mdl-switch__label {
9664 color: rgb(189,189,189);
9665 cursor: auto; }
9666
9667.mdl-switch__ripple-container {
9668 position: absolute;
9669 z-index: 2;
9670 top: -12px;
9671 left: -14px;
9672 box-sizing: border-box;
9673 width: 48px;
9674 height: 48px;
9675 border-radius: 50%;
9676 cursor: pointer;
9677 overflow: hidden;
9678 -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
9679 transition-duration: 0.40s;
9680 transition-timing-function: step-end;
9681 transition-property: left; }
9682 .mdl-switch__ripple-container .mdl-ripple {
9683 background: rgb($color-primary); }
9684 .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
9685 .mdl-switch.is-disabled .mdl-switch__ripple-container {
9686 cursor: auto; }
9687 fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
9688 .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
9689 background: transparent; }
9690 .mdl-switch.is-checked .mdl-switch__ripple-container {
9691 left: 2px; }
9692
9693/**
9694 * Copyright 2015 Google Inc. All Rights Reserved.
9695 *
9696 * Licensed under the Apache License, Version 2.0 (the "License");
9697 * you may not use this file except in compliance with the License.
9698 * You may obtain a copy of the License at
9699 *
9700 * http://www.apache.org/licenses/LICENSE-2.0
9701 *
9702 * Unless required by applicable law or agreed to in writing, software
9703 * distributed under the License is distributed on an "AS IS" BASIS,
9704 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9705 * See the License for the specific language governing permissions and
9706 * limitations under the License.
9707 */
9708/**
9709 * Copyright 2015 Google Inc. All Rights Reserved.
9710 *
9711 * Licensed under the Apache License, Version 2.0 (the "License");
9712 * you may not use this file except in compliance with the License.
9713 * You may obtain a copy of the License at
9714 *
9715 * http://www.apache.org/licenses/LICENSE-2.0
9716 *
9717 * Unless required by applicable law or agreed to in writing, software
9718 * distributed under the License is distributed on an "AS IS" BASIS,
9719 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9720 * See the License for the specific language governing permissions and
9721 * limitations under the License.
9722 */
9723/*------------------------------------* $CONTENTS
9724\*------------------------------------*/
9725/**
9726 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9727 * -----Typography
9728 * -----Colors
9729 * -----Textfield
9730 * -----Switch
9731 * -----Spinner
9732 * -----Radio
9733 * -----Menu
9734 * -----List
9735 * -----Layout
9736 * -----Icon toggles
9737 * -----Footer
9738 * -----Column
9739 * -----Checkbox
9740 * -----Card
9741 * -----Button
9742 * -----Animation
9743 * -----Progress
9744 * -----Badge
9745 * -----Shadows
9746 * -----Grid
9747 * -----Data table
9748 * -----Dialog
9749 * -----Snackbar
9750 * -----Tooltip
9751 * -----Chip
9752 *
9753 * Even though all variables have the `!default` directive, most of them
9754 * should not be changed as they are dependent one another. This can cause
9755 * visual distortions (like alignment issues) that are hard to track down
9756 * and fix.
9757 */
9758/* ========== TYPOGRAPHY ========== */
9759/* We're splitting fonts into "preferred" and "performance" in order to optimize
9760 page loading. For important text, such as the body, we want it to load
9761 immediately and not wait for the web font load, whereas for other sections,
9762 such as headers and titles, we're OK with things taking a bit longer to load.
9763 We do have some optional classes and parameters in the mixins, in case you
9764 definitely want to make sure you're using the preferred font and don't mind
9765 the performance hit.
9766 We should be able to improve on this once CSS Font Loading L3 becomes more
9767 widely available.
9768*/
9769/* ========== COLORS ========== */
9770/**
9771*
9772* Material design color palettes.
9773* @see http://www.google.com/design/spec/style/color.html
9774*
9775**/
9776/**
9777 * Copyright 2015 Google Inc. All Rights Reserved.
9778 *
9779 * Licensed under the Apache License, Version 2.0 (the "License");
9780 * you may not use this file except in compliance with the License.
9781 * You may obtain a copy of the License at
9782 *
9783 * http://www.apache.org/licenses/LICENSE-2.0
9784 *
9785 * Unless required by applicable law or agreed to in writing, software
9786 * distributed under the License is distributed on an "AS IS" BASIS,
9787 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9788 * See the License for the specific language governing permissions and
9789 * limitations under the License.
9790 */
9791/* ========== Color Palettes ========== */
9792/* colors.scss */
9793/**
9794 * Copyright 2015 Google Inc. All Rights Reserved.
9795 *
9796 * Licensed under the Apache License, Version 2.0 (the "License");
9797 * you may not use this file except in compliance with the License.
9798 * You may obtain a copy of the License at
9799 *
9800 * http://www.apache.org/licenses/LICENSE-2.0
9801 *
9802 * Unless required by applicable law or agreed to in writing, software
9803 * distributed under the License is distributed on an "AS IS" BASIS,
9804 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9805 * See the License for the specific language governing permissions and
9806 * limitations under the License.
9807 */
9808/* ========== IMAGES ========== */
9809/* ========== Color & Themes ========== */
9810/* ========== Typography ========== */
9811/* ========== Components ========== */
9812/* ========== Standard Buttons ========== */
9813/* ========== Icon Toggles ========== */
9814/* ========== Radio Buttons ========== */
9815/* ========== Ripple effect ========== */
9816/* ========== Layout ========== */
9817/* ========== Content Tabs ========== */
9818/* ========== Checkboxes ========== */
9819/* ========== Switches ========== */
9820/* ========== Spinner ========== */
9821/* ========== Text fields ========== */
9822/* ========== Card ========== */
9823/* ========== Sliders ========== */
9824/* ========== Progress ========== */
9825/* ========== List ========== */
9826/* ========== Item ========== */
9827/* ========== Dropdown menu ========== */
9828/* ========== Tooltips ========== */
9829/* ========== Footer ========== */
9830/* TEXTFIELD */
9831/* SWITCH */
9832/* SPINNER */
9833/* RADIO */
9834/* MENU */
9835/* LIST */
9836/* LAYOUT */
9837/* ICON TOGGLE */
9838/* FOOTER */
9839/*mega-footer*/
9840/*mini-footer*/
9841/* CHECKBOX */
9842/* CARD */
9843/* Card dimensions */
9844/* Cover image */
9845/* BUTTON */
9846/**
9847 *
9848 * Dimensions
9849 *
9850 */
9851/* ANIMATION */
9852/* PROGRESS */
9853/* BADGE */
9854/* SHADOWS */
9855/* GRID */
9856/* DATA TABLE */
9857/* DIALOG */
9858/* SNACKBAR */
9859/* TOOLTIP */
9860/* CHIP */
9861.mdl-tabs {
9862 display: block;
9863 width: 100%; }
9864
9865.mdl-tabs__tab-bar {
9866 display: -webkit-flex;
9867 display: -ms-flexbox;
9868 display: flex;
9869 -webkit-flex-direction: row;
9870 -ms-flex-direction: row;
9871 flex-direction: row;
9872 -webkit-justify-content: center;
9873 -ms-flex-pack: center;
9874 justify-content: center;
9875 -webkit-align-content: space-between;
9876 -ms-flex-line-pack: justify;
9877 align-content: space-between;
9878 -webkit-align-items: flex-start;
9879 -ms-flex-align: start;
9880 align-items: flex-start;
9881 height: 48px;
9882 padding: 0 0 0 0;
9883 margin: 0;
9884 border-bottom: 1px solid rgb(224,224,224); }
9885
9886.mdl-tabs__tab {
9887 margin: 0;
9888 border: none;
9889 padding: 0 24px 0 24px;
9890 float: left;
9891 position: relative;
9892 display: block;
9893 text-decoration: none;
9894 height: 48px;
9895 line-height: 48px;
9896 text-align: center;
9897 font-weight: 500;
9898 font-size: 14px;
9899 text-transform: uppercase;
9900 color: rgba(0,0,0, 0.54);
9901 overflow: hidden; }
9902 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
9903 color: rgba(0,0,0, 0.87); }
9904 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
9905 height: 2px;
9906 width: 100%;
9907 display: block;
9908 content: " ";
9909 bottom: 0px;
9910 left: 0px;
9911 position: absolute;
9912 background: rgb($color-primary);
9913 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9914 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9915 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
9916 .mdl-tabs__tab .mdl-tabs__ripple-container {
9917 display: block;
9918 position: absolute;
9919 height: 100%;
9920 width: 100%;
9921 left: 0px;
9922 top: 0px;
9923 z-index: 1;
9924 overflow: hidden; }
9925 .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
9926 background: rgb($color-primary); }
9927
9928.mdl-tabs__panel {
9929 display: block; }
9930 .mdl-tabs.is-upgraded .mdl-tabs__panel {
9931 display: none; }
9932 .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
9933 display: block; }
9934
9935@-webkit-keyframes border-expand {
9936 0% {
9937 opacity: 0;
9938 width: 0; }
9939 100% {
9940 opacity: 1;
9941 width: 100%; } }
9942
9943@keyframes border-expand {
9944 0% {
9945 opacity: 0;
9946 width: 0; }
9947 100% {
9948 opacity: 1;
9949 width: 100%; } }
9950
9951/**
9952 * Copyright 2015 Google Inc. All Rights Reserved.
9953 *
9954 * Licensed under the Apache License, Version 2.0 (the "License");
9955 * you may not use this file except in compliance with the License.
9956 * You may obtain a copy of the License at
9957 *
9958 * http://www.apache.org/licenses/LICENSE-2.0
9959 *
9960 * Unless required by applicable law or agreed to in writing, software
9961 * distributed under the License is distributed on an "AS IS" BASIS,
9962 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9963 * See the License for the specific language governing permissions and
9964 * limitations under the License.
9965 */
9966/**
9967 * Copyright 2015 Google Inc. All Rights Reserved.
9968 *
9969 * Licensed under the Apache License, Version 2.0 (the "License");
9970 * you may not use this file except in compliance with the License.
9971 * You may obtain a copy of the License at
9972 *
9973 * http://www.apache.org/licenses/LICENSE-2.0
9974 *
9975 * Unless required by applicable law or agreed to in writing, software
9976 * distributed under the License is distributed on an "AS IS" BASIS,
9977 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9978 * See the License for the specific language governing permissions and
9979 * limitations under the License.
9980 */
9981/*------------------------------------* $CONTENTS
9982\*------------------------------------*/
9983/**
9984 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9985 * -----Typography
9986 * -----Colors
9987 * -----Textfield
9988 * -----Switch
9989 * -----Spinner
9990 * -----Radio
9991 * -----Menu
9992 * -----List
9993 * -----Layout
9994 * -----Icon toggles
9995 * -----Footer
9996 * -----Column
9997 * -----Checkbox
9998 * -----Card
9999 * -----Button
10000 * -----Animation
10001 * -----Progress
10002 * -----Badge
10003 * -----Shadows
10004 * -----Grid
10005 * -----Data table
10006 * -----Dialog
10007 * -----Snackbar
10008 * -----Tooltip
10009 * -----Chip
10010 *
10011 * Even though all variables have the `!default` directive, most of them
10012 * should not be changed as they are dependent one another. This can cause
10013 * visual distortions (like alignment issues) that are hard to track down
10014 * and fix.
10015 */
10016/* ========== TYPOGRAPHY ========== */
10017/* We're splitting fonts into "preferred" and "performance" in order to optimize
10018 page loading. For important text, such as the body, we want it to load
10019 immediately and not wait for the web font load, whereas for other sections,
10020 such as headers and titles, we're OK with things taking a bit longer to load.
10021 We do have some optional classes and parameters in the mixins, in case you
10022 definitely want to make sure you're using the preferred font and don't mind
10023 the performance hit.
10024 We should be able to improve on this once CSS Font Loading L3 becomes more
10025 widely available.
10026*/
10027/* ========== COLORS ========== */
10028/**
10029*
10030* Material design color palettes.
10031* @see http://www.google.com/design/spec/style/color.html
10032*
10033**/
10034/**
10035 * Copyright 2015 Google Inc. All Rights Reserved.
10036 *
10037 * Licensed under the Apache License, Version 2.0 (the "License");
10038 * you may not use this file except in compliance with the License.
10039 * You may obtain a copy of the License at
10040 *
10041 * http://www.apache.org/licenses/LICENSE-2.0
10042 *
10043 * Unless required by applicable law or agreed to in writing, software
10044 * distributed under the License is distributed on an "AS IS" BASIS,
10045 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10046 * See the License for the specific language governing permissions and
10047 * limitations under the License.
10048 */
10049/* ========== Color Palettes ========== */
10050/* colors.scss */
10051/**
10052 * Copyright 2015 Google Inc. All Rights Reserved.
10053 *
10054 * Licensed under the Apache License, Version 2.0 (the "License");
10055 * you may not use this file except in compliance with the License.
10056 * You may obtain a copy of the License at
10057 *
10058 * http://www.apache.org/licenses/LICENSE-2.0
10059 *
10060 * Unless required by applicable law or agreed to in writing, software
10061 * distributed under the License is distributed on an "AS IS" BASIS,
10062 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10063 * See the License for the specific language governing permissions and
10064 * limitations under the License.
10065 */
10066/* ========== IMAGES ========== */
10067/* ========== Color & Themes ========== */
10068/* ========== Typography ========== */
10069/* ========== Components ========== */
10070/* ========== Standard Buttons ========== */
10071/* ========== Icon Toggles ========== */
10072/* ========== Radio Buttons ========== */
10073/* ========== Ripple effect ========== */
10074/* ========== Layout ========== */
10075/* ========== Content Tabs ========== */
10076/* ========== Checkboxes ========== */
10077/* ========== Switches ========== */
10078/* ========== Spinner ========== */
10079/* ========== Text fields ========== */
10080/* ========== Card ========== */
10081/* ========== Sliders ========== */
10082/* ========== Progress ========== */
10083/* ========== List ========== */
10084/* ========== Item ========== */
10085/* ========== Dropdown menu ========== */
10086/* ========== Tooltips ========== */
10087/* ========== Footer ========== */
10088/* TEXTFIELD */
10089/* SWITCH */
10090/* SPINNER */
10091/* RADIO */
10092/* MENU */
10093/* LIST */
10094/* LAYOUT */
10095/* ICON TOGGLE */
10096/* FOOTER */
10097/*mega-footer*/
10098/*mini-footer*/
10099/* CHECKBOX */
10100/* CARD */
10101/* Card dimensions */
10102/* Cover image */
10103/* BUTTON */
10104/**
10105 *
10106 * Dimensions
10107 *
10108 */
10109/* ANIMATION */
10110/* PROGRESS */
10111/* BADGE */
10112/* SHADOWS */
10113/* GRID */
10114/* DATA TABLE */
10115/* DIALOG */
10116/* SNACKBAR */
10117/* TOOLTIP */
10118/* CHIP */
10119/**
10120 * Copyright 2015 Google Inc. All Rights Reserved.
10121 *
10122 * Licensed under the Apache License, Version 2.0 (the "License");
10123 * you may not use this file except in compliance with the License.
10124 * You may obtain a copy of the License at
10125 *
10126 * http://www.apache.org/licenses/LICENSE-2.0
10127 *
10128 * Unless required by applicable law or agreed to in writing, software
10129 * distributed under the License is distributed on an "AS IS" BASIS,
10130 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10131 * See the License for the specific language governing permissions and
10132 * limitations under the License.
10133 */
10134/* Typography */
10135/* Shadows */
10136/* Animations */
10137/* Dialog */
10138.mdl-textfield {
10139 position: relative;
10140 font-size: 16px;
10141 display: inline-block;
10142 box-sizing: border-box;
10143 width: 300px;
10144 max-width: 100%;
10145 margin: 0;
10146 padding: 20px 0; }
10147 .mdl-textfield .mdl-button {
10148 position: absolute;
10149 bottom: 20px; }
10150
10151.mdl-textfield--align-right {
10152 text-align: right; }
10153
10154.mdl-textfield--full-width {
10155 width: 100%; }
10156
10157.mdl-textfield--expandable {
10158 min-width: 32px;
10159 width: auto;
10160 min-height: 32px; }
10161 .mdl-textfield--expandable .mdl-button--icon {
10162 top: 16px; }
10163
10164.mdl-textfield__input {
10165 border: none;
10166 border-bottom: 1px solid rgba(0,0,0, 0.12);
10167 display: block;
10168 font-size: 16px;
10169 font-family: "Helvetica", "Arial", sans-serif;
10170 margin: 0;
10171 padding: 4px 0;
10172 width: 100%;
10173 background: none;
10174 text-align: left;
10175 color: inherit; }
10176 .mdl-textfield__input[type="number"] {
10177 -moz-appearance: textfield; }
10178 .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
10179 -webkit-appearance: none;
10180 margin: 0; }
10181 .mdl-textfield.is-focused .mdl-textfield__input {
10182 outline: none; }
10183 .mdl-textfield.is-invalid .mdl-textfield__input {
10184 border-color: rgb(213,0,0);
10185 box-shadow: none; }
10186 fieldset[disabled] .mdl-textfield .mdl-textfield__input,
10187 .mdl-textfield.is-disabled .mdl-textfield__input {
10188 background-color: transparent;
10189 border-bottom: 1px dotted rgba(0,0,0, 0.12);
10190 color: rgba(0,0,0, 0.26); }
10191
10192.mdl-textfield textarea.mdl-textfield__input {
10193 display: block; }
10194
10195.mdl-textfield__label {
10196 bottom: 0;
10197 color: rgba(0,0,0, 0.26);
10198 font-size: 16px;
10199 left: 0;
10200 right: 0;
10201 pointer-events: none;
10202 position: absolute;
10203 display: block;
10204 top: 24px;
10205 width: 100%;
10206 overflow: hidden;
10207 white-space: nowrap;
10208 text-align: left; }
10209 .mdl-textfield.is-dirty .mdl-textfield__label,
10210 .mdl-textfield.has-placeholder .mdl-textfield__label {
10211 visibility: hidden; }
10212 .mdl-textfield--floating-label .mdl-textfield__label {
10213 transition-duration: 0.2s;
10214 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
10215 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10216 transition: none; }
10217 fieldset[disabled] .mdl-textfield .mdl-textfield__label,
10218 .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
10219 color: rgba(0,0,0, 0.26); }
10220 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
10221 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
10222 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10223 color: rgb($color-primary);
10224 font-size: 12px;
10225 top: 4px;
10226 visibility: visible; }
10227 .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
10228 .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
10229 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
10230 top: -16px; }
10231 .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
10232 color: rgb(213,0,0);
10233 font-size: 12px; }
10234 .mdl-textfield__label:after {
10235 background-color: rgb($color-primary);
10236 bottom: 20px;
10237 content: '';
10238 height: 2px;
10239 left: 45%;
10240 position: absolute;
10241 transition-duration: 0.2s;
10242 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10243 visibility: hidden;
10244 width: 10px; }
10245 .mdl-textfield.is-focused .mdl-textfield__label:after {
10246 left: 0;
10247 visibility: visible;
10248 width: 100%; }
10249 .mdl-textfield.is-invalid .mdl-textfield__label:after {
10250 background-color: rgb(213,0,0); }
10251
10252.mdl-textfield__error {
10253 color: rgb(213,0,0);
10254 position: absolute;
10255 font-size: 12px;
10256 margin-top: 3px;
10257 visibility: hidden;
10258 display: block; }
10259 .mdl-textfield.is-invalid .mdl-textfield__error {
10260 visibility: visible; }
10261
10262.mdl-textfield__expandable-holder {
10263 display: inline-block;
10264 position: relative;
10265 margin-left: 32px;
10266 transition-duration: 0.2s;
10267 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10268 display: inline-block;
10269 max-width: 0.1px; }
10270 .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
10271 max-width: 600px; }
10272 .mdl-textfield__expandable-holder .mdl-textfield__label:after {
10273 bottom: 0; }
10274
10275/**
10276 * Copyright 2015 Google Inc. All Rights Reserved.
10277 *
10278 * Licensed under the Apache License, Version 2.0 (the "License");
10279 * you may not use this file except in compliance with the License.
10280 * You may obtain a copy of the License at
10281 *
10282 * http://www.apache.org/licenses/LICENSE-2.0
10283 *
10284 * Unless required by applicable law or agreed to in writing, software
10285 * distributed under the License is distributed on an "AS IS" BASIS,
10286 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10287 * See the License for the specific language governing permissions and
10288 * limitations under the License.
10289 */
10290/**
10291 * Copyright 2015 Google Inc. All Rights Reserved.
10292 *
10293 * Licensed under the Apache License, Version 2.0 (the "License");
10294 * you may not use this file except in compliance with the License.
10295 * You may obtain a copy of the License at
10296 *
10297 * http://www.apache.org/licenses/LICENSE-2.0
10298 *
10299 * Unless required by applicable law or agreed to in writing, software
10300 * distributed under the License is distributed on an "AS IS" BASIS,
10301 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10302 * See the License for the specific language governing permissions and
10303 * limitations under the License.
10304 */
10305/*------------------------------------* $CONTENTS
10306\*------------------------------------*/
10307/**
10308 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10309 * -----Typography
10310 * -----Colors
10311 * -----Textfield
10312 * -----Switch
10313 * -----Spinner
10314 * -----Radio
10315 * -----Menu
10316 * -----List
10317 * -----Layout
10318 * -----Icon toggles
10319 * -----Footer
10320 * -----Column
10321 * -----Checkbox
10322 * -----Card
10323 * -----Button
10324 * -----Animation
10325 * -----Progress
10326 * -----Badge
10327 * -----Shadows
10328 * -----Grid
10329 * -----Data table
10330 * -----Dialog
10331 * -----Snackbar
10332 * -----Tooltip
10333 * -----Chip
10334 *
10335 * Even though all variables have the `!default` directive, most of them
10336 * should not be changed as they are dependent one another. This can cause
10337 * visual distortions (like alignment issues) that are hard to track down
10338 * and fix.
10339 */
10340/* ========== TYPOGRAPHY ========== */
10341/* We're splitting fonts into "preferred" and "performance" in order to optimize
10342 page loading. For important text, such as the body, we want it to load
10343 immediately and not wait for the web font load, whereas for other sections,
10344 such as headers and titles, we're OK with things taking a bit longer to load.
10345 We do have some optional classes and parameters in the mixins, in case you
10346 definitely want to make sure you're using the preferred font and don't mind
10347 the performance hit.
10348 We should be able to improve on this once CSS Font Loading L3 becomes more
10349 widely available.
10350*/
10351/* ========== COLORS ========== */
10352/**
10353*
10354* Material design color palettes.
10355* @see http://www.google.com/design/spec/style/color.html
10356*
10357**/
10358/**
10359 * Copyright 2015 Google Inc. All Rights Reserved.
10360 *
10361 * Licensed under the Apache License, Version 2.0 (the "License");
10362 * you may not use this file except in compliance with the License.
10363 * You may obtain a copy of the License at
10364 *
10365 * http://www.apache.org/licenses/LICENSE-2.0
10366 *
10367 * Unless required by applicable law or agreed to in writing, software
10368 * distributed under the License is distributed on an "AS IS" BASIS,
10369 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10370 * See the License for the specific language governing permissions and
10371 * limitations under the License.
10372 */
10373/* ========== Color Palettes ========== */
10374/* colors.scss */
10375/**
10376 * Copyright 2015 Google Inc. All Rights Reserved.
10377 *
10378 * Licensed under the Apache License, Version 2.0 (the "License");
10379 * you may not use this file except in compliance with the License.
10380 * You may obtain a copy of the License at
10381 *
10382 * http://www.apache.org/licenses/LICENSE-2.0
10383 *
10384 * Unless required by applicable law or agreed to in writing, software
10385 * distributed under the License is distributed on an "AS IS" BASIS,
10386 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10387 * See the License for the specific language governing permissions and
10388 * limitations under the License.
10389 */
10390/* ========== IMAGES ========== */
10391/* ========== Color & Themes ========== */
10392/* ========== Typography ========== */
10393/* ========== Components ========== */
10394/* ========== Standard Buttons ========== */
10395/* ========== Icon Toggles ========== */
10396/* ========== Radio Buttons ========== */
10397/* ========== Ripple effect ========== */
10398/* ========== Layout ========== */
10399/* ========== Content Tabs ========== */
10400/* ========== Checkboxes ========== */
10401/* ========== Switches ========== */
10402/* ========== Spinner ========== */
10403/* ========== Text fields ========== */
10404/* ========== Card ========== */
10405/* ========== Sliders ========== */
10406/* ========== Progress ========== */
10407/* ========== List ========== */
10408/* ========== Item ========== */
10409/* ========== Dropdown menu ========== */
10410/* ========== Tooltips ========== */
10411/* ========== Footer ========== */
10412/* TEXTFIELD */
10413/* SWITCH */
10414/* SPINNER */
10415/* RADIO */
10416/* MENU */
10417/* LIST */
10418/* LAYOUT */
10419/* ICON TOGGLE */
10420/* FOOTER */
10421/*mega-footer*/
10422/*mini-footer*/
10423/* CHECKBOX */
10424/* CARD */
10425/* Card dimensions */
10426/* Cover image */
10427/* BUTTON */
10428/**
10429 *
10430 * Dimensions
10431 *
10432 */
10433/* ANIMATION */
10434/* PROGRESS */
10435/* BADGE */
10436/* SHADOWS */
10437/* GRID */
10438/* DATA TABLE */
10439/* DIALOG */
10440/* SNACKBAR */
10441/* TOOLTIP */
10442/* CHIP */
10443.mdl-tooltip {
10444 -webkit-transform: scale(0);
10445 transform: scale(0);
10446 -webkit-transform-origin: top center;
10447 transform-origin: top center;
10448 z-index: 999;
10449 background: rgba(97,97,97, 0.9);
10450 border-radius: 2px;
10451 color: rgb(255,255,255);
10452 display: inline-block;
10453 font-size: 10px;
10454 font-weight: 500;
10455 line-height: 14px;
10456 max-width: 170px;
10457 position: fixed;
10458 top: -500px;
10459 left: -500px;
10460 padding: 8px;
10461 text-align: center; }
10462
10463.mdl-tooltip.is-active {
10464 -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
10465 animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
10466
10467.mdl-tooltip--large {
10468 line-height: 14px;
10469 font-size: 14px;
10470 padding: 16px; }
10471
10472@-webkit-keyframes pulse {
10473 0% {
10474 -webkit-transform: scale(0);
10475 transform: scale(0);
10476 opacity: 0; }
10477 50% {
10478 -webkit-transform: scale(0.99);
10479 transform: scale(0.99); }
10480 100% {
10481 -webkit-transform: scale(1);
10482 transform: scale(1);
10483 opacity: 1;
10484 visibility: visible; } }
10485
10486@keyframes pulse {
10487 0% {
10488 -webkit-transform: scale(0);
10489 transform: scale(0);
10490 opacity: 0; }
10491 50% {
10492 -webkit-transform: scale(0.99);
10493 transform: scale(0.99); }
10494 100% {
10495 -webkit-transform: scale(1);
10496 transform: scale(1);
10497 opacity: 1;
10498 visibility: visible; } }
10499
10500/**
10501 * Copyright 2015 Google Inc. All Rights Reserved.
10502 *
10503 * Licensed under the Apache License, Version 2.0 (the "License");
10504 * you may not use this file except in compliance with the License.
10505 * You may obtain a copy of the License at
10506 *
10507 * http://www.apache.org/licenses/LICENSE-2.0
10508 *
10509 * Unless required by applicable law or agreed to in writing, software
10510 * distributed under the License is distributed on an "AS IS" BASIS,
10511 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10512 * See the License for the specific language governing permissions and
10513 * limitations under the License.
10514 */
10515/**
10516 * Copyright 2015 Google Inc. All Rights Reserved.
10517 *
10518 * Licensed under the Apache License, Version 2.0 (the "License");
10519 * you may not use this file except in compliance with the License.
10520 * You may obtain a copy of the License at
10521 *
10522 * http://www.apache.org/licenses/LICENSE-2.0
10523 *
10524 * Unless required by applicable law or agreed to in writing, software
10525 * distributed under the License is distributed on an "AS IS" BASIS,
10526 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10527 * See the License for the specific language governing permissions and
10528 * limitations under the License.
10529 */
10530/*------------------------------------* $CONTENTS
10531\*------------------------------------*/
10532/**
10533 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10534 * -----Typography
10535 * -----Colors
10536 * -----Textfield
10537 * -----Switch
10538 * -----Spinner
10539 * -----Radio
10540 * -----Menu
10541 * -----List
10542 * -----Layout
10543 * -----Icon toggles
10544 * -----Footer
10545 * -----Column
10546 * -----Checkbox
10547 * -----Card
10548 * -----Button
10549 * -----Animation
10550 * -----Progress
10551 * -----Badge
10552 * -----Shadows
10553 * -----Grid
10554 * -----Data table
10555 * -----Dialog
10556 * -----Snackbar
10557 * -----Tooltip
10558 * -----Chip
10559 *
10560 * Even though all variables have the `!default` directive, most of them
10561 * should not be changed as they are dependent one another. This can cause
10562 * visual distortions (like alignment issues) that are hard to track down
10563 * and fix.
10564 */
10565/* ========== TYPOGRAPHY ========== */
10566/* We're splitting fonts into "preferred" and "performance" in order to optimize
10567 page loading. For important text, such as the body, we want it to load
10568 immediately and not wait for the web font load, whereas for other sections,
10569 such as headers and titles, we're OK with things taking a bit longer to load.
10570 We do have some optional classes and parameters in the mixins, in case you
10571 definitely want to make sure you're using the preferred font and don't mind
10572 the performance hit.
10573 We should be able to improve on this once CSS Font Loading L3 becomes more
10574 widely available.
10575*/
10576/* ========== COLORS ========== */
10577/**
10578*
10579* Material design color palettes.
10580* @see http://www.google.com/design/spec/style/color.html
10581*
10582**/
10583/**
10584 * Copyright 2015 Google Inc. All Rights Reserved.
10585 *
10586 * Licensed under the Apache License, Version 2.0 (the "License");
10587 * you may not use this file except in compliance with the License.
10588 * You may obtain a copy of the License at
10589 *
10590 * http://www.apache.org/licenses/LICENSE-2.0
10591 *
10592 * Unless required by applicable law or agreed to in writing, software
10593 * distributed under the License is distributed on an "AS IS" BASIS,
10594 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10595 * See the License for the specific language governing permissions and
10596 * limitations under the License.
10597 */
10598/* ========== Color Palettes ========== */
10599/* colors.scss */
10600/**
10601 * Copyright 2015 Google Inc. All Rights Reserved.
10602 *
10603 * Licensed under the Apache License, Version 2.0 (the "License");
10604 * you may not use this file except in compliance with the License.
10605 * You may obtain a copy of the License at
10606 *
10607 * http://www.apache.org/licenses/LICENSE-2.0
10608 *
10609 * Unless required by applicable law or agreed to in writing, software
10610 * distributed under the License is distributed on an "AS IS" BASIS,
10611 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10612 * See the License for the specific language governing permissions and
10613 * limitations under the License.
10614 */
10615/* ========== IMAGES ========== */
10616/* ========== Color & Themes ========== */
10617/* ========== Typography ========== */
10618/* ========== Components ========== */
10619/* ========== Standard Buttons ========== */
10620/* ========== Icon Toggles ========== */
10621/* ========== Radio Buttons ========== */
10622/* ========== Ripple effect ========== */
10623/* ========== Layout ========== */
10624/* ========== Content Tabs ========== */
10625/* ========== Checkboxes ========== */
10626/* ========== Switches ========== */
10627/* ========== Spinner ========== */
10628/* ========== Text fields ========== */
10629/* ========== Card ========== */
10630/* ========== Sliders ========== */
10631/* ========== Progress ========== */
10632/* ========== List ========== */
10633/* ========== Item ========== */
10634/* ========== Dropdown menu ========== */
10635/* ========== Tooltips ========== */
10636/* ========== Footer ========== */
10637/* TEXTFIELD */
10638/* SWITCH */
10639/* SPINNER */
10640/* RADIO */
10641/* MENU */
10642/* LIST */
10643/* LAYOUT */
10644/* ICON TOGGLE */
10645/* FOOTER */
10646/*mega-footer*/
10647/*mini-footer*/
10648/* CHECKBOX */
10649/* CARD */
10650/* Card dimensions */
10651/* Cover image */
10652/* BUTTON */
10653/**
10654 *
10655 * Dimensions
10656 *
10657 */
10658/* ANIMATION */
10659/* PROGRESS */
10660/* BADGE */
10661/* SHADOWS */
10662/* GRID */
10663/* DATA TABLE */
10664/* DIALOG */
10665/* SNACKBAR */
10666/* TOOLTIP */
10667/* CHIP */
10668/**
10669 * Copyright 2015 Google Inc. All Rights Reserved.
10670 *
10671 * Licensed under the Apache License, Version 2.0 (the "License");
10672 * you may not use this file except in compliance with the License.
10673 * You may obtain a copy of the License at
10674 *
10675 * http://www.apache.org/licenses/LICENSE-2.0
10676 *
10677 * Unless required by applicable law or agreed to in writing, software
10678 * distributed under the License is distributed on an "AS IS" BASIS,
10679 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10680 * See the License for the specific language governing permissions and
10681 * limitations under the License.
10682 */
10683/* Typography */
10684/* Shadows */
10685/* Animations */
10686/* Dialog */
10687.mdl-shadow--2dp {
10688 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); }
10689
10690.mdl-shadow--3dp {
10691 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); }
10692
10693.mdl-shadow--4dp {
10694 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); }
10695
10696.mdl-shadow--6dp {
10697 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); }
10698
10699.mdl-shadow--8dp {
10700 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); }
10701
10702.mdl-shadow--16dp {
10703 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); }
10704
10705.mdl-shadow--24dp {
10706 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); }
10707
10708/**
10709 * Copyright 2015 Google Inc. All Rights Reserved.
10710 *
10711 * Licensed under the Apache License, Version 2.0 (the "License");
10712 * you may not use this file except in compliance with the License.
10713 * You may obtain a copy of the License at
10714 *
10715 * http://www.apache.org/licenses/LICENSE-2.0
10716 *
10717 * Unless required by applicable law or agreed to in writing, software
10718 * distributed under the License is distributed on an "AS IS" BASIS,
10719 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10720 * See the License for the specific language governing permissions and
10721 * limitations under the License.
10722 */
10723/*
10724* NOTE: Some rules here are applied using duplicate selectors.
10725* This is on purpose to increase their specificity when applied.
10726* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
10727*/
10728/**
10729 * Copyright 2015 Google Inc. All Rights Reserved.
10730 *
10731 * Licensed under the Apache License, Version 2.0 (the "License");
10732 * you may not use this file except in compliance with the License.
10733 * You may obtain a copy of the License at
10734 *
10735 * http://www.apache.org/licenses/LICENSE-2.0
10736 *
10737 * Unless required by applicable law or agreed to in writing, software
10738 * distributed under the License is distributed on an "AS IS" BASIS,
10739 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10740 * See the License for the specific language governing permissions and
10741 * limitations under the License.
10742 */
10743/*------------------------------------* $CONTENTS
10744\*------------------------------------*/
10745/**
10746 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10747 * -----Typography
10748 * -----Colors
10749 * -----Textfield
10750 * -----Switch
10751 * -----Spinner
10752 * -----Radio
10753 * -----Menu
10754 * -----List
10755 * -----Layout
10756 * -----Icon toggles
10757 * -----Footer
10758 * -----Column
10759 * -----Checkbox
10760 * -----Card
10761 * -----Button
10762 * -----Animation
10763 * -----Progress
10764 * -----Badge
10765 * -----Shadows
10766 * -----Grid
10767 * -----Data table
10768 * -----Dialog
10769 * -----Snackbar
10770 * -----Tooltip
10771 * -----Chip
10772 *
10773 * Even though all variables have the `!default` directive, most of them
10774 * should not be changed as they are dependent one another. This can cause
10775 * visual distortions (like alignment issues) that are hard to track down
10776 * and fix.
10777 */
10778/* ========== TYPOGRAPHY ========== */
10779/* We're splitting fonts into "preferred" and "performance" in order to optimize
10780 page loading. For important text, such as the body, we want it to load
10781 immediately and not wait for the web font load, whereas for other sections,
10782 such as headers and titles, we're OK with things taking a bit longer to load.
10783 We do have some optional classes and parameters in the mixins, in case you
10784 definitely want to make sure you're using the preferred font and don't mind
10785 the performance hit.
10786 We should be able to improve on this once CSS Font Loading L3 becomes more
10787 widely available.
10788*/
10789/* ========== COLORS ========== */
10790/**
10791*
10792* Material design color palettes.
10793* @see http://www.google.com/design/spec/style/color.html
10794*
10795**/
10796/**
10797 * Copyright 2015 Google Inc. All Rights Reserved.
10798 *
10799 * Licensed under the Apache License, Version 2.0 (the "License");
10800 * you may not use this file except in compliance with the License.
10801 * You may obtain a copy of the License at
10802 *
10803 * http://www.apache.org/licenses/LICENSE-2.0
10804 *
10805 * Unless required by applicable law or agreed to in writing, software
10806 * distributed under the License is distributed on an "AS IS" BASIS,
10807 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10808 * See the License for the specific language governing permissions and
10809 * limitations under the License.
10810 */
10811/* ========== Color Palettes ========== */
10812/* colors.scss */
10813/**
10814 * Copyright 2015 Google Inc. All Rights Reserved.
10815 *
10816 * Licensed under the Apache License, Version 2.0 (the "License");
10817 * you may not use this file except in compliance with the License.
10818 * You may obtain a copy of the License at
10819 *
10820 * http://www.apache.org/licenses/LICENSE-2.0
10821 *
10822 * Unless required by applicable law or agreed to in writing, software
10823 * distributed under the License is distributed on an "AS IS" BASIS,
10824 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10825 * See the License for the specific language governing permissions and
10826 * limitations under the License.
10827 */
10828/* ========== IMAGES ========== */
10829/* ========== Color & Themes ========== */
10830/* ========== Typography ========== */
10831/* ========== Components ========== */
10832/* ========== Standard Buttons ========== */
10833/* ========== Icon Toggles ========== */
10834/* ========== Radio Buttons ========== */
10835/* ========== Ripple effect ========== */
10836/* ========== Layout ========== */
10837/* ========== Content Tabs ========== */
10838/* ========== Checkboxes ========== */
10839/* ========== Switches ========== */
10840/* ========== Spinner ========== */
10841/* ========== Text fields ========== */
10842/* ========== Card ========== */
10843/* ========== Sliders ========== */
10844/* ========== Progress ========== */
10845/* ========== List ========== */
10846/* ========== Item ========== */
10847/* ========== Dropdown menu ========== */
10848/* ========== Tooltips ========== */
10849/* ========== Footer ========== */
10850/* TEXTFIELD */
10851/* SWITCH */
10852/* SPINNER */
10853/* RADIO */
10854/* MENU */
10855/* LIST */
10856/* LAYOUT */
10857/* ICON TOGGLE */
10858/* FOOTER */
10859/*mega-footer*/
10860/*mini-footer*/
10861/* CHECKBOX */
10862/* CARD */
10863/* Card dimensions */
10864/* Cover image */
10865/* BUTTON */
10866/**
10867 *
10868 * Dimensions
10869 *
10870 */
10871/* ANIMATION */
10872/* PROGRESS */
10873/* BADGE */
10874/* SHADOWS */
10875/* GRID */
10876/* DATA TABLE */
10877/* DIALOG */
10878/* SNACKBAR */
10879/* TOOLTIP */
10880/* CHIP */
10881.mdl-grid {
10882 display: -webkit-flex;
10883 display: -ms-flexbox;
10884 display: flex;
10885 -webkit-flex-flow: row wrap;
10886 -ms-flex-flow: row wrap;
10887 flex-flow: row wrap;
10888 margin: 0 auto 0 auto;
10889 -webkit-align-items: stretch;
10890 -ms-flex-align: stretch;
10891 align-items: stretch; }
10892 .mdl-grid.mdl-grid--no-spacing {
10893 padding: 0; }
10894
10895.mdl-cell {
10896 box-sizing: border-box; }
10897
10898.mdl-cell--top {
10899 -webkit-align-self: flex-start;
10900 -ms-flex-item-align: start;
10901 align-self: flex-start; }
10902
10903.mdl-cell--middle {
10904 -webkit-align-self: center;
10905 -ms-flex-item-align: center;
10906 -ms-grid-row-align: center;
10907 align-self: center; }
10908
10909.mdl-cell--bottom {
10910 -webkit-align-self: flex-end;
10911 -ms-flex-item-align: end;
10912 align-self: flex-end; }
10913
10914.mdl-cell--stretch {
10915 -webkit-align-self: stretch;
10916 -ms-flex-item-align: stretch;
10917 -ms-grid-row-align: stretch;
10918 align-self: stretch; }
10919
10920.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
10921 margin: 0; }
10922
10923.mdl-cell--order-1 {
10924 -webkit-order: 1;
10925 -ms-flex-order: 1;
10926 order: 1; }
10927
10928.mdl-cell--order-2 {
10929 -webkit-order: 2;
10930 -ms-flex-order: 2;
10931 order: 2; }
10932
10933.mdl-cell--order-3 {
10934 -webkit-order: 3;
10935 -ms-flex-order: 3;
10936 order: 3; }
10937
10938.mdl-cell--order-4 {
10939 -webkit-order: 4;
10940 -ms-flex-order: 4;
10941 order: 4; }
10942
10943.mdl-cell--order-5 {
10944 -webkit-order: 5;
10945 -ms-flex-order: 5;
10946 order: 5; }
10947
10948.mdl-cell--order-6 {
10949 -webkit-order: 6;
10950 -ms-flex-order: 6;
10951 order: 6; }
10952
10953.mdl-cell--order-7 {
10954 -webkit-order: 7;
10955 -ms-flex-order: 7;
10956 order: 7; }
10957
10958.mdl-cell--order-8 {
10959 -webkit-order: 8;
10960 -ms-flex-order: 8;
10961 order: 8; }
10962
10963.mdl-cell--order-9 {
10964 -webkit-order: 9;
10965 -ms-flex-order: 9;
10966 order: 9; }
10967
10968.mdl-cell--order-10 {
10969 -webkit-order: 10;
10970 -ms-flex-order: 10;
10971 order: 10; }
10972
10973.mdl-cell--order-11 {
10974 -webkit-order: 11;
10975 -ms-flex-order: 11;
10976 order: 11; }
10977
10978.mdl-cell--order-12 {
10979 -webkit-order: 12;
10980 -ms-flex-order: 12;
10981 order: 12; }
10982
10983@media (max-width: 479px) {
10984 .mdl-grid {
10985 padding: 8px; }
10986 .mdl-cell {
10987 margin: 8px;
10988 width: calc(100% - 16px); }
10989 .mdl-grid--no-spacing > .mdl-cell {
10990 width: 100%; }
10991 .mdl-cell--hide-phone {
10992 display: none !important; }
10993 .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
10994 -webkit-order: 1;
10995 -ms-flex-order: 1;
10996 order: 1; }
10997 .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
10998 -webkit-order: 2;
10999 -ms-flex-order: 2;
11000 order: 2; }
11001 .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
11002 -webkit-order: 3;
11003 -ms-flex-order: 3;
11004 order: 3; }
11005 .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
11006 -webkit-order: 4;
11007 -ms-flex-order: 4;
11008 order: 4; }
11009 .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
11010 -webkit-order: 5;
11011 -ms-flex-order: 5;
11012 order: 5; }
11013 .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
11014 -webkit-order: 6;
11015 -ms-flex-order: 6;
11016 order: 6; }
11017 .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
11018 -webkit-order: 7;
11019 -ms-flex-order: 7;
11020 order: 7; }
11021 .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
11022 -webkit-order: 8;
11023 -ms-flex-order: 8;
11024 order: 8; }
11025 .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
11026 -webkit-order: 9;
11027 -ms-flex-order: 9;
11028 order: 9; }
11029 .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
11030 -webkit-order: 10;
11031 -ms-flex-order: 10;
11032 order: 10; }
11033 .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
11034 -webkit-order: 11;
11035 -ms-flex-order: 11;
11036 order: 11; }
11037 .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
11038 -webkit-order: 12;
11039 -ms-flex-order: 12;
11040 order: 12; }
11041 .mdl-cell--1-col,
11042 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11043 width: calc(25% - 16px); }
11044 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11045 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11046 width: 25%; }
11047 .mdl-cell--2-col,
11048 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11049 width: calc(50% - 16px); }
11050 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11051 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11052 width: 50%; }
11053 .mdl-cell--3-col,
11054 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11055 width: calc(75% - 16px); }
11056 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11057 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11058 width: 75%; }
11059 .mdl-cell--4-col,
11060 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11061 width: calc(100% - 16px); }
11062 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11063 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11064 width: 100%; }
11065 .mdl-cell--5-col,
11066 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11067 width: calc(100% - 16px); }
11068 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11069 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11070 width: 100%; }
11071 .mdl-cell--6-col,
11072 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11073 width: calc(100% - 16px); }
11074 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11075 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11076 width: 100%; }
11077 .mdl-cell--7-col,
11078 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11079 width: calc(100% - 16px); }
11080 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11081 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11082 width: 100%; }
11083 .mdl-cell--8-col,
11084 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11085 width: calc(100% - 16px); }
11086 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11087 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11088 width: 100%; }
11089 .mdl-cell--9-col,
11090 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11091 width: calc(100% - 16px); }
11092 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11093 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11094 width: 100%; }
11095 .mdl-cell--10-col,
11096 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11097 width: calc(100% - 16px); }
11098 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11099 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11100 width: 100%; }
11101 .mdl-cell--11-col,
11102 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11103 width: calc(100% - 16px); }
11104 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11105 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11106 width: 100%; }
11107 .mdl-cell--12-col,
11108 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11109 width: calc(100% - 16px); }
11110 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11111 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11112 width: 100%; }
11113 .mdl-cell--1-offset,
11114 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11115 margin-left: calc(25% + 8px); }
11116 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11117 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11118 margin-left: 25%; }
11119 .mdl-cell--2-offset,
11120 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11121 margin-left: calc(50% + 8px); }
11122 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11123 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11124 margin-left: 50%; }
11125 .mdl-cell--3-offset,
11126 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11127 margin-left: calc(75% + 8px); }
11128 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11129 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11130 margin-left: 75%; } }
11131
11132@media (min-width: 480px) and (max-width: 839px) {
11133 .mdl-grid {
11134 padding: 8px; }
11135 .mdl-cell {
11136 margin: 8px;
11137 width: calc(50% - 16px); }
11138 .mdl-grid--no-spacing > .mdl-cell {
11139 width: 50%; }
11140 .mdl-cell--hide-tablet {
11141 display: none !important; }
11142 .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
11143 -webkit-order: 1;
11144 -ms-flex-order: 1;
11145 order: 1; }
11146 .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
11147 -webkit-order: 2;
11148 -ms-flex-order: 2;
11149 order: 2; }
11150 .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
11151 -webkit-order: 3;
11152 -ms-flex-order: 3;
11153 order: 3; }
11154 .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
11155 -webkit-order: 4;
11156 -ms-flex-order: 4;
11157 order: 4; }
11158 .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
11159 -webkit-order: 5;
11160 -ms-flex-order: 5;
11161 order: 5; }
11162 .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
11163 -webkit-order: 6;
11164 -ms-flex-order: 6;
11165 order: 6; }
11166 .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
11167 -webkit-order: 7;
11168 -ms-flex-order: 7;
11169 order: 7; }
11170 .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
11171 -webkit-order: 8;
11172 -ms-flex-order: 8;
11173 order: 8; }
11174 .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
11175 -webkit-order: 9;
11176 -ms-flex-order: 9;
11177 order: 9; }
11178 .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
11179 -webkit-order: 10;
11180 -ms-flex-order: 10;
11181 order: 10; }
11182 .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
11183 -webkit-order: 11;
11184 -ms-flex-order: 11;
11185 order: 11; }
11186 .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
11187 -webkit-order: 12;
11188 -ms-flex-order: 12;
11189 order: 12; }
11190 .mdl-cell--1-col,
11191 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11192 width: calc(12.5% - 16px); }
11193 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11194 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11195 width: 12.5%; }
11196 .mdl-cell--2-col,
11197 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11198 width: calc(25% - 16px); }
11199 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11200 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11201 width: 25%; }
11202 .mdl-cell--3-col,
11203 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11204 width: calc(37.5% - 16px); }
11205 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11206 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11207 width: 37.5%; }
11208 .mdl-cell--4-col,
11209 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11210 width: calc(50% - 16px); }
11211 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11212 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11213 width: 50%; }
11214 .mdl-cell--5-col,
11215 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11216 width: calc(62.5% - 16px); }
11217 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11218 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11219 width: 62.5%; }
11220 .mdl-cell--6-col,
11221 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11222 width: calc(75% - 16px); }
11223 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11224 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11225 width: 75%; }
11226 .mdl-cell--7-col,
11227 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11228 width: calc(87.5% - 16px); }
11229 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11230 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11231 width: 87.5%; }
11232 .mdl-cell--8-col,
11233 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11234 width: calc(100% - 16px); }
11235 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11236 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11237 width: 100%; }
11238 .mdl-cell--9-col,
11239 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11240 width: calc(100% - 16px); }
11241 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11242 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11243 width: 100%; }
11244 .mdl-cell--10-col,
11245 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11246 width: calc(100% - 16px); }
11247 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11248 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11249 width: 100%; }
11250 .mdl-cell--11-col,
11251 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11252 width: calc(100% - 16px); }
11253 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11254 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11255 width: 100%; }
11256 .mdl-cell--12-col,
11257 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11258 width: calc(100% - 16px); }
11259 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11260 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11261 width: 100%; }
11262 .mdl-cell--1-offset,
11263 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11264 margin-left: calc(12.5% + 8px); }
11265 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11266 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11267 margin-left: 12.5%; }
11268 .mdl-cell--2-offset,
11269 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11270 margin-left: calc(25% + 8px); }
11271 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11272 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11273 margin-left: 25%; }
11274 .mdl-cell--3-offset,
11275 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11276 margin-left: calc(37.5% + 8px); }
11277 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11278 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11279 margin-left: 37.5%; }
11280 .mdl-cell--4-offset,
11281 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11282 margin-left: calc(50% + 8px); }
11283 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11284 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11285 margin-left: 50%; }
11286 .mdl-cell--5-offset,
11287 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11288 margin-left: calc(62.5% + 8px); }
11289 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11290 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11291 margin-left: 62.5%; }
11292 .mdl-cell--6-offset,
11293 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11294 margin-left: calc(75% + 8px); }
11295 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11296 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11297 margin-left: 75%; }
11298 .mdl-cell--7-offset,
11299 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11300 margin-left: calc(87.5% + 8px); }
11301 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11302 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11303 margin-left: 87.5%; } }
11304
11305@media (min-width: 840px) {
11306 .mdl-grid {
11307 padding: 8px; }
11308 .mdl-cell {
11309 margin: 8px;
11310 width: calc(33.3333333333% - 16px); }
11311 .mdl-grid--no-spacing > .mdl-cell {
11312 width: 33.3333333333%; }
11313 .mdl-cell--hide-desktop {
11314 display: none !important; }
11315 .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
11316 -webkit-order: 1;
11317 -ms-flex-order: 1;
11318 order: 1; }
11319 .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
11320 -webkit-order: 2;
11321 -ms-flex-order: 2;
11322 order: 2; }
11323 .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
11324 -webkit-order: 3;
11325 -ms-flex-order: 3;
11326 order: 3; }
11327 .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
11328 -webkit-order: 4;
11329 -ms-flex-order: 4;
11330 order: 4; }
11331 .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
11332 -webkit-order: 5;
11333 -ms-flex-order: 5;
11334 order: 5; }
11335 .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
11336 -webkit-order: 6;
11337 -ms-flex-order: 6;
11338 order: 6; }
11339 .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
11340 -webkit-order: 7;
11341 -ms-flex-order: 7;
11342 order: 7; }
11343 .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
11344 -webkit-order: 8;
11345 -ms-flex-order: 8;
11346 order: 8; }
11347 .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
11348 -webkit-order: 9;
11349 -ms-flex-order: 9;
11350 order: 9; }
11351 .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
11352 -webkit-order: 10;
11353 -ms-flex-order: 10;
11354 order: 10; }
11355 .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
11356 -webkit-order: 11;
11357 -ms-flex-order: 11;
11358 order: 11; }
11359 .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
11360 -webkit-order: 12;
11361 -ms-flex-order: 12;
11362 order: 12; }
11363 .mdl-cell--1-col,
11364 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11365 width: calc(8.3333333333% - 16px); }
11366 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11367 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11368 width: 8.3333333333%; }
11369 .mdl-cell--2-col,
11370 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11371 width: calc(16.6666666667% - 16px); }
11372 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11373 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11374 width: 16.6666666667%; }
11375 .mdl-cell--3-col,
11376 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11377 width: calc(25% - 16px); }
11378 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11379 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11380 width: 25%; }
11381 .mdl-cell--4-col,
11382 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11383 width: calc(33.3333333333% - 16px); }
11384 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11385 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11386 width: 33.3333333333%; }
11387 .mdl-cell--5-col,
11388 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11389 width: calc(41.6666666667% - 16px); }
11390 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11391 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11392 width: 41.6666666667%; }
11393 .mdl-cell--6-col,
11394 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11395 width: calc(50% - 16px); }
11396 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11397 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11398 width: 50%; }
11399 .mdl-cell--7-col,
11400 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11401 width: calc(58.3333333333% - 16px); }
11402 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11403 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11404 width: 58.3333333333%; }
11405 .mdl-cell--8-col,
11406 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11407 width: calc(66.6666666667% - 16px); }
11408 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11409 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11410 width: 66.6666666667%; }
11411 .mdl-cell--9-col,
11412 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11413 width: calc(75% - 16px); }
11414 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11415 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11416 width: 75%; }
11417 .mdl-cell--10-col,
11418 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11419 width: calc(83.3333333333% - 16px); }
11420 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11421 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11422 width: 83.3333333333%; }
11423 .mdl-cell--11-col,
11424 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11425 width: calc(91.6666666667% - 16px); }
11426 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11427 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11428 width: 91.6666666667%; }
11429 .mdl-cell--12-col,
11430 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11431 width: calc(100% - 16px); }
11432 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11433 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11434 width: 100%; }
11435 .mdl-cell--1-offset,
11436 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11437 margin-left: calc(8.3333333333% + 8px); }
11438 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11439 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11440 margin-left: 8.3333333333%; }
11441 .mdl-cell--2-offset,
11442 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11443 margin-left: calc(16.6666666667% + 8px); }
11444 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11445 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11446 margin-left: 16.6666666667%; }
11447 .mdl-cell--3-offset,
11448 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11449 margin-left: calc(25% + 8px); }
11450 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11451 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11452 margin-left: 25%; }
11453 .mdl-cell--4-offset,
11454 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11455 margin-left: calc(33.3333333333% + 8px); }
11456 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11457 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11458 margin-left: 33.3333333333%; }
11459 .mdl-cell--5-offset,
11460 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11461 margin-left: calc(41.6666666667% + 8px); }
11462 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11463 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11464 margin-left: 41.6666666667%; }
11465 .mdl-cell--6-offset,
11466 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11467 margin-left: calc(50% + 8px); }
11468 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11469 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11470 margin-left: 50%; }
11471 .mdl-cell--7-offset,
11472 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11473 margin-left: calc(58.3333333333% + 8px); }
11474 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11475 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11476 margin-left: 58.3333333333%; }
11477 .mdl-cell--8-offset,
11478 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11479 margin-left: calc(66.6666666667% + 8px); }
11480 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
11481 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11482 margin-left: 66.6666666667%; }
11483 .mdl-cell--9-offset,
11484 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11485 margin-left: calc(75% + 8px); }
11486 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
11487 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11488 margin-left: 75%; }
11489 .mdl-cell--10-offset,
11490 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11491 margin-left: calc(83.3333333333% + 8px); }
11492 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
11493 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11494 margin-left: 83.3333333333%; }
11495 .mdl-cell--11-offset,
11496 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11497 margin-left: calc(91.6666666667% + 8px); }
11498 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
11499 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11500 margin-left: 91.6666666667%; } }
11501
11502body {
11503 margin: 0px; }
11504
11505.styleguide-demo h1 {
11506 margin: 48px 24px 0 24px; }
11507
11508.styleguide-demo h1:after {
11509 content: '';
11510 display: block;
11511 width: 100%;
11512 border-bottom: 1px solid rgba(0, 0, 0, 0.5);
11513 margin-top: 24px; }
11514
11515.styleguide-demo {
11516 opacity: 0;
11517 transition: opacity 0.6s ease; }
11518
11519.styleguide-masthead {
11520 height: 256px;
11521 background: rgb(33,33,33);
11522 padding: 115px 16px 0; }
11523
11524.styleguide-container {
11525 position: relative;
11526 max-width: 960px;
11527 width: 100%; }
11528
11529.styleguide-title {
11530 color: #fff;
11531 bottom: auto;
11532 position: relative;
11533 font-size: 56px;
11534 font-weight: 300;
11535 line-height: 1;
11536 letter-spacing: -0.02em; }
11537 .styleguide-title:after {
11538 border-bottom: 0px; }
11539 .styleguide-title span {
11540 font-weight: 300; }
11541
11542.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link {
11543 padding: 10px 24px; }
11544
11545.demosLoaded .styleguide-demo {
11546 opacity: 1; }
11547
11548iframe {
11549 display: block;
11550 width: 100%;
11551 border: none; }
11552
11553iframe.heightSet {
11554 overflow: hidden; }
11555
11556.demo-wrapper {
11557 margin: 24px; }
11558 .demo-wrapper iframe {
11559 border: 1px solid rgba(0, 0, 0, 0.5); }