Gitiles
Code Review Sign In
gerrit.avm99963.com / hores-external / be50d49a1de3579494650ceb3cad0f04719b087f / . / node_modules / material-design-lite / .tmp / material-design-lite.css
blob: 3532fa112b93d6943db12ea4ab1bfc5f27bc8022 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +0100[diff] [blame^]1@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/*------------------------------------* $CONTENTS
34\*------------------------------------*/
35/**
36 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
37 * -----Typography
38 * -----Colors
39 * -----Textfield
40 * -----Switch
41 * -----Spinner
42 * -----Radio
43 * -----Menu
44 * -----List
45 * -----Layout
46 * -----Icon toggles
47 * -----Footer
48 * -----Column
49 * -----Checkbox
50 * -----Card
51 * -----Button
52 * -----Animation
53 * -----Progress
54 * -----Badge
55 * -----Shadows
56 * -----Grid
57 * -----Data table
58 * -----Dialog
59 * -----Snackbar
60 * -----Tooltip
61 * -----Chip
62 *
63 * Even though all variables have the `!default` directive, most of them
64 * should not be changed as they are dependent one another. This can cause
65 * visual distortions (like alignment issues) that are hard to track down
66 * and fix.
67 */
68/* ========== TYPOGRAPHY ========== */
69/* We're splitting fonts into "preferred" and "performance" in order to optimize
70 page loading. For important text, such as the body, we want it to load
71 immediately and not wait for the web font load, whereas for other sections,
72 such as headers and titles, we're OK with things taking a bit longer to load.
73 We do have some optional classes and parameters in the mixins, in case you
74 definitely want to make sure you're using the preferred font and don't mind
75 the performance hit.
76 We should be able to improve on this once CSS Font Loading L3 becomes more
77 widely available.
78*/
79/* ========== COLORS ========== */
80/**
81*
82* Material design color palettes.
83* @see http://www.google.com/design/spec/style/color.html
84*
85**/
86/**
87 * Copyright 2015 Google Inc. All Rights Reserved.
88 *
89 * Licensed under the Apache License, Version 2.0 (the "License");
90 * you may not use this file except in compliance with the License.
91 * You may obtain a copy of the License at
92 *
93 * http://www.apache.org/licenses/LICENSE-2.0
94 *
95 * Unless required by applicable law or agreed to in writing, software
96 * distributed under the License is distributed on an "AS IS" BASIS,
97 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
98 * See the License for the specific language governing permissions and
99 * limitations under the License.
100 */
101/* ========== Color Palettes ========== */
102/* colors.scss */
103/**
104 * Copyright 2015 Google Inc. All Rights Reserved.
105 *
106 * Licensed under the Apache License, Version 2.0 (the "License");
107 * you may not use this file except in compliance with the License.
108 * You may obtain a copy of the License at
109 *
110 * http://www.apache.org/licenses/LICENSE-2.0
111 *
112 * Unless required by applicable law or agreed to in writing, software
113 * distributed under the License is distributed on an "AS IS" BASIS,
114 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
115 * See the License for the specific language governing permissions and
116 * limitations under the License.
117 */
118/* ========== IMAGES ========== */
119/* ========== Color & Themes ========== */
120/* ========== Typography ========== */
121/* ========== Components ========== */
122/* ========== Standard Buttons ========== */
123/* ========== Icon Toggles ========== */
124/* ========== Radio Buttons ========== */
125/* ========== Ripple effect ========== */
126/* ========== Layout ========== */
127/* ========== Content Tabs ========== */
128/* ========== Checkboxes ========== */
129/* ========== Switches ========== */
130/* ========== Spinner ========== */
131/* ========== Text fields ========== */
132/* ========== Card ========== */
133/* ========== Sliders ========== */
134/* ========== Progress ========== */
135/* ========== List ========== */
136/* ========== Item ========== */
137/* ========== Dropdown menu ========== */
138/* ========== Tooltips ========== */
139/* ========== Footer ========== */
140/* TEXTFIELD */
141/* SWITCH */
142/* SPINNER */
143/* RADIO */
144/* MENU */
145/* LIST */
146/* LAYOUT */
147/* ICON TOGGLE */
148/* FOOTER */
149/*mega-footer*/
150/*mini-footer*/
151/* CHECKBOX */
152/* CARD */
153/* Card dimensions */
154/* Cover image */
155/* BUTTON */
156/**
157 *
158 * Dimensions
159 *
160 */
161/* ANIMATION */
162/* PROGRESS */
163/* BADGE */
164/* SHADOWS */
165/* GRID */
166/* DATA TABLE */
167/* DIALOG */
168/* SNACKBAR */
169/* TOOLTIP */
170/* CHIP */
171/**
172 * Copyright 2015 Google Inc. All Rights Reserved.
173 *
174 * Licensed under the Apache License, Version 2.0 (the "License");
175 * you may not use this file except in compliance with the License.
176 * You may obtain a copy of the License at
177 *
178 * http://www.apache.org/licenses/LICENSE-2.0
179 *
180 * Unless required by applicable law or agreed to in writing, software
181 * distributed under the License is distributed on an "AS IS" BASIS,
182 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
183 * See the License for the specific language governing permissions and
184 * limitations under the License.
185 */
186/* Typography */
187/* Shadows */
188/* Animations */
189/* Dialog */
190/**
191 * Copyright 2015 Google Inc. All Rights Reserved.
192 *
193 * Licensed under the Apache License, Version 2.0 (the "License");
194 * you may not use this file except in compliance with the License.
195 * You may obtain a copy of the License at
196 *
197 * http://www.apache.org/licenses/LICENSE-2.0
198 *
199 * Unless required by applicable law or agreed to in writing, software
200 * distributed under the License is distributed on an "AS IS" BASIS,
201 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
202 * See the License for the specific language governing permissions and
203 * limitations under the License.
204 */
205/**
206 * Copyright 2015 Google Inc. All Rights Reserved.
207 *
208 * Licensed under the Apache License, Version 2.0 (the "License");
209 * you may not use this file except in compliance with the License.
210 * You may obtain a copy of the License at
211 *
212 * http://www.apache.org/licenses/LICENSE-2.0
213 *
214 * Unless required by applicable law or agreed to in writing, software
215 * distributed under the License is distributed on an "AS IS" BASIS,
216 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
217 * See the License for the specific language governing permissions and
218 * limitations under the License.
219 */
220/**
221 * Copyright 2015 Google Inc. All Rights Reserved.
222 *
223 * Licensed under the Apache License, Version 2.0 (the "License");
224 * you may not use this file except in compliance with the License.
225 * You may obtain a copy of the License at
226 *
227 * http://www.apache.org/licenses/LICENSE-2.0
228 *
229 * Unless required by applicable law or agreed to in writing, software
230 * distributed under the License is distributed on an "AS IS" BASIS,
231 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
232 * See the License for the specific language governing permissions and
233 * limitations under the License.
234 */
235/*------------------------------------* $CONTENTS
236\*------------------------------------*/
237/**
238 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
239 * -----Typography
240 * -----Colors
241 * -----Textfield
242 * -----Switch
243 * -----Spinner
244 * -----Radio
245 * -----Menu
246 * -----List
247 * -----Layout
248 * -----Icon toggles
249 * -----Footer
250 * -----Column
251 * -----Checkbox
252 * -----Card
253 * -----Button
254 * -----Animation
255 * -----Progress
256 * -----Badge
257 * -----Shadows
258 * -----Grid
259 * -----Data table
260 * -----Dialog
261 * -----Snackbar
262 * -----Tooltip
263 * -----Chip
264 *
265 * Even though all variables have the `!default` directive, most of them
266 * should not be changed as they are dependent one another. This can cause
267 * visual distortions (like alignment issues) that are hard to track down
268 * and fix.
269 */
270/* ========== TYPOGRAPHY ========== */
271/* We're splitting fonts into "preferred" and "performance" in order to optimize
272 page loading. For important text, such as the body, we want it to load
273 immediately and not wait for the web font load, whereas for other sections,
274 such as headers and titles, we're OK with things taking a bit longer to load.
275 We do have some optional classes and parameters in the mixins, in case you
276 definitely want to make sure you're using the preferred font and don't mind
277 the performance hit.
278 We should be able to improve on this once CSS Font Loading L3 becomes more
279 widely available.
280*/
281/* ========== COLORS ========== */
282/**
283*
284* Material design color palettes.
285* @see http://www.google.com/design/spec/style/color.html
286*
287**/
288/**
289 * Copyright 2015 Google Inc. All Rights Reserved.
290 *
291 * Licensed under the Apache License, Version 2.0 (the "License");
292 * you may not use this file except in compliance with the License.
293 * You may obtain a copy of the License at
294 *
295 * http://www.apache.org/licenses/LICENSE-2.0
296 *
297 * Unless required by applicable law or agreed to in writing, software
298 * distributed under the License is distributed on an "AS IS" BASIS,
299 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
300 * See the License for the specific language governing permissions and
301 * limitations under the License.
302 */
303/* ========== Color Palettes ========== */
304/* colors.scss */
305/**
306 * Copyright 2015 Google Inc. All Rights Reserved.
307 *
308 * Licensed under the Apache License, Version 2.0 (the "License");
309 * you may not use this file except in compliance with the License.
310 * You may obtain a copy of the License at
311 *
312 * http://www.apache.org/licenses/LICENSE-2.0
313 *
314 * Unless required by applicable law or agreed to in writing, software
315 * distributed under the License is distributed on an "AS IS" BASIS,
316 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
317 * See the License for the specific language governing permissions and
318 * limitations under the License.
319 */
320/* ========== IMAGES ========== */
321/* ========== Color & Themes ========== */
322/* ========== Typography ========== */
323/* ========== Components ========== */
324/* ========== Standard Buttons ========== */
325/* ========== Icon Toggles ========== */
326/* ========== Radio Buttons ========== */
327/* ========== Ripple effect ========== */
328/* ========== Layout ========== */
329/* ========== Content Tabs ========== */
330/* ========== Checkboxes ========== */
331/* ========== Switches ========== */
332/* ========== Spinner ========== */
333/* ========== Text fields ========== */
334/* ========== Card ========== */
335/* ========== Sliders ========== */
336/* ========== Progress ========== */
337/* ========== List ========== */
338/* ========== Item ========== */
339/* ========== Dropdown menu ========== */
340/* ========== Tooltips ========== */
341/* ========== Footer ========== */
342/* TEXTFIELD */
343/* SWITCH */
344/* SPINNER */
345/* RADIO */
346/* MENU */
347/* LIST */
348/* LAYOUT */
349/* ICON TOGGLE */
350/* FOOTER */
351/*mega-footer*/
352/*mini-footer*/
353/* CHECKBOX */
354/* CARD */
355/* Card dimensions */
356/* Cover image */
357/* BUTTON */
358/**
359 *
360 * Dimensions
361 *
362 */
363/* ANIMATION */
364/* PROGRESS */
365/* BADGE */
366/* SHADOWS */
367/* GRID */
368/* DATA TABLE */
369/* DIALOG */
370/* SNACKBAR */
371/* TOOLTIP */
372/* CHIP */
373/*
374 * What follows is the result of much research on cross-browser styling.
375 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
376 * Kroc Camen, and the H5BP dev community and team.
377 */
378/* ==========================================================================
379 Base styles: opinionated defaults
380 ========================================================================== */
381html {
382 color: rgba(0,0,0, 0.87);
383 font-size: 1em;
384 line-height: 1.4; }
385
386/*
387 * Remove text-shadow in selection highlight:
388 * https://twitter.com/miketaylr/status/12228805301
389 *
390 * These selection rule sets have to be separate.
391 * Customize the background color to match your design.
392 */
393::-moz-selection {
394 background: #b3d4fc;
395 text-shadow: none; }
396::selection {
397 background: #b3d4fc;
398 text-shadow: none; }
399
400/*
401 * A better looking default horizontal rule
402 */
403hr {
404 display: block;
405 height: 1px;
406 border: 0;
407 border-top: 1px solid #ccc;
408 margin: 1em 0;
409 padding: 0; }
410
411/*
412 * Remove the gap between audio, canvas, iframes,
413 * images, videos and the bottom of their containers:
414 * https://github.com/h5bp/html5-boilerplate/issues/440
415 */
416audio,
417canvas,
418iframe,
419img,
420svg,
421video {
422 vertical-align: middle; }
423
424/*
425 * Remove default fieldset styles.
426 */
427fieldset {
428 border: 0;
429 margin: 0;
430 padding: 0; }
431
432/*
433 * Allow only vertical resizing of textareas.
434 */
435textarea {
436 resize: vertical; }
437
438/* ==========================================================================
439 Browser Upgrade Prompt
440 ========================================================================== */
441.browserupgrade {
442 margin: 0.2em 0;
443 background: #ccc;
444 color: #000;
445 padding: 0.2em 0; }
446
447/* ==========================================================================
448 Author's custom styles
449 ========================================================================== */
450/* ==========================================================================
451 Helper classes
452 ========================================================================== */
453/*
454 * Hide visually and from screen readers:
455 */
456.hidden {
457 display: none !important; }
458
459/*
460 * Hide only visually, but have it available for screen readers:
461 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
462 */
463.visuallyhidden {
464 border: 0;
465 clip: rect(0 0 0 0);
466 height: 1px;
467 margin: -1px;
468 overflow: hidden;
469 padding: 0;
470 position: absolute;
471 width: 1px; }
472
473/*
474 * Extends the .visuallyhidden class to allow the element
475 * to be focusable when navigated to via the keyboard:
476 * https://www.drupal.org/node/897638
477 */
478.visuallyhidden.focusable:active,
479.visuallyhidden.focusable:focus {
480 clip: auto;
481 height: auto;
482 margin: 0;
483 overflow: visible;
484 position: static;
485 width: auto; }
486
487/*
488 * Hide visually and from screen readers, but maintain layout
489 */
490.invisible {
491 visibility: hidden; }
492
493/*
494 * Clearfix: contain floats
495 *
496 * For modern browsers
497 * 1. The space content is one way to avoid an Opera bug when the
498 * `contenteditable` attribute is included anywhere else in the document.
499 * Otherwise it causes space to appear at the top and bottom of elements
500 * that receive the `clearfix` class.
501 * 2. The use of `table` rather than `block` is only necessary if using
502 * `:before` to contain the top-margins of child elements.
503 */
504.clearfix:before,
505.clearfix:after {
506 content: " ";
507 /* 1 */
508 display: table;
509 /* 2 */ }
510
511.clearfix:after {
512 clear: both; }
513
514/* ==========================================================================
515 EXAMPLE Media Queries for Responsive Design.
516 These examples override the primary ('mobile first') styles.
517 Modify as content requires.
518 ========================================================================== */
519@media only screen and (min-width: 35em) {
520 /* Style adjustments for viewports that meet the condition */ }
521
522@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
523 /* Style adjustments for high resolution devices */ }
524
525/* ==========================================================================
526 Print styles.
527 Inlined to avoid the additional HTTP request:
528 http://www.phpied.com/delay-loading-your-print-css/
529 ========================================================================== */
530@media print {
531 *,
532 *:before,
533 *:after,
534 *:first-letter {
535 background: transparent !important;
536 color: #000 !important;
537 /* Black prints faster: http://www.sanbeiji.com/archives/953 */
538 box-shadow: none !important; }
539 a,
540 a:visited {
541 text-decoration: underline; }
542 a[href]:after {
543 content: " (" attr(href) ")"; }
544 abbr[title]:after {
545 content: " (" attr(title) ")"; }
546 /*
547 * Don't show links that are fragment identifiers,
548 * or use the `javascript:` pseudo protocol
549 */
550 a[href^="#"]:after,
551 a[href^="javascript:"]:after {
552 content: ""; }
553 pre,
554 blockquote {
555 border: 1px solid #999;
556 page-break-inside: avoid; }
557 /*
558 * Printing Tables:
559 * http://css-discuss.incutio.com/wiki/Printing_Tables
560 */
561 thead {
562 display: table-header-group; }
563 tr,
564 img {
565 page-break-inside: avoid; }
566 img {
567 max-width: 100% !important; }
568 p,
569 h2,
570 h3 {
571 orphans: 3;
572 widows: 3; }
573 h2,
574 h3 {
575 page-break-after: avoid; } }
576
577/**
578 * Copyright 2015 Google Inc. All Rights Reserved.
579 *
580 * Licensed under the Apache License, Version 2.0 (the "License");
581 * you may not use this file except in compliance with the License.
582 * You may obtain a copy of the License at
583 *
584 * http://www.apache.org/licenses/LICENSE-2.0
585 *
586 * Unless required by applicable law or agreed to in writing, software
587 * distributed under the License is distributed on an "AS IS" BASIS,
588 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
589 * See the License for the specific language governing permissions and
590 * limitations under the License.
591 */
592/* Remove the unwanted box around FAB buttons */
593/* More info: http://goo.gl/IPwKi */
594a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
595.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
596 -webkit-tap-highlight-color: transparent;
597 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
598
599/*
600 * Make html take up the entire screen
601 * Then set touch-action to avoid touch delay on mobile IE
602 */
603html {
604 width: 100%;
605 height: 100%;
606 -ms-touch-action: manipulation;
607 touch-action: manipulation; }
608
609/*
610* Make body take up the entire screen
611* Remove body margin so layout containers don't cause extra overflow.
612*/
613body {
614 width: 100%;
615 min-height: 100%;
616 margin: 0; }
617
618/*
619 * Main display reset for IE support.
620 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
621 */
622main {
623 display: block; }
624
625/*
626* Apply no display to elements with the hidden attribute.
627* IE 9 and 10 support.
628*/
629*[hidden] {
630 display: none !important; }
631
632/**
633 * Copyright 2015 Google Inc. All Rights Reserved.
634 *
635 * Licensed under the Apache License, Version 2.0 (the "License");
636 * you may not use this file except in compliance with the License.
637 * You may obtain a copy of the License at
638 *
639 * http://www.apache.org/licenses/LICENSE-2.0
640 *
641 * Unless required by applicable law or agreed to in writing, software
642 * distributed under the License is distributed on an "AS IS" BASIS,
643 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
644 * See the License for the specific language governing permissions and
645 * limitations under the License.
646 */
647/**
648 * Copyright 2015 Google Inc. All Rights Reserved.
649 *
650 * Licensed under the Apache License, Version 2.0 (the "License");
651 * you may not use this file except in compliance with the License.
652 * You may obtain a copy of the License at
653 *
654 * http://www.apache.org/licenses/LICENSE-2.0
655 *
656 * Unless required by applicable law or agreed to in writing, software
657 * distributed under the License is distributed on an "AS IS" BASIS,
658 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
659 * See the License for the specific language governing permissions and
660 * limitations under the License.
661 */
662/*------------------------------------* $CONTENTS
663\*------------------------------------*/
664/**
665 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
666 * -----Typography
667 * -----Colors
668 * -----Textfield
669 * -----Switch
670 * -----Spinner
671 * -----Radio
672 * -----Menu
673 * -----List
674 * -----Layout
675 * -----Icon toggles
676 * -----Footer
677 * -----Column
678 * -----Checkbox
679 * -----Card
680 * -----Button
681 * -----Animation
682 * -----Progress
683 * -----Badge
684 * -----Shadows
685 * -----Grid
686 * -----Data table
687 * -----Dialog
688 * -----Snackbar
689 * -----Tooltip
690 * -----Chip
691 *
692 * Even though all variables have the `!default` directive, most of them
693 * should not be changed as they are dependent one another. This can cause
694 * visual distortions (like alignment issues) that are hard to track down
695 * and fix.
696 */
697/* ========== TYPOGRAPHY ========== */
698/* We're splitting fonts into "preferred" and "performance" in order to optimize
699 page loading. For important text, such as the body, we want it to load
700 immediately and not wait for the web font load, whereas for other sections,
701 such as headers and titles, we're OK with things taking a bit longer to load.
702 We do have some optional classes and parameters in the mixins, in case you
703 definitely want to make sure you're using the preferred font and don't mind
704 the performance hit.
705 We should be able to improve on this once CSS Font Loading L3 becomes more
706 widely available.
707*/
708/* ========== COLORS ========== */
709/**
710*
711* Material design color palettes.
712* @see http://www.google.com/design/spec/style/color.html
713*
714**/
715/**
716 * Copyright 2015 Google Inc. All Rights Reserved.
717 *
718 * Licensed under the Apache License, Version 2.0 (the "License");
719 * you may not use this file except in compliance with the License.
720 * You may obtain a copy of the License at
721 *
722 * http://www.apache.org/licenses/LICENSE-2.0
723 *
724 * Unless required by applicable law or agreed to in writing, software
725 * distributed under the License is distributed on an "AS IS" BASIS,
726 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
727 * See the License for the specific language governing permissions and
728 * limitations under the License.
729 */
730/* ========== Color Palettes ========== */
731/* colors.scss */
732/**
733 * Copyright 2015 Google Inc. All Rights Reserved.
734 *
735 * Licensed under the Apache License, Version 2.0 (the "License");
736 * you may not use this file except in compliance with the License.
737 * You may obtain a copy of the License at
738 *
739 * http://www.apache.org/licenses/LICENSE-2.0
740 *
741 * Unless required by applicable law or agreed to in writing, software
742 * distributed under the License is distributed on an "AS IS" BASIS,
743 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
744 * See the License for the specific language governing permissions and
745 * limitations under the License.
746 */
747/* ========== IMAGES ========== */
748/* ========== Color & Themes ========== */
749/* ========== Typography ========== */
750/* ========== Components ========== */
751/* ========== Standard Buttons ========== */
752/* ========== Icon Toggles ========== */
753/* ========== Radio Buttons ========== */
754/* ========== Ripple effect ========== */
755/* ========== Layout ========== */
756/* ========== Content Tabs ========== */
757/* ========== Checkboxes ========== */
758/* ========== Switches ========== */
759/* ========== Spinner ========== */
760/* ========== Text fields ========== */
761/* ========== Card ========== */
762/* ========== Sliders ========== */
763/* ========== Progress ========== */
764/* ========== List ========== */
765/* ========== Item ========== */
766/* ========== Dropdown menu ========== */
767/* ========== Tooltips ========== */
768/* ========== Footer ========== */
769/* TEXTFIELD */
770/* SWITCH */
771/* SPINNER */
772/* RADIO */
773/* MENU */
774/* LIST */
775/* LAYOUT */
776/* ICON TOGGLE */
777/* FOOTER */
778/*mega-footer*/
779/*mini-footer*/
780/* CHECKBOX */
781/* CARD */
782/* Card dimensions */
783/* Cover image */
784/* BUTTON */
785/**
786 *
787 * Dimensions
788 *
789 */
790/* ANIMATION */
791/* PROGRESS */
792/* BADGE */
793/* SHADOWS */
794/* GRID */
795/* DATA TABLE */
796/* DIALOG */
797/* SNACKBAR */
798/* TOOLTIP */
799/* CHIP */
800/**
801 * Copyright 2015 Google Inc. All Rights Reserved.
802 *
803 * Licensed under the Apache License, Version 2.0 (the "License");
804 * you may not use this file except in compliance with the License.
805 * You may obtain a copy of the License at
806 *
807 * http://www.apache.org/licenses/LICENSE-2.0
808 *
809 * Unless required by applicable law or agreed to in writing, software
810 * distributed under the License is distributed on an "AS IS" BASIS,
811 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
812 * See the License for the specific language governing permissions and
813 * limitations under the License.
814 */
815/* Typography */
816/* Shadows */
817/* Animations */
818/* Dialog */
819html, body {
820 font-family: "Helvetica", "Arial", sans-serif;
821 font-size: 14px;
822 font-weight: 400;
823 line-height: 20px; }
824
825h1, h2, h3, h4, h5, h6, p {
826 margin: 0;
827 padding: 0; }
828
829/**
830 * Styles for HTML elements
831 */
832h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
833 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
834 font-size: 56px;
835 font-weight: 400;
836 line-height: 1.35;
837 letter-spacing: -0.02em;
838 opacity: 0.54;
839 font-size: 0.6em; }
840
841h1 {
842 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
843 font-size: 56px;
844 font-weight: 400;
845 line-height: 1.35;
846 letter-spacing: -0.02em;
847 margin-top: 24px;
848 margin-bottom: 24px; }
849
850h2 {
851 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
852 font-size: 45px;
853 font-weight: 400;
854 line-height: 48px;
855 margin-top: 24px;
856 margin-bottom: 24px; }
857
858h3 {
859 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
860 font-size: 34px;
861 font-weight: 400;
862 line-height: 40px;
863 margin-top: 24px;
864 margin-bottom: 24px; }
865
866h4 {
867 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
868 font-size: 24px;
869 font-weight: 400;
870 line-height: 32px;
871 -moz-osx-font-smoothing: grayscale;
872 margin-top: 24px;
873 margin-bottom: 16px; }
874
875h5 {
876 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
877 font-size: 20px;
878 font-weight: 500;
879 line-height: 1;
880 letter-spacing: 0.02em;
881 margin-top: 24px;
882 margin-bottom: 16px; }
883
884h6 {
885 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
886 font-size: 16px;
887 font-weight: 400;
888 line-height: 24px;
889 letter-spacing: 0.04em;
890 margin-top: 24px;
891 margin-bottom: 16px; }
892
893p {
894 font-size: 14px;
895 font-weight: 400;
896 line-height: 24px;
897 letter-spacing: 0;
898 margin-bottom: 16px; }
899
900a {
901 color: rgb(255,64,129);
902 font-weight: 500; }
903
904blockquote {
905 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
906 position: relative;
907 font-size: 24px;
908 font-weight: 300;
909 font-style: italic;
910 line-height: 1.35;
911 letter-spacing: 0.08em; }
912 blockquote:before {
913 position: absolute;
914 left: -0.5em;
915 content: '“'; }
916 blockquote:after {
917 content: '”';
918 margin-left: -0.05em; }
919
920mark {
921 background-color: #f4ff81; }
922
923dt {
924 font-weight: 700; }
925
926address {
927 font-size: 12px;
928 font-weight: 400;
929 line-height: 1;
930 letter-spacing: 0;
931 font-style: normal; }
932
933ul, ol {
934 font-size: 14px;
935 font-weight: 400;
936 line-height: 24px;
937 letter-spacing: 0; }
938
939/**
940 * Class Name Styles
941 */
942.mdl-typography--display-4 {
943 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
944 font-size: 112px;
945 font-weight: 300;
946 line-height: 1;
947 letter-spacing: -0.04em; }
948
949.mdl-typography--display-4-color-contrast {
950 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
951 font-size: 112px;
952 font-weight: 300;
953 line-height: 1;
954 letter-spacing: -0.04em;
955 opacity: 0.54; }
956
957.mdl-typography--display-3 {
958 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
959 font-size: 56px;
960 font-weight: 400;
961 line-height: 1.35;
962 letter-spacing: -0.02em; }
963
964.mdl-typography--display-3-color-contrast {
965 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
966 font-size: 56px;
967 font-weight: 400;
968 line-height: 1.35;
969 letter-spacing: -0.02em;
970 opacity: 0.54; }
971
972.mdl-typography--display-2 {
973 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
974 font-size: 45px;
975 font-weight: 400;
976 line-height: 48px; }
977
978.mdl-typography--display-2-color-contrast {
979 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
980 font-size: 45px;
981 font-weight: 400;
982 line-height: 48px;
983 opacity: 0.54; }
984
985.mdl-typography--display-1 {
986 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
987 font-size: 34px;
988 font-weight: 400;
989 line-height: 40px; }
990
991.mdl-typography--display-1-color-contrast {
992 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
993 font-size: 34px;
994 font-weight: 400;
995 line-height: 40px;
996 opacity: 0.54; }
997
998.mdl-typography--headline {
999 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1000 font-size: 24px;
1001 font-weight: 400;
1002 line-height: 32px;
1003 -moz-osx-font-smoothing: grayscale; }
1004
1005.mdl-typography--headline-color-contrast {
1006 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1007 font-size: 24px;
1008 font-weight: 400;
1009 line-height: 32px;
1010 -moz-osx-font-smoothing: grayscale;
1011 opacity: 0.87; }
1012
1013.mdl-typography--title {
1014 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1015 font-size: 20px;
1016 font-weight: 500;
1017 line-height: 1;
1018 letter-spacing: 0.02em; }
1019
1020.mdl-typography--title-color-contrast {
1021 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1022 font-size: 20px;
1023 font-weight: 500;
1024 line-height: 1;
1025 letter-spacing: 0.02em;
1026 opacity: 0.87; }
1027
1028.mdl-typography--subhead {
1029 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1030 font-size: 16px;
1031 font-weight: 400;
1032 line-height: 24px;
1033 letter-spacing: 0.04em; }
1034
1035.mdl-typography--subhead-color-contrast {
1036 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1037 font-size: 16px;
1038 font-weight: 400;
1039 line-height: 24px;
1040 letter-spacing: 0.04em;
1041 opacity: 0.87; }
1042
1043.mdl-typography--body-2 {
1044 font-size: 14px;
1045 font-weight: bold;
1046 line-height: 24px;
1047 letter-spacing: 0; }
1048
1049.mdl-typography--body-2-color-contrast {
1050 font-size: 14px;
1051 font-weight: bold;
1052 line-height: 24px;
1053 letter-spacing: 0;
1054 opacity: 0.87; }
1055
1056.mdl-typography--body-1 {
1057 font-size: 14px;
1058 font-weight: 400;
1059 line-height: 24px;
1060 letter-spacing: 0; }
1061
1062.mdl-typography--body-1-color-contrast {
1063 font-size: 14px;
1064 font-weight: 400;
1065 line-height: 24px;
1066 letter-spacing: 0;
1067 opacity: 0.87; }
1068
1069.mdl-typography--body-2-force-preferred-font {
1070 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1071 font-size: 14px;
1072 font-weight: 500;
1073 line-height: 24px;
1074 letter-spacing: 0; }
1075
1076.mdl-typography--body-2-force-preferred-font-color-contrast {
1077 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1078 font-size: 14px;
1079 font-weight: 500;
1080 line-height: 24px;
1081 letter-spacing: 0;
1082 opacity: 0.87; }
1083
1084.mdl-typography--body-1-force-preferred-font {
1085 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1086 font-size: 14px;
1087 font-weight: 400;
1088 line-height: 24px;
1089 letter-spacing: 0; }
1090
1091.mdl-typography--body-1-force-preferred-font-color-contrast {
1092 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1093 font-size: 14px;
1094 font-weight: 400;
1095 line-height: 24px;
1096 letter-spacing: 0;
1097 opacity: 0.87; }
1098
1099.mdl-typography--caption {
1100 font-size: 12px;
1101 font-weight: 400;
1102 line-height: 1;
1103 letter-spacing: 0; }
1104
1105.mdl-typography--caption-force-preferred-font {
1106 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1107 font-size: 12px;
1108 font-weight: 400;
1109 line-height: 1;
1110 letter-spacing: 0; }
1111
1112.mdl-typography--caption-color-contrast {
1113 font-size: 12px;
1114 font-weight: 400;
1115 line-height: 1;
1116 letter-spacing: 0;
1117 opacity: 0.54; }
1118
1119.mdl-typography--caption-force-preferred-font-color-contrast {
1120 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1121 font-size: 12px;
1122 font-weight: 400;
1123 line-height: 1;
1124 letter-spacing: 0;
1125 opacity: 0.54; }
1126
1127.mdl-typography--menu {
1128 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1129 font-size: 14px;
1130 font-weight: 500;
1131 line-height: 1;
1132 letter-spacing: 0; }
1133
1134.mdl-typography--menu-color-contrast {
1135 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1136 font-size: 14px;
1137 font-weight: 500;
1138 line-height: 1;
1139 letter-spacing: 0;
1140 opacity: 0.87; }
1141
1142.mdl-typography--button {
1143 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1144 font-size: 14px;
1145 font-weight: 500;
1146 text-transform: uppercase;
1147 line-height: 1;
1148 letter-spacing: 0; }
1149
1150.mdl-typography--button-color-contrast {
1151 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1152 font-size: 14px;
1153 font-weight: 500;
1154 text-transform: uppercase;
1155 line-height: 1;
1156 letter-spacing: 0;
1157 opacity: 0.87; }
1158
1159.mdl-typography--text-left {
1160 text-align: left; }
1161
1162.mdl-typography--text-right {
1163 text-align: right; }
1164
1165.mdl-typography--text-center {
1166 text-align: center; }
1167
1168.mdl-typography--text-justify {
1169 text-align: justify; }
1170
1171.mdl-typography--text-nowrap {
1172 white-space: nowrap; }
1173
1174.mdl-typography--text-lowercase {
1175 text-transform: lowercase; }
1176
1177.mdl-typography--text-uppercase {
1178 text-transform: uppercase; }
1179
1180.mdl-typography--text-capitalize {
1181 text-transform: capitalize; }
1182
1183.mdl-typography--font-thin {
1184 font-weight: 200 !important; }
1185
1186.mdl-typography--font-light {
1187 font-weight: 300 !important; }
1188
1189.mdl-typography--font-regular {
1190 font-weight: 400 !important; }
1191
1192.mdl-typography--font-medium {
1193 font-weight: 500 !important; }
1194
1195.mdl-typography--font-bold {
1196 font-weight: 700 !important; }
1197
1198.mdl-typography--font-black {
1199 font-weight: 900 !important; }
1200
1201.material-icons {
1202 font-family: 'Material Icons';
1203 font-weight: normal;
1204 font-style: normal;
1205 font-size: 24px;
1206 line-height: 1;
1207 letter-spacing: normal;
1208 text-transform: none;
1209 display: inline-block;
1210 word-wrap: normal;
1211 -moz-font-feature-settings: 'liga';
1212 font-feature-settings: 'liga';
1213 -webkit-font-feature-settings: 'liga';
1214 -webkit-font-smoothing: antialiased; }
1215
1216/**
1217 * Copyright 2015 Google Inc. All Rights Reserved.
1218 *
1219 * Licensed under the Apache License, Version 2.0 (the "License");
1220 * you may not use this file except in compliance with the License.
1221 * You may obtain a copy of the License at
1222 *
1223 * http://www.apache.org/licenses/LICENSE-2.0
1224 *
1225 * Unless required by applicable law or agreed to in writing, software
1226 * distributed under the License is distributed on an "AS IS" BASIS,
1227 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1228 * See the License for the specific language governing permissions and
1229 * limitations under the License.
1230 */
1231/**
1232 * Copyright 2015 Google Inc. All Rights Reserved.
1233 *
1234 * Licensed under the Apache License, Version 2.0 (the "License");
1235 * you may not use this file except in compliance with the License.
1236 * You may obtain a copy of the License at
1237 *
1238 * http://www.apache.org/licenses/LICENSE-2.0
1239 *
1240 * Unless required by applicable law or agreed to in writing, software
1241 * distributed under the License is distributed on an "AS IS" BASIS,
1242 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1243 * See the License for the specific language governing permissions and
1244 * limitations under the License.
1245 */
1246/*------------------------------------* $CONTENTS
1247\*------------------------------------*/
1248/**
1249 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
1250 * -----Typography
1251 * -----Colors
1252 * -----Textfield
1253 * -----Switch
1254 * -----Spinner
1255 * -----Radio
1256 * -----Menu
1257 * -----List
1258 * -----Layout
1259 * -----Icon toggles
1260 * -----Footer
1261 * -----Column
1262 * -----Checkbox
1263 * -----Card
1264 * -----Button
1265 * -----Animation
1266 * -----Progress
1267 * -----Badge
1268 * -----Shadows
1269 * -----Grid
1270 * -----Data table
1271 * -----Dialog
1272 * -----Snackbar
1273 * -----Tooltip
1274 * -----Chip
1275 *
1276 * Even though all variables have the `!default` directive, most of them
1277 * should not be changed as they are dependent one another. This can cause
1278 * visual distortions (like alignment issues) that are hard to track down
1279 * and fix.
1280 */
1281/* ========== TYPOGRAPHY ========== */
1282/* We're splitting fonts into "preferred" and "performance" in order to optimize
1283 page loading. For important text, such as the body, we want it to load
1284 immediately and not wait for the web font load, whereas for other sections,
1285 such as headers and titles, we're OK with things taking a bit longer to load.
1286 We do have some optional classes and parameters in the mixins, in case you
1287 definitely want to make sure you're using the preferred font and don't mind
1288 the performance hit.
1289 We should be able to improve on this once CSS Font Loading L3 becomes more
1290 widely available.
1291*/
1292/* ========== COLORS ========== */
1293/**
1294*
1295* Material design color palettes.
1296* @see http://www.google.com/design/spec/style/color.html
1297*
1298**/
1299/**
1300 * Copyright 2015 Google Inc. All Rights Reserved.
1301 *
1302 * Licensed under the Apache License, Version 2.0 (the "License");
1303 * you may not use this file except in compliance with the License.
1304 * You may obtain a copy of the License at
1305 *
1306 * http://www.apache.org/licenses/LICENSE-2.0
1307 *
1308 * Unless required by applicable law or agreed to in writing, software
1309 * distributed under the License is distributed on an "AS IS" BASIS,
1310 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1311 * See the License for the specific language governing permissions and
1312 * limitations under the License.
1313 */
1314/* ========== Color Palettes ========== */
1315/* colors.scss */
1316/**
1317 * Copyright 2015 Google Inc. All Rights Reserved.
1318 *
1319 * Licensed under the Apache License, Version 2.0 (the "License");
1320 * you may not use this file except in compliance with the License.
1321 * You may obtain a copy of the License at
1322 *
1323 * http://www.apache.org/licenses/LICENSE-2.0
1324 *
1325 * Unless required by applicable law or agreed to in writing, software
1326 * distributed under the License is distributed on an "AS IS" BASIS,
1327 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1328 * See the License for the specific language governing permissions and
1329 * limitations under the License.
1330 */
1331/* ========== IMAGES ========== */
1332/* ========== Color & Themes ========== */
1333/* ========== Typography ========== */
1334/* ========== Components ========== */
1335/* ========== Standard Buttons ========== */
1336/* ========== Icon Toggles ========== */
1337/* ========== Radio Buttons ========== */
1338/* ========== Ripple effect ========== */
1339/* ========== Layout ========== */
1340/* ========== Content Tabs ========== */
1341/* ========== Checkboxes ========== */
1342/* ========== Switches ========== */
1343/* ========== Spinner ========== */
1344/* ========== Text fields ========== */
1345/* ========== Card ========== */
1346/* ========== Sliders ========== */
1347/* ========== Progress ========== */
1348/* ========== List ========== */
1349/* ========== Item ========== */
1350/* ========== Dropdown menu ========== */
1351/* ========== Tooltips ========== */
1352/* ========== Footer ========== */
1353/* TEXTFIELD */
1354/* SWITCH */
1355/* SPINNER */
1356/* RADIO */
1357/* MENU */
1358/* LIST */
1359/* LAYOUT */
1360/* ICON TOGGLE */
1361/* FOOTER */
1362/*mega-footer*/
1363/*mini-footer*/
1364/* CHECKBOX */
1365/* CARD */
1366/* Card dimensions */
1367/* Cover image */
1368/* BUTTON */
1369/**
1370 *
1371 * Dimensions
1372 *
1373 */
1374/* ANIMATION */
1375/* PROGRESS */
1376/* BADGE */
1377/* SHADOWS */
1378/* GRID */
1379/* DATA TABLE */
1380/* DIALOG */
1381/* SNACKBAR */
1382/* TOOLTIP */
1383/* CHIP */
1384.mdl-color-text--red {
1385 color: rgb(244,67,54) !important; }
1386
1387.mdl-color--red {
1388 background-color: rgb(244,67,54) !important; }
1389
1390.mdl-color-text--red-50 {
1391 color: rgb(255,235,238) !important; }
1392
1393.mdl-color--red-50 {
1394 background-color: rgb(255,235,238) !important; }
1395
1396.mdl-color-text--red-100 {
1397 color: rgb(255,205,210) !important; }
1398
1399.mdl-color--red-100 {
1400 background-color: rgb(255,205,210) !important; }
1401
1402.mdl-color-text--red-200 {
1403 color: rgb(239,154,154) !important; }
1404
1405.mdl-color--red-200 {
1406 background-color: rgb(239,154,154) !important; }
1407
1408.mdl-color-text--red-300 {
1409 color: rgb(229,115,115) !important; }
1410
1411.mdl-color--red-300 {
1412 background-color: rgb(229,115,115) !important; }
1413
1414.mdl-color-text--red-400 {
1415 color: rgb(239,83,80) !important; }
1416
1417.mdl-color--red-400 {
1418 background-color: rgb(239,83,80) !important; }
1419
1420.mdl-color-text--red-500 {
1421 color: rgb(244,67,54) !important; }
1422
1423.mdl-color--red-500 {
1424 background-color: rgb(244,67,54) !important; }
1425
1426.mdl-color-text--red-600 {
1427 color: rgb(229,57,53) !important; }
1428
1429.mdl-color--red-600 {
1430 background-color: rgb(229,57,53) !important; }
1431
1432.mdl-color-text--red-700 {
1433 color: rgb(211,47,47) !important; }
1434
1435.mdl-color--red-700 {
1436 background-color: rgb(211,47,47) !important; }
1437
1438.mdl-color-text--red-800 {
1439 color: rgb(198,40,40) !important; }
1440
1441.mdl-color--red-800 {
1442 background-color: rgb(198,40,40) !important; }
1443
1444.mdl-color-text--red-900 {
1445 color: rgb(183,28,28) !important; }
1446
1447.mdl-color--red-900 {
1448 background-color: rgb(183,28,28) !important; }
1449
1450.mdl-color-text--red-A100 {
1451 color: rgb(255,138,128) !important; }
1452
1453.mdl-color--red-A100 {
1454 background-color: rgb(255,138,128) !important; }
1455
1456.mdl-color-text--red-A200 {
1457 color: rgb(255,82,82) !important; }
1458
1459.mdl-color--red-A200 {
1460 background-color: rgb(255,82,82) !important; }
1461
1462.mdl-color-text--red-A400 {
1463 color: rgb(255,23,68) !important; }
1464
1465.mdl-color--red-A400 {
1466 background-color: rgb(255,23,68) !important; }
1467
1468.mdl-color-text--red-A700 {
1469 color: rgb(213,0,0) !important; }
1470
1471.mdl-color--red-A700 {
1472 background-color: rgb(213,0,0) !important; }
1473
1474.mdl-color-text--pink {
1475 color: rgb(233,30,99) !important; }
1476
1477.mdl-color--pink {
1478 background-color: rgb(233,30,99) !important; }
1479
1480.mdl-color-text--pink-50 {
1481 color: rgb(252,228,236) !important; }
1482
1483.mdl-color--pink-50 {
1484 background-color: rgb(252,228,236) !important; }
1485
1486.mdl-color-text--pink-100 {
1487 color: rgb(248,187,208) !important; }
1488
1489.mdl-color--pink-100 {
1490 background-color: rgb(248,187,208) !important; }
1491
1492.mdl-color-text--pink-200 {
1493 color: rgb(244,143,177) !important; }
1494
1495.mdl-color--pink-200 {
1496 background-color: rgb(244,143,177) !important; }
1497
1498.mdl-color-text--pink-300 {
1499 color: rgb(240,98,146) !important; }
1500
1501.mdl-color--pink-300 {
1502 background-color: rgb(240,98,146) !important; }
1503
1504.mdl-color-text--pink-400 {
1505 color: rgb(236,64,122) !important; }
1506
1507.mdl-color--pink-400 {
1508 background-color: rgb(236,64,122) !important; }
1509
1510.mdl-color-text--pink-500 {
1511 color: rgb(233,30,99) !important; }
1512
1513.mdl-color--pink-500 {
1514 background-color: rgb(233,30,99) !important; }
1515
1516.mdl-color-text--pink-600 {
1517 color: rgb(216,27,96) !important; }
1518
1519.mdl-color--pink-600 {
1520 background-color: rgb(216,27,96) !important; }
1521
1522.mdl-color-text--pink-700 {
1523 color: rgb(194,24,91) !important; }
1524
1525.mdl-color--pink-700 {
1526 background-color: rgb(194,24,91) !important; }
1527
1528.mdl-color-text--pink-800 {
1529 color: rgb(173,20,87) !important; }
1530
1531.mdl-color--pink-800 {
1532 background-color: rgb(173,20,87) !important; }
1533
1534.mdl-color-text--pink-900 {
1535 color: rgb(136,14,79) !important; }
1536
1537.mdl-color--pink-900 {
1538 background-color: rgb(136,14,79) !important; }
1539
1540.mdl-color-text--pink-A100 {
1541 color: rgb(255,128,171) !important; }
1542
1543.mdl-color--pink-A100 {
1544 background-color: rgb(255,128,171) !important; }
1545
1546.mdl-color-text--pink-A200 {
1547 color: rgb(255,64,129) !important; }
1548
1549.mdl-color--pink-A200 {
1550 background-color: rgb(255,64,129) !important; }
1551
1552.mdl-color-text--pink-A400 {
1553 color: rgb(245,0,87) !important; }
1554
1555.mdl-color--pink-A400 {
1556 background-color: rgb(245,0,87) !important; }
1557
1558.mdl-color-text--pink-A700 {
1559 color: rgb(197,17,98) !important; }
1560
1561.mdl-color--pink-A700 {
1562 background-color: rgb(197,17,98) !important; }
1563
1564.mdl-color-text--purple {
1565 color: rgb(156,39,176) !important; }
1566
1567.mdl-color--purple {
1568 background-color: rgb(156,39,176) !important; }
1569
1570.mdl-color-text--purple-50 {
1571 color: rgb(243,229,245) !important; }
1572
1573.mdl-color--purple-50 {
1574 background-color: rgb(243,229,245) !important; }
1575
1576.mdl-color-text--purple-100 {
1577 color: rgb(225,190,231) !important; }
1578
1579.mdl-color--purple-100 {
1580 background-color: rgb(225,190,231) !important; }
1581
1582.mdl-color-text--purple-200 {
1583 color: rgb(206,147,216) !important; }
1584
1585.mdl-color--purple-200 {
1586 background-color: rgb(206,147,216) !important; }
1587
1588.mdl-color-text--purple-300 {
1589 color: rgb(186,104,200) !important; }
1590
1591.mdl-color--purple-300 {
1592 background-color: rgb(186,104,200) !important; }
1593
1594.mdl-color-text--purple-400 {
1595 color: rgb(171,71,188) !important; }
1596
1597.mdl-color--purple-400 {
1598 background-color: rgb(171,71,188) !important; }
1599
1600.mdl-color-text--purple-500 {
1601 color: rgb(156,39,176) !important; }
1602
1603.mdl-color--purple-500 {
1604 background-color: rgb(156,39,176) !important; }
1605
1606.mdl-color-text--purple-600 {
1607 color: rgb(142,36,170) !important; }
1608
1609.mdl-color--purple-600 {
1610 background-color: rgb(142,36,170) !important; }
1611
1612.mdl-color-text--purple-700 {
1613 color: rgb(123,31,162) !important; }
1614
1615.mdl-color--purple-700 {
1616 background-color: rgb(123,31,162) !important; }
1617
1618.mdl-color-text--purple-800 {
1619 color: rgb(106,27,154) !important; }
1620
1621.mdl-color--purple-800 {
1622 background-color: rgb(106,27,154) !important; }
1623
1624.mdl-color-text--purple-900 {
1625 color: rgb(74,20,140) !important; }
1626
1627.mdl-color--purple-900 {
1628 background-color: rgb(74,20,140) !important; }
1629
1630.mdl-color-text--purple-A100 {
1631 color: rgb(234,128,252) !important; }
1632
1633.mdl-color--purple-A100 {
1634 background-color: rgb(234,128,252) !important; }
1635
1636.mdl-color-text--purple-A200 {
1637 color: rgb(224,64,251) !important; }
1638
1639.mdl-color--purple-A200 {
1640 background-color: rgb(224,64,251) !important; }
1641
1642.mdl-color-text--purple-A400 {
1643 color: rgb(213,0,249) !important; }
1644
1645.mdl-color--purple-A400 {
1646 background-color: rgb(213,0,249) !important; }
1647
1648.mdl-color-text--purple-A700 {
1649 color: rgb(170,0,255) !important; }
1650
1651.mdl-color--purple-A700 {
1652 background-color: rgb(170,0,255) !important; }
1653
1654.mdl-color-text--deep-purple {
1655 color: rgb(103,58,183) !important; }
1656
1657.mdl-color--deep-purple {
1658 background-color: rgb(103,58,183) !important; }
1659
1660.mdl-color-text--deep-purple-50 {
1661 color: rgb(237,231,246) !important; }
1662
1663.mdl-color--deep-purple-50 {
1664 background-color: rgb(237,231,246) !important; }
1665
1666.mdl-color-text--deep-purple-100 {
1667 color: rgb(209,196,233) !important; }
1668
1669.mdl-color--deep-purple-100 {
1670 background-color: rgb(209,196,233) !important; }
1671
1672.mdl-color-text--deep-purple-200 {
1673 color: rgb(179,157,219) !important; }
1674
1675.mdl-color--deep-purple-200 {
1676 background-color: rgb(179,157,219) !important; }
1677
1678.mdl-color-text--deep-purple-300 {
1679 color: rgb(149,117,205) !important; }
1680
1681.mdl-color--deep-purple-300 {
1682 background-color: rgb(149,117,205) !important; }
1683
1684.mdl-color-text--deep-purple-400 {
1685 color: rgb(126,87,194) !important; }
1686
1687.mdl-color--deep-purple-400 {
1688 background-color: rgb(126,87,194) !important; }
1689
1690.mdl-color-text--deep-purple-500 {
1691 color: rgb(103,58,183) !important; }
1692
1693.mdl-color--deep-purple-500 {
1694 background-color: rgb(103,58,183) !important; }
1695
1696.mdl-color-text--deep-purple-600 {
1697 color: rgb(94,53,177) !important; }
1698
1699.mdl-color--deep-purple-600 {
1700 background-color: rgb(94,53,177) !important; }
1701
1702.mdl-color-text--deep-purple-700 {
1703 color: rgb(81,45,168) !important; }
1704
1705.mdl-color--deep-purple-700 {
1706 background-color: rgb(81,45,168) !important; }
1707
1708.mdl-color-text--deep-purple-800 {
1709 color: rgb(69,39,160) !important; }
1710
1711.mdl-color--deep-purple-800 {
1712 background-color: rgb(69,39,160) !important; }
1713
1714.mdl-color-text--deep-purple-900 {
1715 color: rgb(49,27,146) !important; }
1716
1717.mdl-color--deep-purple-900 {
1718 background-color: rgb(49,27,146) !important; }
1719
1720.mdl-color-text--deep-purple-A100 {
1721 color: rgb(179,136,255) !important; }
1722
1723.mdl-color--deep-purple-A100 {
1724 background-color: rgb(179,136,255) !important; }
1725
1726.mdl-color-text--deep-purple-A200 {
1727 color: rgb(124,77,255) !important; }
1728
1729.mdl-color--deep-purple-A200 {
1730 background-color: rgb(124,77,255) !important; }
1731
1732.mdl-color-text--deep-purple-A400 {
1733 color: rgb(101,31,255) !important; }
1734
1735.mdl-color--deep-purple-A400 {
1736 background-color: rgb(101,31,255) !important; }
1737
1738.mdl-color-text--deep-purple-A700 {
1739 color: rgb(98,0,234) !important; }
1740
1741.mdl-color--deep-purple-A700 {
1742 background-color: rgb(98,0,234) !important; }
1743
1744.mdl-color-text--indigo {
1745 color: rgb(63,81,181) !important; }
1746
1747.mdl-color--indigo {
1748 background-color: rgb(63,81,181) !important; }
1749
1750.mdl-color-text--indigo-50 {
1751 color: rgb(232,234,246) !important; }
1752
1753.mdl-color--indigo-50 {
1754 background-color: rgb(232,234,246) !important; }
1755
1756.mdl-color-text--indigo-100 {
1757 color: rgb(197,202,233) !important; }
1758
1759.mdl-color--indigo-100 {
1760 background-color: rgb(197,202,233) !important; }
1761
1762.mdl-color-text--indigo-200 {
1763 color: rgb(159,168,218) !important; }
1764
1765.mdl-color--indigo-200 {
1766 background-color: rgb(159,168,218) !important; }
1767
1768.mdl-color-text--indigo-300 {
1769 color: rgb(121,134,203) !important; }
1770
1771.mdl-color--indigo-300 {
1772 background-color: rgb(121,134,203) !important; }
1773
1774.mdl-color-text--indigo-400 {
1775 color: rgb(92,107,192) !important; }
1776
1777.mdl-color--indigo-400 {
1778 background-color: rgb(92,107,192) !important; }
1779
1780.mdl-color-text--indigo-500 {
1781 color: rgb(63,81,181) !important; }
1782
1783.mdl-color--indigo-500 {
1784 background-color: rgb(63,81,181) !important; }
1785
1786.mdl-color-text--indigo-600 {
1787 color: rgb(57,73,171) !important; }
1788
1789.mdl-color--indigo-600 {
1790 background-color: rgb(57,73,171) !important; }
1791
1792.mdl-color-text--indigo-700 {
1793 color: rgb(48,63,159) !important; }
1794
1795.mdl-color--indigo-700 {
1796 background-color: rgb(48,63,159) !important; }
1797
1798.mdl-color-text--indigo-800 {
1799 color: rgb(40,53,147) !important; }
1800
1801.mdl-color--indigo-800 {
1802 background-color: rgb(40,53,147) !important; }
1803
1804.mdl-color-text--indigo-900 {
1805 color: rgb(26,35,126) !important; }
1806
1807.mdl-color--indigo-900 {
1808 background-color: rgb(26,35,126) !important; }
1809
1810.mdl-color-text--indigo-A100 {
1811 color: rgb(140,158,255) !important; }
1812
1813.mdl-color--indigo-A100 {
1814 background-color: rgb(140,158,255) !important; }
1815
1816.mdl-color-text--indigo-A200 {
1817 color: rgb(83,109,254) !important; }
1818
1819.mdl-color--indigo-A200 {
1820 background-color: rgb(83,109,254) !important; }
1821
1822.mdl-color-text--indigo-A400 {
1823 color: rgb(61,90,254) !important; }
1824
1825.mdl-color--indigo-A400 {
1826 background-color: rgb(61,90,254) !important; }
1827
1828.mdl-color-text--indigo-A700 {
1829 color: rgb(48,79,254) !important; }
1830
1831.mdl-color--indigo-A700 {
1832 background-color: rgb(48,79,254) !important; }
1833
1834.mdl-color-text--blue {
1835 color: rgb(33,150,243) !important; }
1836
1837.mdl-color--blue {
1838 background-color: rgb(33,150,243) !important; }
1839
1840.mdl-color-text--blue-50 {
1841 color: rgb(227,242,253) !important; }
1842
1843.mdl-color--blue-50 {
1844 background-color: rgb(227,242,253) !important; }
1845
1846.mdl-color-text--blue-100 {
1847 color: rgb(187,222,251) !important; }
1848
1849.mdl-color--blue-100 {
1850 background-color: rgb(187,222,251) !important; }
1851
1852.mdl-color-text--blue-200 {
1853 color: rgb(144,202,249) !important; }
1854
1855.mdl-color--blue-200 {
1856 background-color: rgb(144,202,249) !important; }
1857
1858.mdl-color-text--blue-300 {
1859 color: rgb(100,181,246) !important; }
1860
1861.mdl-color--blue-300 {
1862 background-color: rgb(100,181,246) !important; }
1863
1864.mdl-color-text--blue-400 {
1865 color: rgb(66,165,245) !important; }
1866
1867.mdl-color--blue-400 {
1868 background-color: rgb(66,165,245) !important; }
1869
1870.mdl-color-text--blue-500 {
1871 color: rgb(33,150,243) !important; }
1872
1873.mdl-color--blue-500 {
1874 background-color: rgb(33,150,243) !important; }
1875
1876.mdl-color-text--blue-600 {
1877 color: rgb(30,136,229) !important; }
1878
1879.mdl-color--blue-600 {
1880 background-color: rgb(30,136,229) !important; }
1881
1882.mdl-color-text--blue-700 {
1883 color: rgb(25,118,210) !important; }
1884
1885.mdl-color--blue-700 {
1886 background-color: rgb(25,118,210) !important; }
1887
1888.mdl-color-text--blue-800 {
1889 color: rgb(21,101,192) !important; }
1890
1891.mdl-color--blue-800 {
1892 background-color: rgb(21,101,192) !important; }
1893
1894.mdl-color-text--blue-900 {
1895 color: rgb(13,71,161) !important; }
1896
1897.mdl-color--blue-900 {
1898 background-color: rgb(13,71,161) !important; }
1899
1900.mdl-color-text--blue-A100 {
1901 color: rgb(130,177,255) !important; }
1902
1903.mdl-color--blue-A100 {
1904 background-color: rgb(130,177,255) !important; }
1905
1906.mdl-color-text--blue-A200 {
1907 color: rgb(68,138,255) !important; }
1908
1909.mdl-color--blue-A200 {
1910 background-color: rgb(68,138,255) !important; }
1911
1912.mdl-color-text--blue-A400 {
1913 color: rgb(41,121,255) !important; }
1914
1915.mdl-color--blue-A400 {
1916 background-color: rgb(41,121,255) !important; }
1917
1918.mdl-color-text--blue-A700 {
1919 color: rgb(41,98,255) !important; }
1920
1921.mdl-color--blue-A700 {
1922 background-color: rgb(41,98,255) !important; }
1923
1924.mdl-color-text--light-blue {
1925 color: rgb(3,169,244) !important; }
1926
1927.mdl-color--light-blue {
1928 background-color: rgb(3,169,244) !important; }
1929
1930.mdl-color-text--light-blue-50 {
1931 color: rgb(225,245,254) !important; }
1932
1933.mdl-color--light-blue-50 {
1934 background-color: rgb(225,245,254) !important; }
1935
1936.mdl-color-text--light-blue-100 {
1937 color: rgb(179,229,252) !important; }
1938
1939.mdl-color--light-blue-100 {
1940 background-color: rgb(179,229,252) !important; }
1941
1942.mdl-color-text--light-blue-200 {
1943 color: rgb(129,212,250) !important; }
1944
1945.mdl-color--light-blue-200 {
1946 background-color: rgb(129,212,250) !important; }
1947
1948.mdl-color-text--light-blue-300 {
1949 color: rgb(79,195,247) !important; }
1950
1951.mdl-color--light-blue-300 {
1952 background-color: rgb(79,195,247) !important; }
1953
1954.mdl-color-text--light-blue-400 {
1955 color: rgb(41,182,246) !important; }
1956
1957.mdl-color--light-blue-400 {
1958 background-color: rgb(41,182,246) !important; }
1959
1960.mdl-color-text--light-blue-500 {
1961 color: rgb(3,169,244) !important; }
1962
1963.mdl-color--light-blue-500 {
1964 background-color: rgb(3,169,244) !important; }
1965
1966.mdl-color-text--light-blue-600 {
1967 color: rgb(3,155,229) !important; }
1968
1969.mdl-color--light-blue-600 {
1970 background-color: rgb(3,155,229) !important; }
1971
1972.mdl-color-text--light-blue-700 {
1973 color: rgb(2,136,209) !important; }
1974
1975.mdl-color--light-blue-700 {
1976 background-color: rgb(2,136,209) !important; }
1977
1978.mdl-color-text--light-blue-800 {
1979 color: rgb(2,119,189) !important; }
1980
1981.mdl-color--light-blue-800 {
1982 background-color: rgb(2,119,189) !important; }
1983
1984.mdl-color-text--light-blue-900 {
1985 color: rgb(1,87,155) !important; }
1986
1987.mdl-color--light-blue-900 {
1988 background-color: rgb(1,87,155) !important; }
1989
1990.mdl-color-text--light-blue-A100 {
1991 color: rgb(128,216,255) !important; }
1992
1993.mdl-color--light-blue-A100 {
1994 background-color: rgb(128,216,255) !important; }
1995
1996.mdl-color-text--light-blue-A200 {
1997 color: rgb(64,196,255) !important; }
1998
1999.mdl-color--light-blue-A200 {
2000 background-color: rgb(64,196,255) !important; }
2001
2002.mdl-color-text--light-blue-A400 {
2003 color: rgb(0,176,255) !important; }
2004
2005.mdl-color--light-blue-A400 {
2006 background-color: rgb(0,176,255) !important; }
2007
2008.mdl-color-text--light-blue-A700 {
2009 color: rgb(0,145,234) !important; }
2010
2011.mdl-color--light-blue-A700 {
2012 background-color: rgb(0,145,234) !important; }
2013
2014.mdl-color-text--cyan {
2015 color: rgb(0,188,212) !important; }
2016
2017.mdl-color--cyan {
2018 background-color: rgb(0,188,212) !important; }
2019
2020.mdl-color-text--cyan-50 {
2021 color: rgb(224,247,250) !important; }
2022
2023.mdl-color--cyan-50 {
2024 background-color: rgb(224,247,250) !important; }
2025
2026.mdl-color-text--cyan-100 {
2027 color: rgb(178,235,242) !important; }
2028
2029.mdl-color--cyan-100 {
2030 background-color: rgb(178,235,242) !important; }
2031
2032.mdl-color-text--cyan-200 {
2033 color: rgb(128,222,234) !important; }
2034
2035.mdl-color--cyan-200 {
2036 background-color: rgb(128,222,234) !important; }
2037
2038.mdl-color-text--cyan-300 {
2039 color: rgb(77,208,225) !important; }
2040
2041.mdl-color--cyan-300 {
2042 background-color: rgb(77,208,225) !important; }
2043
2044.mdl-color-text--cyan-400 {
2045 color: rgb(38,198,218) !important; }
2046
2047.mdl-color--cyan-400 {
2048 background-color: rgb(38,198,218) !important; }
2049
2050.mdl-color-text--cyan-500 {
2051 color: rgb(0,188,212) !important; }
2052
2053.mdl-color--cyan-500 {
2054 background-color: rgb(0,188,212) !important; }
2055
2056.mdl-color-text--cyan-600 {
2057 color: rgb(0,172,193) !important; }
2058
2059.mdl-color--cyan-600 {
2060 background-color: rgb(0,172,193) !important; }
2061
2062.mdl-color-text--cyan-700 {
2063 color: rgb(0,151,167) !important; }
2064
2065.mdl-color--cyan-700 {
2066 background-color: rgb(0,151,167) !important; }
2067
2068.mdl-color-text--cyan-800 {
2069 color: rgb(0,131,143) !important; }
2070
2071.mdl-color--cyan-800 {
2072 background-color: rgb(0,131,143) !important; }
2073
2074.mdl-color-text--cyan-900 {
2075 color: rgb(0,96,100) !important; }
2076
2077.mdl-color--cyan-900 {
2078 background-color: rgb(0,96,100) !important; }
2079
2080.mdl-color-text--cyan-A100 {
2081 color: rgb(132,255,255) !important; }
2082
2083.mdl-color--cyan-A100 {
2084 background-color: rgb(132,255,255) !important; }
2085
2086.mdl-color-text--cyan-A200 {
2087 color: rgb(24,255,255) !important; }
2088
2089.mdl-color--cyan-A200 {
2090 background-color: rgb(24,255,255) !important; }
2091
2092.mdl-color-text--cyan-A400 {
2093 color: rgb(0,229,255) !important; }
2094
2095.mdl-color--cyan-A400 {
2096 background-color: rgb(0,229,255) !important; }
2097
2098.mdl-color-text--cyan-A700 {
2099 color: rgb(0,184,212) !important; }
2100
2101.mdl-color--cyan-A700 {
2102 background-color: rgb(0,184,212) !important; }
2103
2104.mdl-color-text--teal {
2105 color: rgb(0,150,136) !important; }
2106
2107.mdl-color--teal {
2108 background-color: rgb(0,150,136) !important; }
2109
2110.mdl-color-text--teal-50 {
2111 color: rgb(224,242,241) !important; }
2112
2113.mdl-color--teal-50 {
2114 background-color: rgb(224,242,241) !important; }
2115
2116.mdl-color-text--teal-100 {
2117 color: rgb(178,223,219) !important; }
2118
2119.mdl-color--teal-100 {
2120 background-color: rgb(178,223,219) !important; }
2121
2122.mdl-color-text--teal-200 {
2123 color: rgb(128,203,196) !important; }
2124
2125.mdl-color--teal-200 {
2126 background-color: rgb(128,203,196) !important; }
2127
2128.mdl-color-text--teal-300 {
2129 color: rgb(77,182,172) !important; }
2130
2131.mdl-color--teal-300 {
2132 background-color: rgb(77,182,172) !important; }
2133
2134.mdl-color-text--teal-400 {
2135 color: rgb(38,166,154) !important; }
2136
2137.mdl-color--teal-400 {
2138 background-color: rgb(38,166,154) !important; }
2139
2140.mdl-color-text--teal-500 {
2141 color: rgb(0,150,136) !important; }
2142
2143.mdl-color--teal-500 {
2144 background-color: rgb(0,150,136) !important; }
2145
2146.mdl-color-text--teal-600 {
2147 color: rgb(0,137,123) !important; }
2148
2149.mdl-color--teal-600 {
2150 background-color: rgb(0,137,123) !important; }
2151
2152.mdl-color-text--teal-700 {
2153 color: rgb(0,121,107) !important; }
2154
2155.mdl-color--teal-700 {
2156 background-color: rgb(0,121,107) !important; }
2157
2158.mdl-color-text--teal-800 {
2159 color: rgb(0,105,92) !important; }
2160
2161.mdl-color--teal-800 {
2162 background-color: rgb(0,105,92) !important; }
2163
2164.mdl-color-text--teal-900 {
2165 color: rgb(0,77,64) !important; }
2166
2167.mdl-color--teal-900 {
2168 background-color: rgb(0,77,64) !important; }
2169
2170.mdl-color-text--teal-A100 {
2171 color: rgb(167,255,235) !important; }
2172
2173.mdl-color--teal-A100 {
2174 background-color: rgb(167,255,235) !important; }
2175
2176.mdl-color-text--teal-A200 {
2177 color: rgb(100,255,218) !important; }
2178
2179.mdl-color--teal-A200 {
2180 background-color: rgb(100,255,218) !important; }
2181
2182.mdl-color-text--teal-A400 {
2183 color: rgb(29,233,182) !important; }
2184
2185.mdl-color--teal-A400 {
2186 background-color: rgb(29,233,182) !important; }
2187
2188.mdl-color-text--teal-A700 {
2189 color: rgb(0,191,165) !important; }
2190
2191.mdl-color--teal-A700 {
2192 background-color: rgb(0,191,165) !important; }
2193
2194.mdl-color-text--green {
2195 color: rgb(76,175,80) !important; }
2196
2197.mdl-color--green {
2198 background-color: rgb(76,175,80) !important; }
2199
2200.mdl-color-text--green-50 {
2201 color: rgb(232,245,233) !important; }
2202
2203.mdl-color--green-50 {
2204 background-color: rgb(232,245,233) !important; }
2205
2206.mdl-color-text--green-100 {
2207 color: rgb(200,230,201) !important; }
2208
2209.mdl-color--green-100 {
2210 background-color: rgb(200,230,201) !important; }
2211
2212.mdl-color-text--green-200 {
2213 color: rgb(165,214,167) !important; }
2214
2215.mdl-color--green-200 {
2216 background-color: rgb(165,214,167) !important; }
2217
2218.mdl-color-text--green-300 {
2219 color: rgb(129,199,132) !important; }
2220
2221.mdl-color--green-300 {
2222 background-color: rgb(129,199,132) !important; }
2223
2224.mdl-color-text--green-400 {
2225 color: rgb(102,187,106) !important; }
2226
2227.mdl-color--green-400 {
2228 background-color: rgb(102,187,106) !important; }
2229
2230.mdl-color-text--green-500 {
2231 color: rgb(76,175,80) !important; }
2232
2233.mdl-color--green-500 {
2234 background-color: rgb(76,175,80) !important; }
2235
2236.mdl-color-text--green-600 {
2237 color: rgb(67,160,71) !important; }
2238
2239.mdl-color--green-600 {
2240 background-color: rgb(67,160,71) !important; }
2241
2242.mdl-color-text--green-700 {
2243 color: rgb(56,142,60) !important; }
2244
2245.mdl-color--green-700 {
2246 background-color: rgb(56,142,60) !important; }
2247
2248.mdl-color-text--green-800 {
2249 color: rgb(46,125,50) !important; }
2250
2251.mdl-color--green-800 {
2252 background-color: rgb(46,125,50) !important; }
2253
2254.mdl-color-text--green-900 {
2255 color: rgb(27,94,32) !important; }
2256
2257.mdl-color--green-900 {
2258 background-color: rgb(27,94,32) !important; }
2259
2260.mdl-color-text--green-A100 {
2261 color: rgb(185,246,202) !important; }
2262
2263.mdl-color--green-A100 {
2264 background-color: rgb(185,246,202) !important; }
2265
2266.mdl-color-text--green-A200 {
2267 color: rgb(105,240,174) !important; }
2268
2269.mdl-color--green-A200 {
2270 background-color: rgb(105,240,174) !important; }
2271
2272.mdl-color-text--green-A400 {
2273 color: rgb(0,230,118) !important; }
2274
2275.mdl-color--green-A400 {
2276 background-color: rgb(0,230,118) !important; }
2277
2278.mdl-color-text--green-A700 {
2279 color: rgb(0,200,83) !important; }
2280
2281.mdl-color--green-A700 {
2282 background-color: rgb(0,200,83) !important; }
2283
2284.mdl-color-text--light-green {
2285 color: rgb(139,195,74) !important; }
2286
2287.mdl-color--light-green {
2288 background-color: rgb(139,195,74) !important; }
2289
2290.mdl-color-text--light-green-50 {
2291 color: rgb(241,248,233) !important; }
2292
2293.mdl-color--light-green-50 {
2294 background-color: rgb(241,248,233) !important; }
2295
2296.mdl-color-text--light-green-100 {
2297 color: rgb(220,237,200) !important; }
2298
2299.mdl-color--light-green-100 {
2300 background-color: rgb(220,237,200) !important; }
2301
2302.mdl-color-text--light-green-200 {
2303 color: rgb(197,225,165) !important; }
2304
2305.mdl-color--light-green-200 {
2306 background-color: rgb(197,225,165) !important; }
2307
2308.mdl-color-text--light-green-300 {
2309 color: rgb(174,213,129) !important; }
2310
2311.mdl-color--light-green-300 {
2312 background-color: rgb(174,213,129) !important; }
2313
2314.mdl-color-text--light-green-400 {
2315 color: rgb(156,204,101) !important; }
2316
2317.mdl-color--light-green-400 {
2318 background-color: rgb(156,204,101) !important; }
2319
2320.mdl-color-text--light-green-500 {
2321 color: rgb(139,195,74) !important; }
2322
2323.mdl-color--light-green-500 {
2324 background-color: rgb(139,195,74) !important; }
2325
2326.mdl-color-text--light-green-600 {
2327 color: rgb(124,179,66) !important; }
2328
2329.mdl-color--light-green-600 {
2330 background-color: rgb(124,179,66) !important; }
2331
2332.mdl-color-text--light-green-700 {
2333 color: rgb(104,159,56) !important; }
2334
2335.mdl-color--light-green-700 {
2336 background-color: rgb(104,159,56) !important; }
2337
2338.mdl-color-text--light-green-800 {
2339 color: rgb(85,139,47) !important; }
2340
2341.mdl-color--light-green-800 {
2342 background-color: rgb(85,139,47) !important; }
2343
2344.mdl-color-text--light-green-900 {
2345 color: rgb(51,105,30) !important; }
2346
2347.mdl-color--light-green-900 {
2348 background-color: rgb(51,105,30) !important; }
2349
2350.mdl-color-text--light-green-A100 {
2351 color: rgb(204,255,144) !important; }
2352
2353.mdl-color--light-green-A100 {
2354 background-color: rgb(204,255,144) !important; }
2355
2356.mdl-color-text--light-green-A200 {
2357 color: rgb(178,255,89) !important; }
2358
2359.mdl-color--light-green-A200 {
2360 background-color: rgb(178,255,89) !important; }
2361
2362.mdl-color-text--light-green-A400 {
2363 color: rgb(118,255,3) !important; }
2364
2365.mdl-color--light-green-A400 {
2366 background-color: rgb(118,255,3) !important; }
2367
2368.mdl-color-text--light-green-A700 {
2369 color: rgb(100,221,23) !important; }
2370
2371.mdl-color--light-green-A700 {
2372 background-color: rgb(100,221,23) !important; }
2373
2374.mdl-color-text--lime {
2375 color: rgb(205,220,57) !important; }
2376
2377.mdl-color--lime {
2378 background-color: rgb(205,220,57) !important; }
2379
2380.mdl-color-text--lime-50 {
2381 color: rgb(249,251,231) !important; }
2382
2383.mdl-color--lime-50 {
2384 background-color: rgb(249,251,231) !important; }
2385
2386.mdl-color-text--lime-100 {
2387 color: rgb(240,244,195) !important; }
2388
2389.mdl-color--lime-100 {
2390 background-color: rgb(240,244,195) !important; }
2391
2392.mdl-color-text--lime-200 {
2393 color: rgb(230,238,156) !important; }
2394
2395.mdl-color--lime-200 {
2396 background-color: rgb(230,238,156) !important; }
2397
2398.mdl-color-text--lime-300 {
2399 color: rgb(220,231,117) !important; }
2400
2401.mdl-color--lime-300 {
2402 background-color: rgb(220,231,117) !important; }
2403
2404.mdl-color-text--lime-400 {
2405 color: rgb(212,225,87) !important; }
2406
2407.mdl-color--lime-400 {
2408 background-color: rgb(212,225,87) !important; }
2409
2410.mdl-color-text--lime-500 {
2411 color: rgb(205,220,57) !important; }
2412
2413.mdl-color--lime-500 {
2414 background-color: rgb(205,220,57) !important; }
2415
2416.mdl-color-text--lime-600 {
2417 color: rgb(192,202,51) !important; }
2418
2419.mdl-color--lime-600 {
2420 background-color: rgb(192,202,51) !important; }
2421
2422.mdl-color-text--lime-700 {
2423 color: rgb(175,180,43) !important; }
2424
2425.mdl-color--lime-700 {
2426 background-color: rgb(175,180,43) !important; }
2427
2428.mdl-color-text--lime-800 {
2429 color: rgb(158,157,36) !important; }
2430
2431.mdl-color--lime-800 {
2432 background-color: rgb(158,157,36) !important; }
2433
2434.mdl-color-text--lime-900 {
2435 color: rgb(130,119,23) !important; }
2436
2437.mdl-color--lime-900 {
2438 background-color: rgb(130,119,23) !important; }
2439
2440.mdl-color-text--lime-A100 {
2441 color: rgb(244,255,129) !important; }
2442
2443.mdl-color--lime-A100 {
2444 background-color: rgb(244,255,129) !important; }
2445
2446.mdl-color-text--lime-A200 {
2447 color: rgb(238,255,65) !important; }
2448
2449.mdl-color--lime-A200 {
2450 background-color: rgb(238,255,65) !important; }
2451
2452.mdl-color-text--lime-A400 {
2453 color: rgb(198,255,0) !important; }
2454
2455.mdl-color--lime-A400 {
2456 background-color: rgb(198,255,0) !important; }
2457
2458.mdl-color-text--lime-A700 {
2459 color: rgb(174,234,0) !important; }
2460
2461.mdl-color--lime-A700 {
2462 background-color: rgb(174,234,0) !important; }
2463
2464.mdl-color-text--yellow {
2465 color: rgb(255,235,59) !important; }
2466
2467.mdl-color--yellow {
2468 background-color: rgb(255,235,59) !important; }
2469
2470.mdl-color-text--yellow-50 {
2471 color: rgb(255,253,231) !important; }
2472
2473.mdl-color--yellow-50 {
2474 background-color: rgb(255,253,231) !important; }
2475
2476.mdl-color-text--yellow-100 {
2477 color: rgb(255,249,196) !important; }
2478
2479.mdl-color--yellow-100 {
2480 background-color: rgb(255,249,196) !important; }
2481
2482.mdl-color-text--yellow-200 {
2483 color: rgb(255,245,157) !important; }
2484
2485.mdl-color--yellow-200 {
2486 background-color: rgb(255,245,157) !important; }
2487
2488.mdl-color-text--yellow-300 {
2489 color: rgb(255,241,118) !important; }
2490
2491.mdl-color--yellow-300 {
2492 background-color: rgb(255,241,118) !important; }
2493
2494.mdl-color-text--yellow-400 {
2495 color: rgb(255,238,88) !important; }
2496
2497.mdl-color--yellow-400 {
2498 background-color: rgb(255,238,88) !important; }
2499
2500.mdl-color-text--yellow-500 {
2501 color: rgb(255,235,59) !important; }
2502
2503.mdl-color--yellow-500 {
2504 background-color: rgb(255,235,59) !important; }
2505
2506.mdl-color-text--yellow-600 {
2507 color: rgb(253,216,53) !important; }
2508
2509.mdl-color--yellow-600 {
2510 background-color: rgb(253,216,53) !important; }
2511
2512.mdl-color-text--yellow-700 {
2513 color: rgb(251,192,45) !important; }
2514
2515.mdl-color--yellow-700 {
2516 background-color: rgb(251,192,45) !important; }
2517
2518.mdl-color-text--yellow-800 {
2519 color: rgb(249,168,37) !important; }
2520
2521.mdl-color--yellow-800 {
2522 background-color: rgb(249,168,37) !important; }
2523
2524.mdl-color-text--yellow-900 {
2525 color: rgb(245,127,23) !important; }
2526
2527.mdl-color--yellow-900 {
2528 background-color: rgb(245,127,23) !important; }
2529
2530.mdl-color-text--yellow-A100 {
2531 color: rgb(255,255,141) !important; }
2532
2533.mdl-color--yellow-A100 {
2534 background-color: rgb(255,255,141) !important; }
2535
2536.mdl-color-text--yellow-A200 {
2537 color: rgb(255,255,0) !important; }
2538
2539.mdl-color--yellow-A200 {
2540 background-color: rgb(255,255,0) !important; }
2541
2542.mdl-color-text--yellow-A400 {
2543 color: rgb(255,234,0) !important; }
2544
2545.mdl-color--yellow-A400 {
2546 background-color: rgb(255,234,0) !important; }
2547
2548.mdl-color-text--yellow-A700 {
2549 color: rgb(255,214,0) !important; }
2550
2551.mdl-color--yellow-A700 {
2552 background-color: rgb(255,214,0) !important; }
2553
2554.mdl-color-text--amber {
2555 color: rgb(255,193,7) !important; }
2556
2557.mdl-color--amber {
2558 background-color: rgb(255,193,7) !important; }
2559
2560.mdl-color-text--amber-50 {
2561 color: rgb(255,248,225) !important; }
2562
2563.mdl-color--amber-50 {
2564 background-color: rgb(255,248,225) !important; }
2565
2566.mdl-color-text--amber-100 {
2567 color: rgb(255,236,179) !important; }
2568
2569.mdl-color--amber-100 {
2570 background-color: rgb(255,236,179) !important; }
2571
2572.mdl-color-text--amber-200 {
2573 color: rgb(255,224,130) !important; }
2574
2575.mdl-color--amber-200 {
2576 background-color: rgb(255,224,130) !important; }
2577
2578.mdl-color-text--amber-300 {
2579 color: rgb(255,213,79) !important; }
2580
2581.mdl-color--amber-300 {
2582 background-color: rgb(255,213,79) !important; }
2583
2584.mdl-color-text--amber-400 {
2585 color: rgb(255,202,40) !important; }
2586
2587.mdl-color--amber-400 {
2588 background-color: rgb(255,202,40) !important; }
2589
2590.mdl-color-text--amber-500 {
2591 color: rgb(255,193,7) !important; }
2592
2593.mdl-color--amber-500 {
2594 background-color: rgb(255,193,7) !important; }
2595
2596.mdl-color-text--amber-600 {
2597 color: rgb(255,179,0) !important; }
2598
2599.mdl-color--amber-600 {
2600 background-color: rgb(255,179,0) !important; }
2601
2602.mdl-color-text--amber-700 {
2603 color: rgb(255,160,0) !important; }
2604
2605.mdl-color--amber-700 {
2606 background-color: rgb(255,160,0) !important; }
2607
2608.mdl-color-text--amber-800 {
2609 color: rgb(255,143,0) !important; }
2610
2611.mdl-color--amber-800 {
2612 background-color: rgb(255,143,0) !important; }
2613
2614.mdl-color-text--amber-900 {
2615 color: rgb(255,111,0) !important; }
2616
2617.mdl-color--amber-900 {
2618 background-color: rgb(255,111,0) !important; }
2619
2620.mdl-color-text--amber-A100 {
2621 color: rgb(255,229,127) !important; }
2622
2623.mdl-color--amber-A100 {
2624 background-color: rgb(255,229,127) !important; }
2625
2626.mdl-color-text--amber-A200 {
2627 color: rgb(255,215,64) !important; }
2628
2629.mdl-color--amber-A200 {
2630 background-color: rgb(255,215,64) !important; }
2631
2632.mdl-color-text--amber-A400 {
2633 color: rgb(255,196,0) !important; }
2634
2635.mdl-color--amber-A400 {
2636 background-color: rgb(255,196,0) !important; }
2637
2638.mdl-color-text--amber-A700 {
2639 color: rgb(255,171,0) !important; }
2640
2641.mdl-color--amber-A700 {
2642 background-color: rgb(255,171,0) !important; }
2643
2644.mdl-color-text--orange {
2645 color: rgb(255,152,0) !important; }
2646
2647.mdl-color--orange {
2648 background-color: rgb(255,152,0) !important; }
2649
2650.mdl-color-text--orange-50 {
2651 color: rgb(255,243,224) !important; }
2652
2653.mdl-color--orange-50 {
2654 background-color: rgb(255,243,224) !important; }
2655
2656.mdl-color-text--orange-100 {
2657 color: rgb(255,224,178) !important; }
2658
2659.mdl-color--orange-100 {
2660 background-color: rgb(255,224,178) !important; }
2661
2662.mdl-color-text--orange-200 {
2663 color: rgb(255,204,128) !important; }
2664
2665.mdl-color--orange-200 {
2666 background-color: rgb(255,204,128) !important; }
2667
2668.mdl-color-text--orange-300 {
2669 color: rgb(255,183,77) !important; }
2670
2671.mdl-color--orange-300 {
2672 background-color: rgb(255,183,77) !important; }
2673
2674.mdl-color-text--orange-400 {
2675 color: rgb(255,167,38) !important; }
2676
2677.mdl-color--orange-400 {
2678 background-color: rgb(255,167,38) !important; }
2679
2680.mdl-color-text--orange-500 {
2681 color: rgb(255,152,0) !important; }
2682
2683.mdl-color--orange-500 {
2684 background-color: rgb(255,152,0) !important; }
2685
2686.mdl-color-text--orange-600 {
2687 color: rgb(251,140,0) !important; }
2688
2689.mdl-color--orange-600 {
2690 background-color: rgb(251,140,0) !important; }
2691
2692.mdl-color-text--orange-700 {
2693 color: rgb(245,124,0) !important; }
2694
2695.mdl-color--orange-700 {
2696 background-color: rgb(245,124,0) !important; }
2697
2698.mdl-color-text--orange-800 {
2699 color: rgb(239,108,0) !important; }
2700
2701.mdl-color--orange-800 {
2702 background-color: rgb(239,108,0) !important; }
2703
2704.mdl-color-text--orange-900 {
2705 color: rgb(230,81,0) !important; }
2706
2707.mdl-color--orange-900 {
2708 background-color: rgb(230,81,0) !important; }
2709
2710.mdl-color-text--orange-A100 {
2711 color: rgb(255,209,128) !important; }
2712
2713.mdl-color--orange-A100 {
2714 background-color: rgb(255,209,128) !important; }
2715
2716.mdl-color-text--orange-A200 {
2717 color: rgb(255,171,64) !important; }
2718
2719.mdl-color--orange-A200 {
2720 background-color: rgb(255,171,64) !important; }
2721
2722.mdl-color-text--orange-A400 {
2723 color: rgb(255,145,0) !important; }
2724
2725.mdl-color--orange-A400 {
2726 background-color: rgb(255,145,0) !important; }
2727
2728.mdl-color-text--orange-A700 {
2729 color: rgb(255,109,0) !important; }
2730
2731.mdl-color--orange-A700 {
2732 background-color: rgb(255,109,0) !important; }
2733
2734.mdl-color-text--deep-orange {
2735 color: rgb(255,87,34) !important; }
2736
2737.mdl-color--deep-orange {
2738 background-color: rgb(255,87,34) !important; }
2739
2740.mdl-color-text--deep-orange-50 {
2741 color: rgb(251,233,231) !important; }
2742
2743.mdl-color--deep-orange-50 {
2744 background-color: rgb(251,233,231) !important; }
2745
2746.mdl-color-text--deep-orange-100 {
2747 color: rgb(255,204,188) !important; }
2748
2749.mdl-color--deep-orange-100 {
2750 background-color: rgb(255,204,188) !important; }
2751
2752.mdl-color-text--deep-orange-200 {
2753 color: rgb(255,171,145) !important; }
2754
2755.mdl-color--deep-orange-200 {
2756 background-color: rgb(255,171,145) !important; }
2757
2758.mdl-color-text--deep-orange-300 {
2759 color: rgb(255,138,101) !important; }
2760
2761.mdl-color--deep-orange-300 {
2762 background-color: rgb(255,138,101) !important; }
2763
2764.mdl-color-text--deep-orange-400 {
2765 color: rgb(255,112,67) !important; }
2766
2767.mdl-color--deep-orange-400 {
2768 background-color: rgb(255,112,67) !important; }
2769
2770.mdl-color-text--deep-orange-500 {
2771 color: rgb(255,87,34) !important; }
2772
2773.mdl-color--deep-orange-500 {
2774 background-color: rgb(255,87,34) !important; }
2775
2776.mdl-color-text--deep-orange-600 {
2777 color: rgb(244,81,30) !important; }
2778
2779.mdl-color--deep-orange-600 {
2780 background-color: rgb(244,81,30) !important; }
2781
2782.mdl-color-text--deep-orange-700 {
2783 color: rgb(230,74,25) !important; }
2784
2785.mdl-color--deep-orange-700 {
2786 background-color: rgb(230,74,25) !important; }
2787
2788.mdl-color-text--deep-orange-800 {
2789 color: rgb(216,67,21) !important; }
2790
2791.mdl-color--deep-orange-800 {
2792 background-color: rgb(216,67,21) !important; }
2793
2794.mdl-color-text--deep-orange-900 {
2795 color: rgb(191,54,12) !important; }
2796
2797.mdl-color--deep-orange-900 {
2798 background-color: rgb(191,54,12) !important; }
2799
2800.mdl-color-text--deep-orange-A100 {
2801 color: rgb(255,158,128) !important; }
2802
2803.mdl-color--deep-orange-A100 {
2804 background-color: rgb(255,158,128) !important; }
2805
2806.mdl-color-text--deep-orange-A200 {
2807 color: rgb(255,110,64) !important; }
2808
2809.mdl-color--deep-orange-A200 {
2810 background-color: rgb(255,110,64) !important; }
2811
2812.mdl-color-text--deep-orange-A400 {
2813 color: rgb(255,61,0) !important; }
2814
2815.mdl-color--deep-orange-A400 {
2816 background-color: rgb(255,61,0) !important; }
2817
2818.mdl-color-text--deep-orange-A700 {
2819 color: rgb(221,44,0) !important; }
2820
2821.mdl-color--deep-orange-A700 {
2822 background-color: rgb(221,44,0) !important; }
2823
2824.mdl-color-text--brown {
2825 color: rgb(121,85,72) !important; }
2826
2827.mdl-color--brown {
2828 background-color: rgb(121,85,72) !important; }
2829
2830.mdl-color-text--brown-50 {
2831 color: rgb(239,235,233) !important; }
2832
2833.mdl-color--brown-50 {
2834 background-color: rgb(239,235,233) !important; }
2835
2836.mdl-color-text--brown-100 {
2837 color: rgb(215,204,200) !important; }
2838
2839.mdl-color--brown-100 {
2840 background-color: rgb(215,204,200) !important; }
2841
2842.mdl-color-text--brown-200 {
2843 color: rgb(188,170,164) !important; }
2844
2845.mdl-color--brown-200 {
2846 background-color: rgb(188,170,164) !important; }
2847
2848.mdl-color-text--brown-300 {
2849 color: rgb(161,136,127) !important; }
2850
2851.mdl-color--brown-300 {
2852 background-color: rgb(161,136,127) !important; }
2853
2854.mdl-color-text--brown-400 {
2855 color: rgb(141,110,99) !important; }
2856
2857.mdl-color--brown-400 {
2858 background-color: rgb(141,110,99) !important; }
2859
2860.mdl-color-text--brown-500 {
2861 color: rgb(121,85,72) !important; }
2862
2863.mdl-color--brown-500 {
2864 background-color: rgb(121,85,72) !important; }
2865
2866.mdl-color-text--brown-600 {
2867 color: rgb(109,76,65) !important; }
2868
2869.mdl-color--brown-600 {
2870 background-color: rgb(109,76,65) !important; }
2871
2872.mdl-color-text--brown-700 {
2873 color: rgb(93,64,55) !important; }
2874
2875.mdl-color--brown-700 {
2876 background-color: rgb(93,64,55) !important; }
2877
2878.mdl-color-text--brown-800 {
2879 color: rgb(78,52,46) !important; }
2880
2881.mdl-color--brown-800 {
2882 background-color: rgb(78,52,46) !important; }
2883
2884.mdl-color-text--brown-900 {
2885 color: rgb(62,39,35) !important; }
2886
2887.mdl-color--brown-900 {
2888 background-color: rgb(62,39,35) !important; }
2889
2890.mdl-color-text--grey {
2891 color: rgb(158,158,158) !important; }
2892
2893.mdl-color--grey {
2894 background-color: rgb(158,158,158) !important; }
2895
2896.mdl-color-text--grey-50 {
2897 color: rgb(250,250,250) !important; }
2898
2899.mdl-color--grey-50 {
2900 background-color: rgb(250,250,250) !important; }
2901
2902.mdl-color-text--grey-100 {
2903 color: rgb(245,245,245) !important; }
2904
2905.mdl-color--grey-100 {
2906 background-color: rgb(245,245,245) !important; }
2907
2908.mdl-color-text--grey-200 {
2909 color: rgb(238,238,238) !important; }
2910
2911.mdl-color--grey-200 {
2912 background-color: rgb(238,238,238) !important; }
2913
2914.mdl-color-text--grey-300 {
2915 color: rgb(224,224,224) !important; }
2916
2917.mdl-color--grey-300 {
2918 background-color: rgb(224,224,224) !important; }
2919
2920.mdl-color-text--grey-400 {
2921 color: rgb(189,189,189) !important; }
2922
2923.mdl-color--grey-400 {
2924 background-color: rgb(189,189,189) !important; }
2925
2926.mdl-color-text--grey-500 {
2927 color: rgb(158,158,158) !important; }
2928
2929.mdl-color--grey-500 {
2930 background-color: rgb(158,158,158) !important; }
2931
2932.mdl-color-text--grey-600 {
2933 color: rgb(117,117,117) !important; }
2934
2935.mdl-color--grey-600 {
2936 background-color: rgb(117,117,117) !important; }
2937
2938.mdl-color-text--grey-700 {
2939 color: rgb(97,97,97) !important; }
2940
2941.mdl-color--grey-700 {
2942 background-color: rgb(97,97,97) !important; }
2943
2944.mdl-color-text--grey-800 {
2945 color: rgb(66,66,66) !important; }
2946
2947.mdl-color--grey-800 {
2948 background-color: rgb(66,66,66) !important; }
2949
2950.mdl-color-text--grey-900 {
2951 color: rgb(33,33,33) !important; }
2952
2953.mdl-color--grey-900 {
2954 background-color: rgb(33,33,33) !important; }
2955
2956.mdl-color-text--blue-grey {
2957 color: rgb(96,125,139) !important; }
2958
2959.mdl-color--blue-grey {
2960 background-color: rgb(96,125,139) !important; }
2961
2962.mdl-color-text--blue-grey-50 {
2963 color: rgb(236,239,241) !important; }
2964
2965.mdl-color--blue-grey-50 {
2966 background-color: rgb(236,239,241) !important; }
2967
2968.mdl-color-text--blue-grey-100 {
2969 color: rgb(207,216,220) !important; }
2970
2971.mdl-color--blue-grey-100 {
2972 background-color: rgb(207,216,220) !important; }
2973
2974.mdl-color-text--blue-grey-200 {
2975 color: rgb(176,190,197) !important; }
2976
2977.mdl-color--blue-grey-200 {
2978 background-color: rgb(176,190,197) !important; }
2979
2980.mdl-color-text--blue-grey-300 {
2981 color: rgb(144,164,174) !important; }
2982
2983.mdl-color--blue-grey-300 {
2984 background-color: rgb(144,164,174) !important; }
2985
2986.mdl-color-text--blue-grey-400 {
2987 color: rgb(120,144,156) !important; }
2988
2989.mdl-color--blue-grey-400 {
2990 background-color: rgb(120,144,156) !important; }
2991
2992.mdl-color-text--blue-grey-500 {
2993 color: rgb(96,125,139) !important; }
2994
2995.mdl-color--blue-grey-500 {
2996 background-color: rgb(96,125,139) !important; }
2997
2998.mdl-color-text--blue-grey-600 {
2999 color: rgb(84,110,122) !important; }
3000
3001.mdl-color--blue-grey-600 {
3002 background-color: rgb(84,110,122) !important; }
3003
3004.mdl-color-text--blue-grey-700 {
3005 color: rgb(69,90,100) !important; }
3006
3007.mdl-color--blue-grey-700 {
3008 background-color: rgb(69,90,100) !important; }
3009
3010.mdl-color-text--blue-grey-800 {
3011 color: rgb(55,71,79) !important; }
3012
3013.mdl-color--blue-grey-800 {
3014 background-color: rgb(55,71,79) !important; }
3015
3016.mdl-color-text--blue-grey-900 {
3017 color: rgb(38,50,56) !important; }
3018
3019.mdl-color--blue-grey-900 {
3020 background-color: rgb(38,50,56) !important; }
3021
3022.mdl-color--black {
3023 background-color: rgb(0,0,0) !important; }
3024
3025.mdl-color-text--black {
3026 color: rgb(0,0,0) !important; }
3027
3028.mdl-color--white {
3029 background-color: rgb(255,255,255) !important; }
3030
3031.mdl-color-text--white {
3032 color: rgb(255,255,255) !important; }
3033
3034.mdl-color--primary {
3035 background-color: rgb(63,81,181) !important; }
3036
3037.mdl-color--primary-contrast {
3038 background-color: rgb(255,255,255) !important; }
3039
3040.mdl-color--primary-dark {
3041 background-color: rgb(48,63,159) !important; }
3042
3043.mdl-color--accent {
3044 background-color: rgb(255,64,129) !important; }
3045
3046.mdl-color--accent-contrast {
3047 background-color: rgb(255,255,255) !important; }
3048
3049.mdl-color-text--primary {
3050 color: rgb(63,81,181) !important; }
3051
3052.mdl-color-text--primary-contrast {
3053 color: rgb(255,255,255) !important; }
3054
3055.mdl-color-text--primary-dark {
3056 color: rgb(48,63,159) !important; }
3057
3058.mdl-color-text--accent {
3059 color: rgb(255,64,129) !important; }
3060
3061.mdl-color-text--accent-contrast {
3062 color: rgb(255,255,255) !important; }
3063
3064/**
3065 * Copyright 2015 Google Inc. All Rights Reserved.
3066 *
3067 * Licensed under the Apache License, Version 2.0 (the "License");
3068 * you may not use this file except in compliance with the License.
3069 * You may obtain a copy of the License at
3070 *
3071 * http://www.apache.org/licenses/LICENSE-2.0
3072 *
3073 * Unless required by applicable law or agreed to in writing, software
3074 * distributed under the License is distributed on an "AS IS" BASIS,
3075 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3076 * See the License for the specific language governing permissions and
3077 * limitations under the License.
3078 */
3079/**
3080 * Copyright 2015 Google Inc. All Rights Reserved.
3081 *
3082 * Licensed under the Apache License, Version 2.0 (the "License");
3083 * you may not use this file except in compliance with the License.
3084 * You may obtain a copy of the License at
3085 *
3086 * http://www.apache.org/licenses/LICENSE-2.0
3087 *
3088 * Unless required by applicable law or agreed to in writing, software
3089 * distributed under the License is distributed on an "AS IS" BASIS,
3090 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3091 * See the License for the specific language governing permissions and
3092 * limitations under the License.
3093 */
3094/*------------------------------------* $CONTENTS
3095\*------------------------------------*/
3096/**
3097 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3098 * -----Typography
3099 * -----Colors
3100 * -----Textfield
3101 * -----Switch
3102 * -----Spinner
3103 * -----Radio
3104 * -----Menu
3105 * -----List
3106 * -----Layout
3107 * -----Icon toggles
3108 * -----Footer
3109 * -----Column
3110 * -----Checkbox
3111 * -----Card
3112 * -----Button
3113 * -----Animation
3114 * -----Progress
3115 * -----Badge
3116 * -----Shadows
3117 * -----Grid
3118 * -----Data table
3119 * -----Dialog
3120 * -----Snackbar
3121 * -----Tooltip
3122 * -----Chip
3123 *
3124 * Even though all variables have the `!default` directive, most of them
3125 * should not be changed as they are dependent one another. This can cause
3126 * visual distortions (like alignment issues) that are hard to track down
3127 * and fix.
3128 */
3129/* ========== TYPOGRAPHY ========== */
3130/* We're splitting fonts into "preferred" and "performance" in order to optimize
3131 page loading. For important text, such as the body, we want it to load
3132 immediately and not wait for the web font load, whereas for other sections,
3133 such as headers and titles, we're OK with things taking a bit longer to load.
3134 We do have some optional classes and parameters in the mixins, in case you
3135 definitely want to make sure you're using the preferred font and don't mind
3136 the performance hit.
3137 We should be able to improve on this once CSS Font Loading L3 becomes more
3138 widely available.
3139*/
3140/* ========== COLORS ========== */
3141/**
3142*
3143* Material design color palettes.
3144* @see http://www.google.com/design/spec/style/color.html
3145*
3146**/
3147/**
3148 * Copyright 2015 Google Inc. All Rights Reserved.
3149 *
3150 * Licensed under the Apache License, Version 2.0 (the "License");
3151 * you may not use this file except in compliance with the License.
3152 * You may obtain a copy of the License at
3153 *
3154 * http://www.apache.org/licenses/LICENSE-2.0
3155 *
3156 * Unless required by applicable law or agreed to in writing, software
3157 * distributed under the License is distributed on an "AS IS" BASIS,
3158 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3159 * See the License for the specific language governing permissions and
3160 * limitations under the License.
3161 */
3162/* ========== Color Palettes ========== */
3163/* colors.scss */
3164/**
3165 * Copyright 2015 Google Inc. All Rights Reserved.
3166 *
3167 * Licensed under the Apache License, Version 2.0 (the "License");
3168 * you may not use this file except in compliance with the License.
3169 * You may obtain a copy of the License at
3170 *
3171 * http://www.apache.org/licenses/LICENSE-2.0
3172 *
3173 * Unless required by applicable law or agreed to in writing, software
3174 * distributed under the License is distributed on an "AS IS" BASIS,
3175 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3176 * See the License for the specific language governing permissions and
3177 * limitations under the License.
3178 */
3179/* ========== IMAGES ========== */
3180/* ========== Color & Themes ========== */
3181/* ========== Typography ========== */
3182/* ========== Components ========== */
3183/* ========== Standard Buttons ========== */
3184/* ========== Icon Toggles ========== */
3185/* ========== Radio Buttons ========== */
3186/* ========== Ripple effect ========== */
3187/* ========== Layout ========== */
3188/* ========== Content Tabs ========== */
3189/* ========== Checkboxes ========== */
3190/* ========== Switches ========== */
3191/* ========== Spinner ========== */
3192/* ========== Text fields ========== */
3193/* ========== Card ========== */
3194/* ========== Sliders ========== */
3195/* ========== Progress ========== */
3196/* ========== List ========== */
3197/* ========== Item ========== */
3198/* ========== Dropdown menu ========== */
3199/* ========== Tooltips ========== */
3200/* ========== Footer ========== */
3201/* TEXTFIELD */
3202/* SWITCH */
3203/* SPINNER */
3204/* RADIO */
3205/* MENU */
3206/* LIST */
3207/* LAYOUT */
3208/* ICON TOGGLE */
3209/* FOOTER */
3210/*mega-footer*/
3211/*mini-footer*/
3212/* CHECKBOX */
3213/* CARD */
3214/* Card dimensions */
3215/* Cover image */
3216/* BUTTON */
3217/**
3218 *
3219 * Dimensions
3220 *
3221 */
3222/* ANIMATION */
3223/* PROGRESS */
3224/* BADGE */
3225/* SHADOWS */
3226/* GRID */
3227/* DATA TABLE */
3228/* DIALOG */
3229/* SNACKBAR */
3230/* TOOLTIP */
3231/* CHIP */
3232.mdl-ripple {
3233 background: rgb(0,0,0);
3234 border-radius: 50%;
3235 height: 50px;
3236 left: 0;
3237 opacity: 0;
3238 pointer-events: none;
3239 position: absolute;
3240 top: 0;
3241 -webkit-transform: translate(-50%, -50%);
3242 transform: translate(-50%, -50%);
3243 width: 50px;
3244 overflow: hidden; }
3245 .mdl-ripple.is-animating {
3246 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);
3247 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);
3248 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); }
3249 .mdl-ripple.is-visible {
3250 opacity: 0.3; }
3251
3252/**
3253 * Copyright 2015 Google Inc. All Rights Reserved.
3254 *
3255 * Licensed under the Apache License, Version 2.0 (the "License");
3256 * you may not use this file except in compliance with the License.
3257 * You may obtain a copy of the License at
3258 *
3259 * http://www.apache.org/licenses/LICENSE-2.0
3260 *
3261 * Unless required by applicable law or agreed to in writing, software
3262 * distributed under the License is distributed on an "AS IS" BASIS,
3263 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3264 * See the License for the specific language governing permissions and
3265 * limitations under the License.
3266 */
3267/**
3268 * Copyright 2015 Google Inc. All Rights Reserved.
3269 *
3270 * Licensed under the Apache License, Version 2.0 (the "License");
3271 * you may not use this file except in compliance with the License.
3272 * You may obtain a copy of the License at
3273 *
3274 * http://www.apache.org/licenses/LICENSE-2.0
3275 *
3276 * Unless required by applicable law or agreed to in writing, software
3277 * distributed under the License is distributed on an "AS IS" BASIS,
3278 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3279 * See the License for the specific language governing permissions and
3280 * limitations under the License.
3281 */
3282/*------------------------------------* $CONTENTS
3283\*------------------------------------*/
3284/**
3285 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3286 * -----Typography
3287 * -----Colors
3288 * -----Textfield
3289 * -----Switch
3290 * -----Spinner
3291 * -----Radio
3292 * -----Menu
3293 * -----List
3294 * -----Layout
3295 * -----Icon toggles
3296 * -----Footer
3297 * -----Column
3298 * -----Checkbox
3299 * -----Card
3300 * -----Button
3301 * -----Animation
3302 * -----Progress
3303 * -----Badge
3304 * -----Shadows
3305 * -----Grid
3306 * -----Data table
3307 * -----Dialog
3308 * -----Snackbar
3309 * -----Tooltip
3310 * -----Chip
3311 *
3312 * Even though all variables have the `!default` directive, most of them
3313 * should not be changed as they are dependent one another. This can cause
3314 * visual distortions (like alignment issues) that are hard to track down
3315 * and fix.
3316 */
3317/* ========== TYPOGRAPHY ========== */
3318/* We're splitting fonts into "preferred" and "performance" in order to optimize
3319 page loading. For important text, such as the body, we want it to load
3320 immediately and not wait for the web font load, whereas for other sections,
3321 such as headers and titles, we're OK with things taking a bit longer to load.
3322 We do have some optional classes and parameters in the mixins, in case you
3323 definitely want to make sure you're using the preferred font and don't mind
3324 the performance hit.
3325 We should be able to improve on this once CSS Font Loading L3 becomes more
3326 widely available.
3327*/
3328/* ========== COLORS ========== */
3329/**
3330*
3331* Material design color palettes.
3332* @see http://www.google.com/design/spec/style/color.html
3333*
3334**/
3335/**
3336 * Copyright 2015 Google Inc. All Rights Reserved.
3337 *
3338 * Licensed under the Apache License, Version 2.0 (the "License");
3339 * you may not use this file except in compliance with the License.
3340 * You may obtain a copy of the License at
3341 *
3342 * http://www.apache.org/licenses/LICENSE-2.0
3343 *
3344 * Unless required by applicable law or agreed to in writing, software
3345 * distributed under the License is distributed on an "AS IS" BASIS,
3346 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3347 * See the License for the specific language governing permissions and
3348 * limitations under the License.
3349 */
3350/* ========== Color Palettes ========== */
3351/* colors.scss */
3352/**
3353 * Copyright 2015 Google Inc. All Rights Reserved.
3354 *
3355 * Licensed under the Apache License, Version 2.0 (the "License");
3356 * you may not use this file except in compliance with the License.
3357 * You may obtain a copy of the License at
3358 *
3359 * http://www.apache.org/licenses/LICENSE-2.0
3360 *
3361 * Unless required by applicable law or agreed to in writing, software
3362 * distributed under the License is distributed on an "AS IS" BASIS,
3363 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3364 * See the License for the specific language governing permissions and
3365 * limitations under the License.
3366 */
3367/* ========== IMAGES ========== */
3368/* ========== Color & Themes ========== */
3369/* ========== Typography ========== */
3370/* ========== Components ========== */
3371/* ========== Standard Buttons ========== */
3372/* ========== Icon Toggles ========== */
3373/* ========== Radio Buttons ========== */
3374/* ========== Ripple effect ========== */
3375/* ========== Layout ========== */
3376/* ========== Content Tabs ========== */
3377/* ========== Checkboxes ========== */
3378/* ========== Switches ========== */
3379/* ========== Spinner ========== */
3380/* ========== Text fields ========== */
3381/* ========== Card ========== */
3382/* ========== Sliders ========== */
3383/* ========== Progress ========== */
3384/* ========== List ========== */
3385/* ========== Item ========== */
3386/* ========== Dropdown menu ========== */
3387/* ========== Tooltips ========== */
3388/* ========== Footer ========== */
3389/* TEXTFIELD */
3390/* SWITCH */
3391/* SPINNER */
3392/* RADIO */
3393/* MENU */
3394/* LIST */
3395/* LAYOUT */
3396/* ICON TOGGLE */
3397/* FOOTER */
3398/*mega-footer*/
3399/*mini-footer*/
3400/* CHECKBOX */
3401/* CARD */
3402/* Card dimensions */
3403/* Cover image */
3404/* BUTTON */
3405/**
3406 *
3407 * Dimensions
3408 *
3409 */
3410/* ANIMATION */
3411/* PROGRESS */
3412/* BADGE */
3413/* SHADOWS */
3414/* GRID */
3415/* DATA TABLE */
3416/* DIALOG */
3417/* SNACKBAR */
3418/* TOOLTIP */
3419/* CHIP */
3420.mdl-animation--default {
3421 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3422
3423.mdl-animation--fast-out-slow-in {
3424 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3425
3426.mdl-animation--linear-out-slow-in {
3427 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
3428
3429.mdl-animation--fast-out-linear-in {
3430 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
3431
3432/**
3433 * Copyright 2015 Google Inc. All Rights Reserved.
3434 *
3435 * Licensed under the Apache License, Version 2.0 (the "License");
3436 * you may not use this file except in compliance with the License.
3437 * You may obtain a copy of the License at
3438 *
3439 * http://www.apache.org/licenses/LICENSE-2.0
3440 *
3441 * Unless required by applicable law or agreed to in writing, software
3442 * distributed under the License is distributed on an "AS IS" BASIS,
3443 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3444 * See the License for the specific language governing permissions and
3445 * limitations under the License.
3446 */
3447/**
3448 * Copyright 2015 Google Inc. All Rights Reserved.
3449 *
3450 * Licensed under the Apache License, Version 2.0 (the "License");
3451 * you may not use this file except in compliance with the License.
3452 * You may obtain a copy of the License at
3453 *
3454 * http://www.apache.org/licenses/LICENSE-2.0
3455 *
3456 * Unless required by applicable law or agreed to in writing, software
3457 * distributed under the License is distributed on an "AS IS" BASIS,
3458 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3459 * See the License for the specific language governing permissions and
3460 * limitations under the License.
3461 */
3462/*------------------------------------* $CONTENTS
3463\*------------------------------------*/
3464/**
3465 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3466 * -----Typography
3467 * -----Colors
3468 * -----Textfield
3469 * -----Switch
3470 * -----Spinner
3471 * -----Radio
3472 * -----Menu
3473 * -----List
3474 * -----Layout
3475 * -----Icon toggles
3476 * -----Footer
3477 * -----Column
3478 * -----Checkbox
3479 * -----Card
3480 * -----Button
3481 * -----Animation
3482 * -----Progress
3483 * -----Badge
3484 * -----Shadows
3485 * -----Grid
3486 * -----Data table
3487 * -----Dialog
3488 * -----Snackbar
3489 * -----Tooltip
3490 * -----Chip
3491 *
3492 * Even though all variables have the `!default` directive, most of them
3493 * should not be changed as they are dependent one another. This can cause
3494 * visual distortions (like alignment issues) that are hard to track down
3495 * and fix.
3496 */
3497/* ========== TYPOGRAPHY ========== */
3498/* We're splitting fonts into "preferred" and "performance" in order to optimize
3499 page loading. For important text, such as the body, we want it to load
3500 immediately and not wait for the web font load, whereas for other sections,
3501 such as headers and titles, we're OK with things taking a bit longer to load.
3502 We do have some optional classes and parameters in the mixins, in case you
3503 definitely want to make sure you're using the preferred font and don't mind
3504 the performance hit.
3505 We should be able to improve on this once CSS Font Loading L3 becomes more
3506 widely available.
3507*/
3508/* ========== COLORS ========== */
3509/**
3510*
3511* Material design color palettes.
3512* @see http://www.google.com/design/spec/style/color.html
3513*
3514**/
3515/**
3516 * Copyright 2015 Google Inc. All Rights Reserved.
3517 *
3518 * Licensed under the Apache License, Version 2.0 (the "License");
3519 * you may not use this file except in compliance with the License.
3520 * You may obtain a copy of the License at
3521 *
3522 * http://www.apache.org/licenses/LICENSE-2.0
3523 *
3524 * Unless required by applicable law or agreed to in writing, software
3525 * distributed under the License is distributed on an "AS IS" BASIS,
3526 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3527 * See the License for the specific language governing permissions and
3528 * limitations under the License.
3529 */
3530/* ========== Color Palettes ========== */
3531/* colors.scss */
3532/**
3533 * Copyright 2015 Google Inc. All Rights Reserved.
3534 *
3535 * Licensed under the Apache License, Version 2.0 (the "License");
3536 * you may not use this file except in compliance with the License.
3537 * You may obtain a copy of the License at
3538 *
3539 * http://www.apache.org/licenses/LICENSE-2.0
3540 *
3541 * Unless required by applicable law or agreed to in writing, software
3542 * distributed under the License is distributed on an "AS IS" BASIS,
3543 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3544 * See the License for the specific language governing permissions and
3545 * limitations under the License.
3546 */
3547/* ========== IMAGES ========== */
3548/* ========== Color & Themes ========== */
3549/* ========== Typography ========== */
3550/* ========== Components ========== */
3551/* ========== Standard Buttons ========== */
3552/* ========== Icon Toggles ========== */
3553/* ========== Radio Buttons ========== */
3554/* ========== Ripple effect ========== */
3555/* ========== Layout ========== */
3556/* ========== Content Tabs ========== */
3557/* ========== Checkboxes ========== */
3558/* ========== Switches ========== */
3559/* ========== Spinner ========== */
3560/* ========== Text fields ========== */
3561/* ========== Card ========== */
3562/* ========== Sliders ========== */
3563/* ========== Progress ========== */
3564/* ========== List ========== */
3565/* ========== Item ========== */
3566/* ========== Dropdown menu ========== */
3567/* ========== Tooltips ========== */
3568/* ========== Footer ========== */
3569/* TEXTFIELD */
3570/* SWITCH */
3571/* SPINNER */
3572/* RADIO */
3573/* MENU */
3574/* LIST */
3575/* LAYOUT */
3576/* ICON TOGGLE */
3577/* FOOTER */
3578/*mega-footer*/
3579/*mini-footer*/
3580/* CHECKBOX */
3581/* CARD */
3582/* Card dimensions */
3583/* Cover image */
3584/* BUTTON */
3585/**
3586 *
3587 * Dimensions
3588 *
3589 */
3590/* ANIMATION */
3591/* PROGRESS */
3592/* BADGE */
3593/* SHADOWS */
3594/* GRID */
3595/* DATA TABLE */
3596/* DIALOG */
3597/* SNACKBAR */
3598/* TOOLTIP */
3599/* CHIP */
3600.mdl-badge {
3601 position: relative;
3602 white-space: nowrap;
3603 margin-right: 24px; }
3604 .mdl-badge:not([data-badge]) {
3605 margin-right: auto; }
3606 .mdl-badge[data-badge]:after {
3607 content: attr(data-badge);
3608 display: -webkit-flex;
3609 display: -ms-flexbox;
3610 display: flex;
3611 -webkit-flex-direction: row;
3612 -ms-flex-direction: row;
3613 flex-direction: row;
3614 -webkit-flex-wrap: wrap;
3615 -ms-flex-wrap: wrap;
3616 flex-wrap: wrap;
3617 -webkit-justify-content: center;
3618 -ms-flex-pack: center;
3619 justify-content: center;
3620 -webkit-align-content: center;
3621 -ms-flex-line-pack: center;
3622 align-content: center;
3623 -webkit-align-items: center;
3624 -ms-flex-align: center;
3625 align-items: center;
3626 position: absolute;
3627 top: -11px;
3628 right: -24px;
3629 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3630 font-weight: 600;
3631 font-size: 12px;
3632 width: 22px;
3633 height: 22px;
3634 border-radius: 50%;
3635 background: rgb(255,64,129);
3636 color: rgb(255,255,255); }
3637 .mdl-button .mdl-badge[data-badge]:after {
3638 top: -10px;
3639 right: -5px; }
3640 .mdl-badge.mdl-badge--no-background[data-badge]:after {
3641 color: rgb(255,64,129);
3642 background: rgba(255,255,255,0.2);
3643 box-shadow: 0 0 1px gray; }
3644 .mdl-badge.mdl-badge--overlap {
3645 margin-right: 10px; }
3646 .mdl-badge.mdl-badge--overlap:after {
3647 right: -10px; }
3648
3649/**
3650 * Copyright 2015 Google Inc. All Rights Reserved.
3651 *
3652 * Licensed under the Apache License, Version 2.0 (the "License");
3653 * you may not use this file except in compliance with the License.
3654 * You may obtain a copy of the License at
3655 *
3656 * http://www.apache.org/licenses/LICENSE-2.0
3657 *
3658 * Unless required by applicable law or agreed to in writing, software
3659 * distributed under the License is distributed on an "AS IS" BASIS,
3660 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3661 * See the License for the specific language governing permissions and
3662 * limitations under the License.
3663 */
3664/**
3665 * Copyright 2015 Google Inc. All Rights Reserved.
3666 *
3667 * Licensed under the Apache License, Version 2.0 (the "License");
3668 * you may not use this file except in compliance with the License.
3669 * You may obtain a copy of the License at
3670 *
3671 * http://www.apache.org/licenses/LICENSE-2.0
3672 *
3673 * Unless required by applicable law or agreed to in writing, software
3674 * distributed under the License is distributed on an "AS IS" BASIS,
3675 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3676 * See the License for the specific language governing permissions and
3677 * limitations under the License.
3678 */
3679/*------------------------------------* $CONTENTS
3680\*------------------------------------*/
3681/**
3682 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3683 * -----Typography
3684 * -----Colors
3685 * -----Textfield
3686 * -----Switch
3687 * -----Spinner
3688 * -----Radio
3689 * -----Menu
3690 * -----List
3691 * -----Layout
3692 * -----Icon toggles
3693 * -----Footer
3694 * -----Column
3695 * -----Checkbox
3696 * -----Card
3697 * -----Button
3698 * -----Animation
3699 * -----Progress
3700 * -----Badge
3701 * -----Shadows
3702 * -----Grid
3703 * -----Data table
3704 * -----Dialog
3705 * -----Snackbar
3706 * -----Tooltip
3707 * -----Chip
3708 *
3709 * Even though all variables have the `!default` directive, most of them
3710 * should not be changed as they are dependent one another. This can cause
3711 * visual distortions (like alignment issues) that are hard to track down
3712 * and fix.
3713 */
3714/* ========== TYPOGRAPHY ========== */
3715/* We're splitting fonts into "preferred" and "performance" in order to optimize
3716 page loading. For important text, such as the body, we want it to load
3717 immediately and not wait for the web font load, whereas for other sections,
3718 such as headers and titles, we're OK with things taking a bit longer to load.
3719 We do have some optional classes and parameters in the mixins, in case you
3720 definitely want to make sure you're using the preferred font and don't mind
3721 the performance hit.
3722 We should be able to improve on this once CSS Font Loading L3 becomes more
3723 widely available.
3724*/
3725/* ========== COLORS ========== */
3726/**
3727*
3728* Material design color palettes.
3729* @see http://www.google.com/design/spec/style/color.html
3730*
3731**/
3732/**
3733 * Copyright 2015 Google Inc. All Rights Reserved.
3734 *
3735 * Licensed under the Apache License, Version 2.0 (the "License");
3736 * you may not use this file except in compliance with the License.
3737 * You may obtain a copy of the License at
3738 *
3739 * http://www.apache.org/licenses/LICENSE-2.0
3740 *
3741 * Unless required by applicable law or agreed to in writing, software
3742 * distributed under the License is distributed on an "AS IS" BASIS,
3743 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3744 * See the License for the specific language governing permissions and
3745 * limitations under the License.
3746 */
3747/* ========== Color Palettes ========== */
3748/* colors.scss */
3749/**
3750 * Copyright 2015 Google Inc. All Rights Reserved.
3751 *
3752 * Licensed under the Apache License, Version 2.0 (the "License");
3753 * you may not use this file except in compliance with the License.
3754 * You may obtain a copy of the License at
3755 *
3756 * http://www.apache.org/licenses/LICENSE-2.0
3757 *
3758 * Unless required by applicable law or agreed to in writing, software
3759 * distributed under the License is distributed on an "AS IS" BASIS,
3760 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3761 * See the License for the specific language governing permissions and
3762 * limitations under the License.
3763 */
3764/* ========== IMAGES ========== */
3765/* ========== Color & Themes ========== */
3766/* ========== Typography ========== */
3767/* ========== Components ========== */
3768/* ========== Standard Buttons ========== */
3769/* ========== Icon Toggles ========== */
3770/* ========== Radio Buttons ========== */
3771/* ========== Ripple effect ========== */
3772/* ========== Layout ========== */
3773/* ========== Content Tabs ========== */
3774/* ========== Checkboxes ========== */
3775/* ========== Switches ========== */
3776/* ========== Spinner ========== */
3777/* ========== Text fields ========== */
3778/* ========== Card ========== */
3779/* ========== Sliders ========== */
3780/* ========== Progress ========== */
3781/* ========== List ========== */
3782/* ========== Item ========== */
3783/* ========== Dropdown menu ========== */
3784/* ========== Tooltips ========== */
3785/* ========== Footer ========== */
3786/* TEXTFIELD */
3787/* SWITCH */
3788/* SPINNER */
3789/* RADIO */
3790/* MENU */
3791/* LIST */
3792/* LAYOUT */
3793/* ICON TOGGLE */
3794/* FOOTER */
3795/*mega-footer*/
3796/*mini-footer*/
3797/* CHECKBOX */
3798/* CARD */
3799/* Card dimensions */
3800/* Cover image */
3801/* BUTTON */
3802/**
3803 *
3804 * Dimensions
3805 *
3806 */
3807/* ANIMATION */
3808/* PROGRESS */
3809/* BADGE */
3810/* SHADOWS */
3811/* GRID */
3812/* DATA TABLE */
3813/* DIALOG */
3814/* SNACKBAR */
3815/* TOOLTIP */
3816/* CHIP */
3817/**
3818 * Copyright 2015 Google Inc. All Rights Reserved.
3819 *
3820 * Licensed under the Apache License, Version 2.0 (the "License");
3821 * you may not use this file except in compliance with the License.
3822 * You may obtain a copy of the License at
3823 *
3824 * http://www.apache.org/licenses/LICENSE-2.0
3825 *
3826 * Unless required by applicable law or agreed to in writing, software
3827 * distributed under the License is distributed on an "AS IS" BASIS,
3828 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3829 * See the License for the specific language governing permissions and
3830 * limitations under the License.
3831 */
3832/* Typography */
3833/* Shadows */
3834/* Animations */
3835/* Dialog */
3836.mdl-button {
3837 background: transparent;
3838 border: none;
3839 border-radius: 2px;
3840 color: rgb(0,0,0);
3841 position: relative;
3842 height: 36px;
3843 margin: 0;
3844 min-width: 64px;
3845 padding: 0 16px;
3846 display: inline-block;
3847 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3848 font-size: 14px;
3849 font-weight: 500;
3850 text-transform: uppercase;
3851 line-height: 1;
3852 letter-spacing: 0;
3853 overflow: hidden;
3854 will-change: box-shadow;
3855 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);
3856 outline: none;
3857 cursor: pointer;
3858 text-decoration: none;
3859 text-align: center;
3860 line-height: 36px;
3861 vertical-align: middle; }
3862 .mdl-button::-moz-focus-inner {
3863 border: 0; }
3864 .mdl-button:hover {
3865 background-color: rgba(158,158,158, 0.20); }
3866 .mdl-button:focus:not(:active) {
3867 background-color: rgba(0,0,0, 0.12); }
3868 .mdl-button:active {
3869 background-color: rgba(158,158,158, 0.40); }
3870 .mdl-button.mdl-button--colored {
3871 color: rgb(63,81,181); }
3872 .mdl-button.mdl-button--colored:focus:not(:active) {
3873 background-color: rgba(0,0,0, 0.12); }
3874
3875input.mdl-button[type="submit"] {
3876 -webkit-appearance: none; }
3877
3878.mdl-button--raised {
3879 background: rgba(158,158,158, 0.20);
3880 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); }
3881 .mdl-button--raised:active {
3882 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);
3883 background-color: rgba(158,158,158, 0.40); }
3884 .mdl-button--raised:focus:not(:active) {
3885 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3886 background-color: rgba(158,158,158, 0.40); }
3887 .mdl-button--raised.mdl-button--colored {
3888 background: rgb(63,81,181);
3889 color: rgb(255,255,255); }
3890 .mdl-button--raised.mdl-button--colored:hover {
3891 background-color: rgb(63,81,181); }
3892 .mdl-button--raised.mdl-button--colored:active {
3893 background-color: rgb(63,81,181); }
3894 .mdl-button--raised.mdl-button--colored:focus:not(:active) {
3895 background-color: rgb(63,81,181); }
3896 .mdl-button--raised.mdl-button--colored .mdl-ripple {
3897 background: rgb(255,255,255); }
3898
3899.mdl-button--fab {
3900 border-radius: 50%;
3901 font-size: 24px;
3902 height: 56px;
3903 margin: auto;
3904 min-width: 56px;
3905 width: 56px;
3906 padding: 0;
3907 overflow: hidden;
3908 background: rgba(158,158,158, 0.20);
3909 box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
3910 position: relative;
3911 line-height: normal; }
3912 .mdl-button--fab .material-icons {
3913 position: absolute;
3914 top: 50%;
3915 left: 50%;
3916 -webkit-transform: translate(-12px, -12px);
3917 transform: translate(-12px, -12px);
3918 line-height: 24px;
3919 width: 24px; }
3920 .mdl-button--fab.mdl-button--mini-fab {
3921 height: 40px;
3922 min-width: 40px;
3923 width: 40px; }
3924 .mdl-button--fab .mdl-button__ripple-container {
3925 border-radius: 50%;
3926 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3927 .mdl-button--fab:active {
3928 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);
3929 background-color: rgba(158,158,158, 0.40); }
3930 .mdl-button--fab:focus:not(:active) {
3931 box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3932 background-color: rgba(158,158,158, 0.40); }
3933 .mdl-button--fab.mdl-button--colored {
3934 background: rgb(255,64,129);
3935 color: rgb(255,255,255); }
3936 .mdl-button--fab.mdl-button--colored:hover {
3937 background-color: rgb(255,64,129); }
3938 .mdl-button--fab.mdl-button--colored:focus:not(:active) {
3939 background-color: rgb(255,64,129); }
3940 .mdl-button--fab.mdl-button--colored:active {
3941 background-color: rgb(255,64,129); }
3942 .mdl-button--fab.mdl-button--colored .mdl-ripple {
3943 background: rgb(255,255,255); }
3944
3945.mdl-button--icon {
3946 border-radius: 50%;
3947 font-size: 24px;
3948 height: 32px;
3949 margin-left: 0;
3950 margin-right: 0;
3951 min-width: 32px;
3952 width: 32px;
3953 padding: 0;
3954 overflow: hidden;
3955 color: inherit;
3956 line-height: normal; }
3957 .mdl-button--icon .material-icons {
3958 position: absolute;
3959 top: 50%;
3960 left: 50%;
3961 -webkit-transform: translate(-12px, -12px);
3962 transform: translate(-12px, -12px);
3963 line-height: 24px;
3964 width: 24px; }
3965 .mdl-button--icon.mdl-button--mini-icon {
3966 height: 24px;
3967 min-width: 24px;
3968 width: 24px; }
3969 .mdl-button--icon.mdl-button--mini-icon .material-icons {
3970 top: 0px;
3971 left: 0px; }
3972 .mdl-button--icon .mdl-button__ripple-container {
3973 border-radius: 50%;
3974 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3975
3976.mdl-button__ripple-container {
3977 display: block;
3978 height: 100%;
3979 left: 0px;
3980 position: absolute;
3981 top: 0px;
3982 width: 100%;
3983 z-index: 0;
3984 overflow: hidden; }
3985 .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
3986 .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
3987 background-color: transparent; }
3988
3989.mdl-button--primary.mdl-button--primary {
3990 color: rgb(63,81,181); }
3991 .mdl-button--primary.mdl-button--primary .mdl-ripple {
3992 background: rgb(255,255,255); }
3993 .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
3994 color: rgb(255,255,255);
3995 background-color: rgb(63,81,181); }
3996
3997.mdl-button--accent.mdl-button--accent {
3998 color: rgb(255,64,129); }
3999 .mdl-button--accent.mdl-button--accent .mdl-ripple {
4000 background: rgb(255,255,255); }
4001 .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
4002 color: rgb(255,255,255);
4003 background-color: rgb(255,64,129); }
4004
4005.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
4006 color: rgba(0,0,0, 0.26);
4007 cursor: default;
4008 background-color: transparent; }
4009
4010.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
4011 background-color: rgba(0,0,0, 0.12);
4012 color: rgba(0,0,0, 0.26); }
4013
4014.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
4015 background-color: rgba(0,0,0, 0.12);
4016 color: rgba(0,0,0, 0.26);
4017 box-shadow: none; }
4018
4019.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
4020 color: rgba(0,0,0, 0.26); }
4021
4022.mdl-button .material-icons {
4023 vertical-align: middle; }
4024
4025/**
4026 * Copyright 2015 Google Inc. All Rights Reserved.
4027 *
4028 * Licensed under the Apache License, Version 2.0 (the "License");
4029 * you may not use this file except in compliance with the License.
4030 * You may obtain a copy of the License at
4031 *
4032 * http://www.apache.org/licenses/LICENSE-2.0
4033 *
4034 * Unless required by applicable law or agreed to in writing, software
4035 * distributed under the License is distributed on an "AS IS" BASIS,
4036 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4037 * See the License for the specific language governing permissions and
4038 * limitations under the License.
4039 */
4040/**
4041 * Copyright 2015 Google Inc. All Rights Reserved.
4042 *
4043 * Licensed under the Apache License, Version 2.0 (the "License");
4044 * you may not use this file except in compliance with the License.
4045 * You may obtain a copy of the License at
4046 *
4047 * http://www.apache.org/licenses/LICENSE-2.0
4048 *
4049 * Unless required by applicable law or agreed to in writing, software
4050 * distributed under the License is distributed on an "AS IS" BASIS,
4051 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4052 * See the License for the specific language governing permissions and
4053 * limitations under the License.
4054 */
4055/*------------------------------------* $CONTENTS
4056\*------------------------------------*/
4057/**
4058 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4059 * -----Typography
4060 * -----Colors
4061 * -----Textfield
4062 * -----Switch
4063 * -----Spinner
4064 * -----Radio
4065 * -----Menu
4066 * -----List
4067 * -----Layout
4068 * -----Icon toggles
4069 * -----Footer
4070 * -----Column
4071 * -----Checkbox
4072 * -----Card
4073 * -----Button
4074 * -----Animation
4075 * -----Progress
4076 * -----Badge
4077 * -----Shadows
4078 * -----Grid
4079 * -----Data table
4080 * -----Dialog
4081 * -----Snackbar
4082 * -----Tooltip
4083 * -----Chip
4084 *
4085 * Even though all variables have the `!default` directive, most of them
4086 * should not be changed as they are dependent one another. This can cause
4087 * visual distortions (like alignment issues) that are hard to track down
4088 * and fix.
4089 */
4090/* ========== TYPOGRAPHY ========== */
4091/* We're splitting fonts into "preferred" and "performance" in order to optimize
4092 page loading. For important text, such as the body, we want it to load
4093 immediately and not wait for the web font load, whereas for other sections,
4094 such as headers and titles, we're OK with things taking a bit longer to load.
4095 We do have some optional classes and parameters in the mixins, in case you
4096 definitely want to make sure you're using the preferred font and don't mind
4097 the performance hit.
4098 We should be able to improve on this once CSS Font Loading L3 becomes more
4099 widely available.
4100*/
4101/* ========== COLORS ========== */
4102/**
4103*
4104* Material design color palettes.
4105* @see http://www.google.com/design/spec/style/color.html
4106*
4107**/
4108/**
4109 * Copyright 2015 Google Inc. All Rights Reserved.
4110 *
4111 * Licensed under the Apache License, Version 2.0 (the "License");
4112 * you may not use this file except in compliance with the License.
4113 * You may obtain a copy of the License at
4114 *
4115 * http://www.apache.org/licenses/LICENSE-2.0
4116 *
4117 * Unless required by applicable law or agreed to in writing, software
4118 * distributed under the License is distributed on an "AS IS" BASIS,
4119 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4120 * See the License for the specific language governing permissions and
4121 * limitations under the License.
4122 */
4123/* ========== Color Palettes ========== */
4124/* colors.scss */
4125/**
4126 * Copyright 2015 Google Inc. All Rights Reserved.
4127 *
4128 * Licensed under the Apache License, Version 2.0 (the "License");
4129 * you may not use this file except in compliance with the License.
4130 * You may obtain a copy of the License at
4131 *
4132 * http://www.apache.org/licenses/LICENSE-2.0
4133 *
4134 * Unless required by applicable law or agreed to in writing, software
4135 * distributed under the License is distributed on an "AS IS" BASIS,
4136 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4137 * See the License for the specific language governing permissions and
4138 * limitations under the License.
4139 */
4140/* ========== IMAGES ========== */
4141/* ========== Color & Themes ========== */
4142/* ========== Typography ========== */
4143/* ========== Components ========== */
4144/* ========== Standard Buttons ========== */
4145/* ========== Icon Toggles ========== */
4146/* ========== Radio Buttons ========== */
4147/* ========== Ripple effect ========== */
4148/* ========== Layout ========== */
4149/* ========== Content Tabs ========== */
4150/* ========== Checkboxes ========== */
4151/* ========== Switches ========== */
4152/* ========== Spinner ========== */
4153/* ========== Text fields ========== */
4154/* ========== Card ========== */
4155/* ========== Sliders ========== */
4156/* ========== Progress ========== */
4157/* ========== List ========== */
4158/* ========== Item ========== */
4159/* ========== Dropdown menu ========== */
4160/* ========== Tooltips ========== */
4161/* ========== Footer ========== */
4162/* TEXTFIELD */
4163/* SWITCH */
4164/* SPINNER */
4165/* RADIO */
4166/* MENU */
4167/* LIST */
4168/* LAYOUT */
4169/* ICON TOGGLE */
4170/* FOOTER */
4171/*mega-footer*/
4172/*mini-footer*/
4173/* CHECKBOX */
4174/* CARD */
4175/* Card dimensions */
4176/* Cover image */
4177/* BUTTON */
4178/**
4179 *
4180 * Dimensions
4181 *
4182 */
4183/* ANIMATION */
4184/* PROGRESS */
4185/* BADGE */
4186/* SHADOWS */
4187/* GRID */
4188/* DATA TABLE */
4189/* DIALOG */
4190/* SNACKBAR */
4191/* TOOLTIP */
4192/* CHIP */
4193.mdl-card {
4194 display: -webkit-flex;
4195 display: -ms-flexbox;
4196 display: flex;
4197 -webkit-flex-direction: column;
4198 -ms-flex-direction: column;
4199 flex-direction: column;
4200 font-size: 16px;
4201 font-weight: 400;
4202 min-height: 200px;
4203 overflow: hidden;
4204 width: 330px;
4205 z-index: 1;
4206 position: relative;
4207 background: rgb(255,255,255);
4208 border-radius: 2px;
4209 box-sizing: border-box; }
4210
4211.mdl-card__media {
4212 background-color: rgb(255,64,129);
4213 background-repeat: repeat;
4214 background-position: 50% 50%;
4215 background-size: cover;
4216 background-origin: padding-box;
4217 background-attachment: scroll;
4218 box-sizing: border-box; }
4219
4220.mdl-card__title {
4221 -webkit-align-items: center;
4222 -ms-flex-align: center;
4223 align-items: center;
4224 color: rgb(0,0,0);
4225 display: block;
4226 display: -webkit-flex;
4227 display: -ms-flexbox;
4228 display: flex;
4229 -webkit-justify-content: stretch;
4230 -ms-flex-pack: stretch;
4231 justify-content: stretch;
4232 line-height: normal;
4233 padding: 16px 16px;
4234 -webkit-perspective-origin: 165px 56px;
4235 perspective-origin: 165px 56px;
4236 -webkit-transform-origin: 165px 56px;
4237 transform-origin: 165px 56px;
4238 box-sizing: border-box; }
4239 .mdl-card__title.mdl-card--border {
4240 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4241
4242.mdl-card__title-text {
4243 -webkit-align-self: flex-end;
4244 -ms-flex-item-align: end;
4245 align-self: flex-end;
4246 color: inherit;
4247 display: block;
4248 display: -webkit-flex;
4249 display: -ms-flexbox;
4250 display: flex;
4251 font-size: 24px;
4252 font-weight: 300;
4253 line-height: normal;
4254 overflow: hidden;
4255 -webkit-transform-origin: 149px 48px;
4256 transform-origin: 149px 48px;
4257 margin: 0; }
4258
4259.mdl-card__subtitle-text {
4260 font-size: 14px;
4261 color: rgba(0,0,0, 0.54);
4262 margin: 0; }
4263
4264.mdl-card__supporting-text {
4265 color: rgba(0,0,0, 0.54);
4266 font-size: 1rem;
4267 line-height: 18px;
4268 overflow: hidden;
4269 padding: 16px 16px;
4270 width: 90%; }
4271 .mdl-card__supporting-text.mdl-card--border {
4272 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4273
4274.mdl-card__actions {
4275 font-size: 16px;
4276 line-height: normal;
4277 width: 100%;
4278 background-color: transparent;
4279 padding: 8px;
4280 box-sizing: border-box; }
4281 .mdl-card__actions.mdl-card--border {
4282 border-top: 1px solid rgba(0, 0, 0, 0.1); }
4283
4284.mdl-card--expand {
4285 -webkit-flex-grow: 1;
4286 -ms-flex-positive: 1;
4287 flex-grow: 1; }
4288
4289.mdl-card__menu {
4290 position: absolute;
4291 right: 16px;
4292 top: 16px; }
4293
4294/**
4295 * Copyright 2015 Google Inc. All Rights Reserved.
4296 *
4297 * Licensed under the Apache License, Version 2.0 (the "License");
4298 * you may not use this file except in compliance with the License.
4299 * You may obtain a copy of the License at
4300 *
4301 * http://www.apache.org/licenses/LICENSE-2.0
4302 *
4303 * Unless required by applicable law or agreed to in writing, software
4304 * distributed under the License is distributed on an "AS IS" BASIS,
4305 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4306 * See the License for the specific language governing permissions and
4307 * limitations under the License.
4308 */
4309/**
4310 * Copyright 2015 Google Inc. All Rights Reserved.
4311 *
4312 * Licensed under the Apache License, Version 2.0 (the "License");
4313 * you may not use this file except in compliance with the License.
4314 * You may obtain a copy of the License at
4315 *
4316 * http://www.apache.org/licenses/LICENSE-2.0
4317 *
4318 * Unless required by applicable law or agreed to in writing, software
4319 * distributed under the License is distributed on an "AS IS" BASIS,
4320 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4321 * See the License for the specific language governing permissions and
4322 * limitations under the License.
4323 */
4324/*------------------------------------* $CONTENTS
4325\*------------------------------------*/
4326/**
4327 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4328 * -----Typography
4329 * -----Colors
4330 * -----Textfield
4331 * -----Switch
4332 * -----Spinner
4333 * -----Radio
4334 * -----Menu
4335 * -----List
4336 * -----Layout
4337 * -----Icon toggles
4338 * -----Footer
4339 * -----Column
4340 * -----Checkbox
4341 * -----Card
4342 * -----Button
4343 * -----Animation
4344 * -----Progress
4345 * -----Badge
4346 * -----Shadows
4347 * -----Grid
4348 * -----Data table
4349 * -----Dialog
4350 * -----Snackbar
4351 * -----Tooltip
4352 * -----Chip
4353 *
4354 * Even though all variables have the `!default` directive, most of them
4355 * should not be changed as they are dependent one another. This can cause
4356 * visual distortions (like alignment issues) that are hard to track down
4357 * and fix.
4358 */
4359/* ========== TYPOGRAPHY ========== */
4360/* We're splitting fonts into "preferred" and "performance" in order to optimize
4361 page loading. For important text, such as the body, we want it to load
4362 immediately and not wait for the web font load, whereas for other sections,
4363 such as headers and titles, we're OK with things taking a bit longer to load.
4364 We do have some optional classes and parameters in the mixins, in case you
4365 definitely want to make sure you're using the preferred font and don't mind
4366 the performance hit.
4367 We should be able to improve on this once CSS Font Loading L3 becomes more
4368 widely available.
4369*/
4370/* ========== COLORS ========== */
4371/**
4372*
4373* Material design color palettes.
4374* @see http://www.google.com/design/spec/style/color.html
4375*
4376**/
4377/**
4378 * Copyright 2015 Google Inc. All Rights Reserved.
4379 *
4380 * Licensed under the Apache License, Version 2.0 (the "License");
4381 * you may not use this file except in compliance with the License.
4382 * You may obtain a copy of the License at
4383 *
4384 * http://www.apache.org/licenses/LICENSE-2.0
4385 *
4386 * Unless required by applicable law or agreed to in writing, software
4387 * distributed under the License is distributed on an "AS IS" BASIS,
4388 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4389 * See the License for the specific language governing permissions and
4390 * limitations under the License.
4391 */
4392/* ========== Color Palettes ========== */
4393/* colors.scss */
4394/**
4395 * Copyright 2015 Google Inc. All Rights Reserved.
4396 *
4397 * Licensed under the Apache License, Version 2.0 (the "License");
4398 * you may not use this file except in compliance with the License.
4399 * You may obtain a copy of the License at
4400 *
4401 * http://www.apache.org/licenses/LICENSE-2.0
4402 *
4403 * Unless required by applicable law or agreed to in writing, software
4404 * distributed under the License is distributed on an "AS IS" BASIS,
4405 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4406 * See the License for the specific language governing permissions and
4407 * limitations under the License.
4408 */
4409/* ========== IMAGES ========== */
4410/* ========== Color & Themes ========== */
4411/* ========== Typography ========== */
4412/* ========== Components ========== */
4413/* ========== Standard Buttons ========== */
4414/* ========== Icon Toggles ========== */
4415/* ========== Radio Buttons ========== */
4416/* ========== Ripple effect ========== */
4417/* ========== Layout ========== */
4418/* ========== Content Tabs ========== */
4419/* ========== Checkboxes ========== */
4420/* ========== Switches ========== */
4421/* ========== Spinner ========== */
4422/* ========== Text fields ========== */
4423/* ========== Card ========== */
4424/* ========== Sliders ========== */
4425/* ========== Progress ========== */
4426/* ========== List ========== */
4427/* ========== Item ========== */
4428/* ========== Dropdown menu ========== */
4429/* ========== Tooltips ========== */
4430/* ========== Footer ========== */
4431/* TEXTFIELD */
4432/* SWITCH */
4433/* SPINNER */
4434/* RADIO */
4435/* MENU */
4436/* LIST */
4437/* LAYOUT */
4438/* ICON TOGGLE */
4439/* FOOTER */
4440/*mega-footer*/
4441/*mini-footer*/
4442/* CHECKBOX */
4443/* CARD */
4444/* Card dimensions */
4445/* Cover image */
4446/* BUTTON */
4447/**
4448 *
4449 * Dimensions
4450 *
4451 */
4452/* ANIMATION */
4453/* PROGRESS */
4454/* BADGE */
4455/* SHADOWS */
4456/* GRID */
4457/* DATA TABLE */
4458/* DIALOG */
4459/* SNACKBAR */
4460/* TOOLTIP */
4461/* CHIP */
4462/**
4463 * Copyright 2015 Google Inc. All Rights Reserved.
4464 *
4465 * Licensed under the Apache License, Version 2.0 (the "License");
4466 * you may not use this file except in compliance with the License.
4467 * You may obtain a copy of the License at
4468 *
4469 * http://www.apache.org/licenses/LICENSE-2.0
4470 *
4471 * Unless required by applicable law or agreed to in writing, software
4472 * distributed under the License is distributed on an "AS IS" BASIS,
4473 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4474 * See the License for the specific language governing permissions and
4475 * limitations under the License.
4476 */
4477/* Typography */
4478/* Shadows */
4479/* Animations */
4480/* Dialog */
4481.mdl-checkbox {
4482 position: relative;
4483 z-index: 1;
4484 vertical-align: middle;
4485 display: inline-block;
4486 box-sizing: border-box;
4487 width: 100%;
4488 height: 24px;
4489 margin: 0;
4490 padding: 0; }
4491 .mdl-checkbox.is-upgraded {
4492 padding-left: 24px; }
4493
4494.mdl-checkbox__input {
4495 line-height: 24px; }
4496 .mdl-checkbox.is-upgraded .mdl-checkbox__input {
4497 position: absolute;
4498 width: 0;
4499 height: 0;
4500 margin: 0;
4501 padding: 0;
4502 opacity: 0;
4503 -ms-appearance: none;
4504 -moz-appearance: none;
4505 -webkit-appearance: none;
4506 appearance: none;
4507 border: none; }
4508
4509.mdl-checkbox__box-outline {
4510 position: absolute;
4511 top: 3px;
4512 left: 0;
4513 display: inline-block;
4514 box-sizing: border-box;
4515 width: 16px;
4516 height: 16px;
4517 margin: 0;
4518 cursor: pointer;
4519 overflow: hidden;
4520 border: 2px solid rgba(0,0,0, 0.54);
4521 border-radius: 2px;
4522 z-index: 2; }
4523 .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
4524 border: 2px solid rgb(63,81,181); }
4525 fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
4526 .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
4527 border: 2px solid rgba(0,0,0, 0.26);
4528 cursor: auto; }
4529
4530.mdl-checkbox__focus-helper {
4531 position: absolute;
4532 top: 3px;
4533 left: 0;
4534 display: inline-block;
4535 box-sizing: border-box;
4536 width: 16px;
4537 height: 16px;
4538 border-radius: 50%;
4539 background-color: transparent; }
4540 .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
4541 box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
4542 background-color: rgba(0, 0, 0, 0.1); }
4543 .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
4544 box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
4545 background-color: rgba(63,81,181, 0.26); }
4546
4547.mdl-checkbox__tick-outline {
4548 position: absolute;
4549 top: 0;
4550 left: 0;
4551 height: 100%;
4552 width: 100%;
4553 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4554 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4555 background: transparent;
4556 transition-duration: 0.28s;
4557 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4558 transition-property: background; }
4559 .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
4560 background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4561 fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
4562 .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
4563 background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4564
4565.mdl-checkbox__label {
4566 position: relative;
4567 cursor: pointer;
4568 font-size: 16px;
4569 line-height: 24px;
4570 margin: 0; }
4571 fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
4572 .mdl-checkbox.is-disabled .mdl-checkbox__label {
4573 color: rgba(0,0,0, 0.26);
4574 cursor: auto; }
4575
4576.mdl-checkbox__ripple-container {
4577 position: absolute;
4578 z-index: 2;
4579 top: -6px;
4580 left: -10px;
4581 box-sizing: border-box;
4582 width: 36px;
4583 height: 36px;
4584 border-radius: 50%;
4585 cursor: pointer;
4586 overflow: hidden;
4587 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
4588 .mdl-checkbox__ripple-container .mdl-ripple {
4589 background: rgb(63,81,181); }
4590 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
4591 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
4592 cursor: auto; }
4593 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
4594 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
4595 background: transparent; }
4596
4597/**
4598 * Copyright 2015 Google Inc. All Rights Reserved.
4599 *
4600 * Licensed under the Apache License, Version 2.0 (the "License");
4601 * you may not use this file except in compliance with the License.
4602 * You may obtain a copy of the License at
4603 *
4604 * http://www.apache.org/licenses/LICENSE-2.0
4605 *
4606 * Unless required by applicable law or agreed to in writing, software
4607 * distributed under the License is distributed on an "AS IS" BASIS,
4608 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4609 * See the License for the specific language governing permissions and
4610 * limitations under the License.
4611 */
4612/**
4613 * Copyright 2015 Google Inc. All Rights Reserved.
4614 *
4615 * Licensed under the Apache License, Version 2.0 (the "License");
4616 * you may not use this file except in compliance with the License.
4617 * You may obtain a copy of the License at
4618 *
4619 * http://www.apache.org/licenses/LICENSE-2.0
4620 *
4621 * Unless required by applicable law or agreed to in writing, software
4622 * distributed under the License is distributed on an "AS IS" BASIS,
4623 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4624 * See the License for the specific language governing permissions and
4625 * limitations under the License.
4626 */
4627/*------------------------------------* $CONTENTS
4628\*------------------------------------*/
4629/**
4630 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4631 * -----Typography
4632 * -----Colors
4633 * -----Textfield
4634 * -----Switch
4635 * -----Spinner
4636 * -----Radio
4637 * -----Menu
4638 * -----List
4639 * -----Layout
4640 * -----Icon toggles
4641 * -----Footer
4642 * -----Column
4643 * -----Checkbox
4644 * -----Card
4645 * -----Button
4646 * -----Animation
4647 * -----Progress
4648 * -----Badge
4649 * -----Shadows
4650 * -----Grid
4651 * -----Data table
4652 * -----Dialog
4653 * -----Snackbar
4654 * -----Tooltip
4655 * -----Chip
4656 *
4657 * Even though all variables have the `!default` directive, most of them
4658 * should not be changed as they are dependent one another. This can cause
4659 * visual distortions (like alignment issues) that are hard to track down
4660 * and fix.
4661 */
4662/* ========== TYPOGRAPHY ========== */
4663/* We're splitting fonts into "preferred" and "performance" in order to optimize
4664 page loading. For important text, such as the body, we want it to load
4665 immediately and not wait for the web font load, whereas for other sections,
4666 such as headers and titles, we're OK with things taking a bit longer to load.
4667 We do have some optional classes and parameters in the mixins, in case you
4668 definitely want to make sure you're using the preferred font and don't mind
4669 the performance hit.
4670 We should be able to improve on this once CSS Font Loading L3 becomes more
4671 widely available.
4672*/
4673/* ========== COLORS ========== */
4674/**
4675*
4676* Material design color palettes.
4677* @see http://www.google.com/design/spec/style/color.html
4678*
4679**/
4680/**
4681 * Copyright 2015 Google Inc. All Rights Reserved.
4682 *
4683 * Licensed under the Apache License, Version 2.0 (the "License");
4684 * you may not use this file except in compliance with the License.
4685 * You may obtain a copy of the License at
4686 *
4687 * http://www.apache.org/licenses/LICENSE-2.0
4688 *
4689 * Unless required by applicable law or agreed to in writing, software
4690 * distributed under the License is distributed on an "AS IS" BASIS,
4691 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4692 * See the License for the specific language governing permissions and
4693 * limitations under the License.
4694 */
4695/* ========== Color Palettes ========== */
4696/* colors.scss */
4697/**
4698 * Copyright 2015 Google Inc. All Rights Reserved.
4699 *
4700 * Licensed under the Apache License, Version 2.0 (the "License");
4701 * you may not use this file except in compliance with the License.
4702 * You may obtain a copy of the License at
4703 *
4704 * http://www.apache.org/licenses/LICENSE-2.0
4705 *
4706 * Unless required by applicable law or agreed to in writing, software
4707 * distributed under the License is distributed on an "AS IS" BASIS,
4708 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4709 * See the License for the specific language governing permissions and
4710 * limitations under the License.
4711 */
4712/* ========== IMAGES ========== */
4713/* ========== Color & Themes ========== */
4714/* ========== Typography ========== */
4715/* ========== Components ========== */
4716/* ========== Standard Buttons ========== */
4717/* ========== Icon Toggles ========== */
4718/* ========== Radio Buttons ========== */
4719/* ========== Ripple effect ========== */
4720/* ========== Layout ========== */
4721/* ========== Content Tabs ========== */
4722/* ========== Checkboxes ========== */
4723/* ========== Switches ========== */
4724/* ========== Spinner ========== */
4725/* ========== Text fields ========== */
4726/* ========== Card ========== */
4727/* ========== Sliders ========== */
4728/* ========== Progress ========== */
4729/* ========== List ========== */
4730/* ========== Item ========== */
4731/* ========== Dropdown menu ========== */
4732/* ========== Tooltips ========== */
4733/* ========== Footer ========== */
4734/* TEXTFIELD */
4735/* SWITCH */
4736/* SPINNER */
4737/* RADIO */
4738/* MENU */
4739/* LIST */
4740/* LAYOUT */
4741/* ICON TOGGLE */
4742/* FOOTER */
4743/*mega-footer*/
4744/*mini-footer*/
4745/* CHECKBOX */
4746/* CARD */
4747/* Card dimensions */
4748/* Cover image */
4749/* BUTTON */
4750/**
4751 *
4752 * Dimensions
4753 *
4754 */
4755/* ANIMATION */
4756/* PROGRESS */
4757/* BADGE */
4758/* SHADOWS */
4759/* GRID */
4760/* DATA TABLE */
4761/* DIALOG */
4762/* SNACKBAR */
4763/* TOOLTIP */
4764/* CHIP */
4765/**
4766 * Copyright 2015 Google Inc. All Rights Reserved.
4767 *
4768 * Licensed under the Apache License, Version 2.0 (the "License");
4769 * you may not use this file except in compliance with the License.
4770 * You may obtain a copy of the License at
4771 *
4772 * http://www.apache.org/licenses/LICENSE-2.0
4773 *
4774 * Unless required by applicable law or agreed to in writing, software
4775 * distributed under the License is distributed on an "AS IS" BASIS,
4776 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4777 * See the License for the specific language governing permissions and
4778 * limitations under the License.
4779 */
4780/* Typography */
4781/* Shadows */
4782/* Animations */
4783/* Dialog */
4784.mdl-chip {
4785 height: 32px;
4786 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
4787 line-height: 32px;
4788 padding: 0 12px;
4789 border: 0;
4790 border-radius: 16px;
4791 background-color: #dedede;
4792 display: inline-block;
4793 color: rgba(0,0,0, 0.87);
4794 margin: 2px 0;
4795 font-size: 0;
4796 white-space: nowrap; }
4797 .mdl-chip__text {
4798 font-size: 13px;
4799 vertical-align: middle;
4800 display: inline-block; }
4801 .mdl-chip__action {
4802 height: 24px;
4803 width: 24px;
4804 background: transparent;
4805 opacity: 0.54;
4806 display: inline-block;
4807 cursor: pointer;
4808 text-align: center;
4809 vertical-align: middle;
4810 padding: 0;
4811 margin: 0 0 0 4px;
4812 font-size: 13px;
4813 text-decoration: none;
4814 color: rgba(0,0,0, 0.87);
4815 border: none;
4816 outline: none;
4817 overflow: hidden; }
4818 .mdl-chip__contact {
4819 height: 32px;
4820 width: 32px;
4821 border-radius: 16px;
4822 display: inline-block;
4823 vertical-align: middle;
4824 margin-right: 8px;
4825 overflow: hidden;
4826 text-align: center;
4827 font-size: 18px;
4828 line-height: 32px; }
4829 .mdl-chip:focus {
4830 outline: 0;
4831 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); }
4832 .mdl-chip:active {
4833 background-color: #d6d6d6; }
4834 .mdl-chip--deletable {
4835 padding-right: 4px; }
4836 .mdl-chip--contact {
4837 padding-left: 0; }
4838
4839/**
4840 * Copyright 2015 Google Inc. All Rights Reserved.
4841 *
4842 * Licensed under the Apache License, Version 2.0 (the "License");
4843 * you may not use this file except in compliance with the License.
4844 * You may obtain a copy of the License at
4845 *
4846 * http://www.apache.org/licenses/LICENSE-2.0
4847 *
4848 * Unless required by applicable law or agreed to in writing, software
4849 * distributed under the License is distributed on an "AS IS" BASIS,
4850 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4851 * See the License for the specific language governing permissions and
4852 * limitations under the License.
4853 */
4854/**
4855 * Copyright 2015 Google Inc. All Rights Reserved.
4856 *
4857 * Licensed under the Apache License, Version 2.0 (the "License");
4858 * you may not use this file except in compliance with the License.
4859 * You may obtain a copy of the License at
4860 *
4861 * http://www.apache.org/licenses/LICENSE-2.0
4862 *
4863 * Unless required by applicable law or agreed to in writing, software
4864 * distributed under the License is distributed on an "AS IS" BASIS,
4865 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4866 * See the License for the specific language governing permissions and
4867 * limitations under the License.
4868 */
4869/*------------------------------------* $CONTENTS
4870\*------------------------------------*/
4871/**
4872 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4873 * -----Typography
4874 * -----Colors
4875 * -----Textfield
4876 * -----Switch
4877 * -----Spinner
4878 * -----Radio
4879 * -----Menu
4880 * -----List
4881 * -----Layout
4882 * -----Icon toggles
4883 * -----Footer
4884 * -----Column
4885 * -----Checkbox
4886 * -----Card
4887 * -----Button
4888 * -----Animation
4889 * -----Progress
4890 * -----Badge
4891 * -----Shadows
4892 * -----Grid
4893 * -----Data table
4894 * -----Dialog
4895 * -----Snackbar
4896 * -----Tooltip
4897 * -----Chip
4898 *
4899 * Even though all variables have the `!default` directive, most of them
4900 * should not be changed as they are dependent one another. This can cause
4901 * visual distortions (like alignment issues) that are hard to track down
4902 * and fix.
4903 */
4904/* ========== TYPOGRAPHY ========== */
4905/* We're splitting fonts into "preferred" and "performance" in order to optimize
4906 page loading. For important text, such as the body, we want it to load
4907 immediately and not wait for the web font load, whereas for other sections,
4908 such as headers and titles, we're OK with things taking a bit longer to load.
4909 We do have some optional classes and parameters in the mixins, in case you
4910 definitely want to make sure you're using the preferred font and don't mind
4911 the performance hit.
4912 We should be able to improve on this once CSS Font Loading L3 becomes more
4913 widely available.
4914*/
4915/* ========== COLORS ========== */
4916/**
4917*
4918* Material design color palettes.
4919* @see http://www.google.com/design/spec/style/color.html
4920*
4921**/
4922/**
4923 * Copyright 2015 Google Inc. All Rights Reserved.
4924 *
4925 * Licensed under the Apache License, Version 2.0 (the "License");
4926 * you may not use this file except in compliance with the License.
4927 * You may obtain a copy of the License at
4928 *
4929 * http://www.apache.org/licenses/LICENSE-2.0
4930 *
4931 * Unless required by applicable law or agreed to in writing, software
4932 * distributed under the License is distributed on an "AS IS" BASIS,
4933 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4934 * See the License for the specific language governing permissions and
4935 * limitations under the License.
4936 */
4937/* ========== Color Palettes ========== */
4938/* colors.scss */
4939/**
4940 * Copyright 2015 Google Inc. All Rights Reserved.
4941 *
4942 * Licensed under the Apache License, Version 2.0 (the "License");
4943 * you may not use this file except in compliance with the License.
4944 * You may obtain a copy of the License at
4945 *
4946 * http://www.apache.org/licenses/LICENSE-2.0
4947 *
4948 * Unless required by applicable law or agreed to in writing, software
4949 * distributed under the License is distributed on an "AS IS" BASIS,
4950 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4951 * See the License for the specific language governing permissions and
4952 * limitations under the License.
4953 */
4954/* ========== IMAGES ========== */
4955/* ========== Color & Themes ========== */
4956/* ========== Typography ========== */
4957/* ========== Components ========== */
4958/* ========== Standard Buttons ========== */
4959/* ========== Icon Toggles ========== */
4960/* ========== Radio Buttons ========== */
4961/* ========== Ripple effect ========== */
4962/* ========== Layout ========== */
4963/* ========== Content Tabs ========== */
4964/* ========== Checkboxes ========== */
4965/* ========== Switches ========== */
4966/* ========== Spinner ========== */
4967/* ========== Text fields ========== */
4968/* ========== Card ========== */
4969/* ========== Sliders ========== */
4970/* ========== Progress ========== */
4971/* ========== List ========== */
4972/* ========== Item ========== */
4973/* ========== Dropdown menu ========== */
4974/* ========== Tooltips ========== */
4975/* ========== Footer ========== */
4976/* TEXTFIELD */
4977/* SWITCH */
4978/* SPINNER */
4979/* RADIO */
4980/* MENU */
4981/* LIST */
4982/* LAYOUT */
4983/* ICON TOGGLE */
4984/* FOOTER */
4985/*mega-footer*/
4986/*mini-footer*/
4987/* CHECKBOX */
4988/* CARD */
4989/* Card dimensions */
4990/* Cover image */
4991/* BUTTON */
4992/**
4993 *
4994 * Dimensions
4995 *
4996 */
4997/* ANIMATION */
4998/* PROGRESS */
4999/* BADGE */
5000/* SHADOWS */
5001/* GRID */
5002/* DATA TABLE */
5003/* DIALOG */
5004/* SNACKBAR */
5005/* TOOLTIP */
5006/* CHIP */
5007/**
5008 * Copyright 2015 Google Inc. All Rights Reserved.
5009 *
5010 * Licensed under the Apache License, Version 2.0 (the "License");
5011 * you may not use this file except in compliance with the License.
5012 * You may obtain a copy of the License at
5013 *
5014 * http://www.apache.org/licenses/LICENSE-2.0
5015 *
5016 * Unless required by applicable law or agreed to in writing, software
5017 * distributed under the License is distributed on an "AS IS" BASIS,
5018 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5019 * See the License for the specific language governing permissions and
5020 * limitations under the License.
5021 */
5022/* Typography */
5023/* Shadows */
5024/* Animations */
5025/* Dialog */
5026.mdl-data-table {
5027 position: relative;
5028 border: 1px solid rgba(0, 0, 0, 0.12);
5029 border-collapse: collapse;
5030 white-space: nowrap;
5031 font-size: 13px;
5032 background-color: rgb(255,255,255); }
5033 .mdl-data-table thead {
5034 padding-bottom: 3px; }
5035 .mdl-data-table thead .mdl-data-table__select {
5036 margin-top: 0; }
5037 .mdl-data-table tbody tr {
5038 position: relative;
5039 height: 48px;
5040 transition-duration: 0.28s;
5041 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5042 transition-property: background-color; }
5043 .mdl-data-table tbody tr.is-selected {
5044 background-color: #e0e0e0; }
5045 .mdl-data-table tbody tr:hover {
5046 background-color: #eeeeee; }
5047 .mdl-data-table td, .mdl-data-table th {
5048 padding: 0 18px 12px 18px;
5049 text-align: right; }
5050 .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
5051 padding-left: 24px; }
5052 .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
5053 padding-right: 24px; }
5054 .mdl-data-table td {
5055 position: relative;
5056 vertical-align: middle;
5057 height: 48px;
5058 border-top: 1px solid rgba(0, 0, 0, 0.12);
5059 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5060 padding-top: 12px;
5061 box-sizing: border-box; }
5062 .mdl-data-table td .mdl-data-table__select {
5063 vertical-align: middle; }
5064 .mdl-data-table th {
5065 position: relative;
5066 vertical-align: bottom;
5067 text-overflow: ellipsis;
5068 font-size: 14px;
5069 font-weight: bold;
5070 line-height: 24px;
5071 letter-spacing: 0;
5072 height: 48px;
5073 font-size: 12px;
5074 color: rgba(0, 0, 0, 0.54);
5075 padding-bottom: 8px;
5076 box-sizing: border-box; }
5077 .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
5078 color: rgba(0, 0, 0, 0.87); }
5079 .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5080 font-family: 'Material Icons';
5081 font-weight: normal;
5082 font-style: normal;
5083 font-size: 24px;
5084 line-height: 1;
5085 letter-spacing: normal;
5086 text-transform: none;
5087 display: inline-block;
5088 word-wrap: normal;
5089 -moz-font-feature-settings: 'liga';
5090 font-feature-settings: 'liga';
5091 -webkit-font-feature-settings: 'liga';
5092 -webkit-font-smoothing: antialiased;
5093 font-size: 16px;
5094 content: "\e5d8";
5095 margin-right: 5px;
5096 vertical-align: sub; }
5097 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
5098 cursor: pointer; }
5099 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
5100 color: rgba(0, 0, 0, 0.26); }
5101 .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5102 content: "\e5db"; }
5103
5104.mdl-data-table__select {
5105 width: 16px; }
5106
5107.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
5108 text-align: left; }
5109
5110/**
5111 * Copyright 2015 Google Inc. All Rights Reserved.
5112 *
5113 * Licensed under the Apache License, Version 2.0 (the "License");
5114 * you may not use this file except in compliance with the License.
5115 * You may obtain a copy of the License at
5116 *
5117 * http://www.apache.org/licenses/LICENSE-2.0
5118 *
5119 * Unless required by applicable law or agreed to in writing, software
5120 * distributed under the License is distributed on an "AS IS" BASIS,
5121 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5122 * See the License for the specific language governing permissions and
5123 * limitations under the License.
5124 */
5125/**
5126 * Copyright 2015 Google Inc. All Rights Reserved.
5127 *
5128 * Licensed under the Apache License, Version 2.0 (the "License");
5129 * you may not use this file except in compliance with the License.
5130 * You may obtain a copy of the License at
5131 *
5132 * http://www.apache.org/licenses/LICENSE-2.0
5133 *
5134 * Unless required by applicable law or agreed to in writing, software
5135 * distributed under the License is distributed on an "AS IS" BASIS,
5136 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5137 * See the License for the specific language governing permissions and
5138 * limitations under the License.
5139 */
5140/*------------------------------------* $CONTENTS
5141\*------------------------------------*/
5142/**
5143 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5144 * -----Typography
5145 * -----Colors
5146 * -----Textfield
5147 * -----Switch
5148 * -----Spinner
5149 * -----Radio
5150 * -----Menu
5151 * -----List
5152 * -----Layout
5153 * -----Icon toggles
5154 * -----Footer
5155 * -----Column
5156 * -----Checkbox
5157 * -----Card
5158 * -----Button
5159 * -----Animation
5160 * -----Progress
5161 * -----Badge
5162 * -----Shadows
5163 * -----Grid
5164 * -----Data table
5165 * -----Dialog
5166 * -----Snackbar
5167 * -----Tooltip
5168 * -----Chip
5169 *
5170 * Even though all variables have the `!default` directive, most of them
5171 * should not be changed as they are dependent one another. This can cause
5172 * visual distortions (like alignment issues) that are hard to track down
5173 * and fix.
5174 */
5175/* ========== TYPOGRAPHY ========== */
5176/* We're splitting fonts into "preferred" and "performance" in order to optimize
5177 page loading. For important text, such as the body, we want it to load
5178 immediately and not wait for the web font load, whereas for other sections,
5179 such as headers and titles, we're OK with things taking a bit longer to load.
5180 We do have some optional classes and parameters in the mixins, in case you
5181 definitely want to make sure you're using the preferred font and don't mind
5182 the performance hit.
5183 We should be able to improve on this once CSS Font Loading L3 becomes more
5184 widely available.
5185*/
5186/* ========== COLORS ========== */
5187/**
5188*
5189* Material design color palettes.
5190* @see http://www.google.com/design/spec/style/color.html
5191*
5192**/
5193/**
5194 * Copyright 2015 Google Inc. All Rights Reserved.
5195 *
5196 * Licensed under the Apache License, Version 2.0 (the "License");
5197 * you may not use this file except in compliance with the License.
5198 * You may obtain a copy of the License at
5199 *
5200 * http://www.apache.org/licenses/LICENSE-2.0
5201 *
5202 * Unless required by applicable law or agreed to in writing, software
5203 * distributed under the License is distributed on an "AS IS" BASIS,
5204 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5205 * See the License for the specific language governing permissions and
5206 * limitations under the License.
5207 */
5208/* ========== Color Palettes ========== */
5209/* colors.scss */
5210/**
5211 * Copyright 2015 Google Inc. All Rights Reserved.
5212 *
5213 * Licensed under the Apache License, Version 2.0 (the "License");
5214 * you may not use this file except in compliance with the License.
5215 * You may obtain a copy of the License at
5216 *
5217 * http://www.apache.org/licenses/LICENSE-2.0
5218 *
5219 * Unless required by applicable law or agreed to in writing, software
5220 * distributed under the License is distributed on an "AS IS" BASIS,
5221 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5222 * See the License for the specific language governing permissions and
5223 * limitations under the License.
5224 */
5225/* ========== IMAGES ========== */
5226/* ========== Color & Themes ========== */
5227/* ========== Typography ========== */
5228/* ========== Components ========== */
5229/* ========== Standard Buttons ========== */
5230/* ========== Icon Toggles ========== */
5231/* ========== Radio Buttons ========== */
5232/* ========== Ripple effect ========== */
5233/* ========== Layout ========== */
5234/* ========== Content Tabs ========== */
5235/* ========== Checkboxes ========== */
5236/* ========== Switches ========== */
5237/* ========== Spinner ========== */
5238/* ========== Text fields ========== */
5239/* ========== Card ========== */
5240/* ========== Sliders ========== */
5241/* ========== Progress ========== */
5242/* ========== List ========== */
5243/* ========== Item ========== */
5244/* ========== Dropdown menu ========== */
5245/* ========== Tooltips ========== */
5246/* ========== Footer ========== */
5247/* TEXTFIELD */
5248/* SWITCH */
5249/* SPINNER */
5250/* RADIO */
5251/* MENU */
5252/* LIST */
5253/* LAYOUT */
5254/* ICON TOGGLE */
5255/* FOOTER */
5256/*mega-footer*/
5257/*mini-footer*/
5258/* CHECKBOX */
5259/* CARD */
5260/* Card dimensions */
5261/* Cover image */
5262/* BUTTON */
5263/**
5264 *
5265 * Dimensions
5266 *
5267 */
5268/* ANIMATION */
5269/* PROGRESS */
5270/* BADGE */
5271/* SHADOWS */
5272/* GRID */
5273/* DATA TABLE */
5274/* DIALOG */
5275/* SNACKBAR */
5276/* TOOLTIP */
5277/* CHIP */
5278/**
5279 * Copyright 2015 Google Inc. All Rights Reserved.
5280 *
5281 * Licensed under the Apache License, Version 2.0 (the "License");
5282 * you may not use this file except in compliance with the License.
5283 * You may obtain a copy of the License at
5284 *
5285 * http://www.apache.org/licenses/LICENSE-2.0
5286 *
5287 * Unless required by applicable law or agreed to in writing, software
5288 * distributed under the License is distributed on an "AS IS" BASIS,
5289 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5290 * See the License for the specific language governing permissions and
5291 * limitations under the License.
5292 */
5293/* Typography */
5294/* Shadows */
5295/* Animations */
5296/* Dialog */
5297.mdl-dialog {
5298 border: none;
5299 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);
5300 width: 280px; }
5301 .mdl-dialog__title {
5302 padding: 24px 24px 0;
5303 margin: 0;
5304 font-size: 2.5rem; }
5305 .mdl-dialog__actions {
5306 padding: 8px 8px 8px 24px;
5307 display: -webkit-flex;
5308 display: -ms-flexbox;
5309 display: flex;
5310 -webkit-flex-direction: row-reverse;
5311 -ms-flex-direction: row-reverse;
5312 flex-direction: row-reverse;
5313 -webkit-flex-wrap: wrap;
5314 -ms-flex-wrap: wrap;
5315 flex-wrap: wrap; }
5316 .mdl-dialog__actions > * {
5317 margin-right: 8px;
5318 height: 36px; }
5319 .mdl-dialog__actions > *:first-child {
5320 margin-right: 0; }
5321 .mdl-dialog__actions--full-width {
5322 padding: 0 0 8px 0; }
5323 .mdl-dialog__actions--full-width > * {
5324 height: 48px;
5325 -webkit-flex: 0 0 100%;
5326 -ms-flex: 0 0 100%;
5327 flex: 0 0 100%;
5328 padding-right: 16px;
5329 margin-right: 0;
5330 text-align: right; }
5331 .mdl-dialog__content {
5332 padding: 20px 24px 24px 24px;
5333 color: rgba(0,0,0, 0.54); }
5334
5335/**
5336 * Copyright 2015 Google Inc. All Rights Reserved.
5337 *
5338 * Licensed under the Apache License, Version 2.0 (the "License");
5339 * you may not use this file except in compliance with the License.
5340 * You may obtain a copy of the License at
5341 *
5342 * http://www.apache.org/licenses/LICENSE-2.0
5343 *
5344 * Unless required by applicable law or agreed to in writing, software
5345 * distributed under the License is distributed on an "AS IS" BASIS,
5346 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5347 * See the License for the specific language governing permissions and
5348 * limitations under the License.
5349 */
5350/**
5351 * Copyright 2015 Google Inc. All Rights Reserved.
5352 *
5353 * Licensed under the Apache License, Version 2.0 (the "License");
5354 * you may not use this file except in compliance with the License.
5355 * You may obtain a copy of the License at
5356 *
5357 * http://www.apache.org/licenses/LICENSE-2.0
5358 *
5359 * Unless required by applicable law or agreed to in writing, software
5360 * distributed under the License is distributed on an "AS IS" BASIS,
5361 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5362 * See the License for the specific language governing permissions and
5363 * limitations under the License.
5364 */
5365/*------------------------------------* $CONTENTS
5366\*------------------------------------*/
5367/**
5368 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5369 * -----Typography
5370 * -----Colors
5371 * -----Textfield
5372 * -----Switch
5373 * -----Spinner
5374 * -----Radio
5375 * -----Menu
5376 * -----List
5377 * -----Layout
5378 * -----Icon toggles
5379 * -----Footer
5380 * -----Column
5381 * -----Checkbox
5382 * -----Card
5383 * -----Button
5384 * -----Animation
5385 * -----Progress
5386 * -----Badge
5387 * -----Shadows
5388 * -----Grid
5389 * -----Data table
5390 * -----Dialog
5391 * -----Snackbar
5392 * -----Tooltip
5393 * -----Chip
5394 *
5395 * Even though all variables have the `!default` directive, most of them
5396 * should not be changed as they are dependent one another. This can cause
5397 * visual distortions (like alignment issues) that are hard to track down
5398 * and fix.
5399 */
5400/* ========== TYPOGRAPHY ========== */
5401/* We're splitting fonts into "preferred" and "performance" in order to optimize
5402 page loading. For important text, such as the body, we want it to load
5403 immediately and not wait for the web font load, whereas for other sections,
5404 such as headers and titles, we're OK with things taking a bit longer to load.
5405 We do have some optional classes and parameters in the mixins, in case you
5406 definitely want to make sure you're using the preferred font and don't mind
5407 the performance hit.
5408 We should be able to improve on this once CSS Font Loading L3 becomes more
5409 widely available.
5410*/
5411/* ========== COLORS ========== */
5412/**
5413*
5414* Material design color palettes.
5415* @see http://www.google.com/design/spec/style/color.html
5416*
5417**/
5418/**
5419 * Copyright 2015 Google Inc. All Rights Reserved.
5420 *
5421 * Licensed under the Apache License, Version 2.0 (the "License");
5422 * you may not use this file except in compliance with the License.
5423 * You may obtain a copy of the License at
5424 *
5425 * http://www.apache.org/licenses/LICENSE-2.0
5426 *
5427 * Unless required by applicable law or agreed to in writing, software
5428 * distributed under the License is distributed on an "AS IS" BASIS,
5429 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5430 * See the License for the specific language governing permissions and
5431 * limitations under the License.
5432 */
5433/* ========== Color Palettes ========== */
5434/* colors.scss */
5435/**
5436 * Copyright 2015 Google Inc. All Rights Reserved.
5437 *
5438 * Licensed under the Apache License, Version 2.0 (the "License");
5439 * you may not use this file except in compliance with the License.
5440 * You may obtain a copy of the License at
5441 *
5442 * http://www.apache.org/licenses/LICENSE-2.0
5443 *
5444 * Unless required by applicable law or agreed to in writing, software
5445 * distributed under the License is distributed on an "AS IS" BASIS,
5446 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5447 * See the License for the specific language governing permissions and
5448 * limitations under the License.
5449 */
5450/* ========== IMAGES ========== */
5451/* ========== Color & Themes ========== */
5452/* ========== Typography ========== */
5453/* ========== Components ========== */
5454/* ========== Standard Buttons ========== */
5455/* ========== Icon Toggles ========== */
5456/* ========== Radio Buttons ========== */
5457/* ========== Ripple effect ========== */
5458/* ========== Layout ========== */
5459/* ========== Content Tabs ========== */
5460/* ========== Checkboxes ========== */
5461/* ========== Switches ========== */
5462/* ========== Spinner ========== */
5463/* ========== Text fields ========== */
5464/* ========== Card ========== */
5465/* ========== Sliders ========== */
5466/* ========== Progress ========== */
5467/* ========== List ========== */
5468/* ========== Item ========== */
5469/* ========== Dropdown menu ========== */
5470/* ========== Tooltips ========== */
5471/* ========== Footer ========== */
5472/* TEXTFIELD */
5473/* SWITCH */
5474/* SPINNER */
5475/* RADIO */
5476/* MENU */
5477/* LIST */
5478/* LAYOUT */
5479/* ICON TOGGLE */
5480/* FOOTER */
5481/*mega-footer*/
5482/*mini-footer*/
5483/* CHECKBOX */
5484/* CARD */
5485/* Card dimensions */
5486/* Cover image */
5487/* BUTTON */
5488/**
5489 *
5490 * Dimensions
5491 *
5492 */
5493/* ANIMATION */
5494/* PROGRESS */
5495/* BADGE */
5496/* SHADOWS */
5497/* GRID */
5498/* DATA TABLE */
5499/* DIALOG */
5500/* SNACKBAR */
5501/* TOOLTIP */
5502/* CHIP */
5503/**
5504 * Copyright 2015 Google Inc. All Rights Reserved.
5505 *
5506 * Licensed under the Apache License, Version 2.0 (the "License");
5507 * you may not use this file except in compliance with the License.
5508 * You may obtain a copy of the License at
5509 *
5510 * http://www.apache.org/licenses/LICENSE-2.0
5511 *
5512 * Unless required by applicable law or agreed to in writing, software
5513 * distributed under the License is distributed on an "AS IS" BASIS,
5514 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5515 * See the License for the specific language governing permissions and
5516 * limitations under the License.
5517 */
5518/* Typography */
5519/* Shadows */
5520/* Animations */
5521/* Dialog */
5522.mdl-mega-footer {
5523 padding: 16px 40px;
5524 color: rgb(158,158,158);
5525 background-color: rgb(66,66,66); }
5526
5527.mdl-mega-footer--top-section:after,
5528.mdl-mega-footer--middle-section:after,
5529.mdl-mega-footer--bottom-section:after,
5530.mdl-mega-footer__top-section:after,
5531.mdl-mega-footer__middle-section:after,
5532.mdl-mega-footer__bottom-section:after {
5533 content: '';
5534 display: block;
5535 clear: both; }
5536
5537.mdl-mega-footer--left-section,
5538.mdl-mega-footer__left-section {
5539 margin-bottom: 16px; }
5540
5541.mdl-mega-footer--right-section,
5542.mdl-mega-footer__right-section {
5543 margin-bottom: 16px; }
5544
5545.mdl-mega-footer--right-section a,
5546.mdl-mega-footer__right-section a {
5547 display: block;
5548 margin-bottom: 16px;
5549 color: inherit;
5550 text-decoration: none; }
5551
5552@media screen and (min-width: 760px) {
5553 .mdl-mega-footer--left-section,
5554 .mdl-mega-footer__left-section {
5555 float: left; }
5556 .mdl-mega-footer--right-section,
5557 .mdl-mega-footer__right-section {
5558 float: right; }
5559 .mdl-mega-footer--right-section a,
5560 .mdl-mega-footer__right-section a {
5561 display: inline-block;
5562 margin-left: 16px;
5563 line-height: 36px;
5564 vertical-align: middle; } }
5565
5566.mdl-mega-footer--social-btn,
5567.mdl-mega-footer__social-btn {
5568 width: 36px;
5569 height: 36px;
5570 padding: 0;
5571 margin: 0;
5572 background-color: rgb(158,158,158);
5573 border: none; }
5574
5575.mdl-mega-footer--drop-down-section,
5576.mdl-mega-footer__drop-down-section {
5577 display: block;
5578 position: relative; }
5579
5580@media screen and (min-width: 760px) {
5581 .mdl-mega-footer--drop-down-section,
5582 .mdl-mega-footer__drop-down-section {
5583 width: 33%; }
5584 .mdl-mega-footer--drop-down-section:nth-child(1),
5585 .mdl-mega-footer--drop-down-section:nth-child(2),
5586 .mdl-mega-footer__drop-down-section:nth-child(1),
5587 .mdl-mega-footer__drop-down-section:nth-child(2) {
5588 float: left; }
5589 .mdl-mega-footer--drop-down-section:nth-child(3),
5590 .mdl-mega-footer__drop-down-section:nth-child(3) {
5591 float: right; }
5592 .mdl-mega-footer--drop-down-section:nth-child(3):after,
5593 .mdl-mega-footer__drop-down-section:nth-child(3):after {
5594 clear: right; }
5595 .mdl-mega-footer--drop-down-section:nth-child(4),
5596 .mdl-mega-footer__drop-down-section:nth-child(4) {
5597 clear: right;
5598 float: right; }
5599 .mdl-mega-footer--middle-section:after,
5600 .mdl-mega-footer__middle-section:after {
5601 content: '';
5602 display: block;
5603 clear: both; }
5604 .mdl-mega-footer--bottom-section,
5605 .mdl-mega-footer__bottom-section {
5606 padding-top: 0; } }
5607
5608@media screen and (min-width: 1024px) {
5609 .mdl-mega-footer--drop-down-section,
5610 .mdl-mega-footer--drop-down-section:nth-child(3),
5611 .mdl-mega-footer--drop-down-section:nth-child(4),
5612 .mdl-mega-footer__drop-down-section,
5613 .mdl-mega-footer__drop-down-section:nth-child(3),
5614 .mdl-mega-footer__drop-down-section:nth-child(4) {
5615 width: 24%;
5616 float: left; } }
5617
5618.mdl-mega-footer--heading-checkbox,
5619.mdl-mega-footer__heading-checkbox {
5620 position: absolute;
5621 width: 100%;
5622 height: 55.8px;
5623 padding: 32px;
5624 margin: 0;
5625 margin-top: -16px;
5626 cursor: pointer;
5627 z-index: 1;
5628 opacity: 0; }
5629 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5630 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5631 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5632 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5633 font-family: 'Material Icons';
5634 content: '\E5CE'; }
5635
5636.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5637.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5638.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5639.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5640.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5641.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5642.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5643.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
5644 display: none; }
5645
5646.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5647.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5648.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5649.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5650 font-family: 'Material Icons';
5651 content: '\E5CF'; }
5652
5653.mdl-mega-footer--heading,
5654.mdl-mega-footer__heading {
5655 position: relative;
5656 width: 100%;
5657 padding-right: 39.8px;
5658 margin-bottom: 16px;
5659 box-sizing: border-box;
5660 font-size: 14px;
5661 line-height: 23.8px;
5662 font-weight: 500;
5663 white-space: nowrap;
5664 text-overflow: ellipsis;
5665 overflow: hidden;
5666 color: rgb(224,224,224); }
5667
5668.mdl-mega-footer--heading:after,
5669.mdl-mega-footer__heading:after {
5670 content: '';
5671 position: absolute;
5672 top: 0;
5673 right: 0;
5674 display: block;
5675 width: 23.8px;
5676 height: 23.8px;
5677 background-size: cover; }
5678
5679.mdl-mega-footer--link-list,
5680.mdl-mega-footer__link-list {
5681 list-style: none;
5682 margin: 0;
5683 padding: 0;
5684 margin-bottom: 32px; }
5685 .mdl-mega-footer--link-list:after,
5686 .mdl-mega-footer__link-list:after {
5687 clear: both;
5688 display: block;
5689 content: ''; }
5690
5691.mdl-mega-footer--link-list li,
5692.mdl-mega-footer__link-list li {
5693 font-size: 14px;
5694 font-weight: 400;
5695 line-height: 24px;
5696 letter-spacing: 0;
5697 line-height: 20px; }
5698
5699.mdl-mega-footer--link-list a,
5700.mdl-mega-footer__link-list a {
5701 color: inherit;
5702 text-decoration: none;
5703 white-space: nowrap; }
5704
5705@media screen and (min-width: 760px) {
5706 .mdl-mega-footer--heading-checkbox,
5707 .mdl-mega-footer__heading-checkbox {
5708 display: none; }
5709 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5710 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5711 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5712 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5713 content: ''; }
5714 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5715 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5716 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5717 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5718 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5719 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5720 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5721 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
5722 display: block; }
5723 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5724 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5725 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5726 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5727 content: ''; } }
5728
5729.mdl-mega-footer--bottom-section,
5730.mdl-mega-footer__bottom-section {
5731 padding-top: 16px;
5732 margin-bottom: 16px; }
5733
5734.mdl-logo {
5735 margin-bottom: 16px;
5736 color: white; }
5737
5738.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
5739.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
5740 float: left;
5741 margin-bottom: 0;
5742 margin-right: 16px; }
5743
5744@media screen and (min-width: 760px) {
5745 .mdl-logo {
5746 float: left;
5747 margin-bottom: 0;
5748 margin-right: 16px; } }
5749
5750/**
5751 * Copyright 2015 Google Inc. All Rights Reserved.
5752 *
5753 * Licensed under the Apache License, Version 2.0 (the "License");
5754 * you may not use this file except in compliance with the License.
5755 * You may obtain a copy of the License at
5756 *
5757 * http://www.apache.org/licenses/LICENSE-2.0
5758 *
5759 * Unless required by applicable law or agreed to in writing, software
5760 * distributed under the License is distributed on an "AS IS" BASIS,
5761 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5762 * See the License for the specific language governing permissions and
5763 * limitations under the License.
5764 */
5765/**
5766 * Copyright 2015 Google Inc. All Rights Reserved.
5767 *
5768 * Licensed under the Apache License, Version 2.0 (the "License");
5769 * you may not use this file except in compliance with the License.
5770 * You may obtain a copy of the License at
5771 *
5772 * http://www.apache.org/licenses/LICENSE-2.0
5773 *
5774 * Unless required by applicable law or agreed to in writing, software
5775 * distributed under the License is distributed on an "AS IS" BASIS,
5776 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5777 * See the License for the specific language governing permissions and
5778 * limitations under the License.
5779 */
5780/*------------------------------------* $CONTENTS
5781\*------------------------------------*/
5782/**
5783 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5784 * -----Typography
5785 * -----Colors
5786 * -----Textfield
5787 * -----Switch
5788 * -----Spinner
5789 * -----Radio
5790 * -----Menu
5791 * -----List
5792 * -----Layout
5793 * -----Icon toggles
5794 * -----Footer
5795 * -----Column
5796 * -----Checkbox
5797 * -----Card
5798 * -----Button
5799 * -----Animation
5800 * -----Progress
5801 * -----Badge
5802 * -----Shadows
5803 * -----Grid
5804 * -----Data table
5805 * -----Dialog
5806 * -----Snackbar
5807 * -----Tooltip
5808 * -----Chip
5809 *
5810 * Even though all variables have the `!default` directive, most of them
5811 * should not be changed as they are dependent one another. This can cause
5812 * visual distortions (like alignment issues) that are hard to track down
5813 * and fix.
5814 */
5815/* ========== TYPOGRAPHY ========== */
5816/* We're splitting fonts into "preferred" and "performance" in order to optimize
5817 page loading. For important text, such as the body, we want it to load
5818 immediately and not wait for the web font load, whereas for other sections,
5819 such as headers and titles, we're OK with things taking a bit longer to load.
5820 We do have some optional classes and parameters in the mixins, in case you
5821 definitely want to make sure you're using the preferred font and don't mind
5822 the performance hit.
5823 We should be able to improve on this once CSS Font Loading L3 becomes more
5824 widely available.
5825*/
5826/* ========== COLORS ========== */
5827/**
5828*
5829* Material design color palettes.
5830* @see http://www.google.com/design/spec/style/color.html
5831*
5832**/
5833/**
5834 * Copyright 2015 Google Inc. All Rights Reserved.
5835 *
5836 * Licensed under the Apache License, Version 2.0 (the "License");
5837 * you may not use this file except in compliance with the License.
5838 * You may obtain a copy of the License at
5839 *
5840 * http://www.apache.org/licenses/LICENSE-2.0
5841 *
5842 * Unless required by applicable law or agreed to in writing, software
5843 * distributed under the License is distributed on an "AS IS" BASIS,
5844 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5845 * See the License for the specific language governing permissions and
5846 * limitations under the License.
5847 */
5848/* ========== Color Palettes ========== */
5849/* colors.scss */
5850/**
5851 * Copyright 2015 Google Inc. All Rights Reserved.
5852 *
5853 * Licensed under the Apache License, Version 2.0 (the "License");
5854 * you may not use this file except in compliance with the License.
5855 * You may obtain a copy of the License at
5856 *
5857 * http://www.apache.org/licenses/LICENSE-2.0
5858 *
5859 * Unless required by applicable law or agreed to in writing, software
5860 * distributed under the License is distributed on an "AS IS" BASIS,
5861 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5862 * See the License for the specific language governing permissions and
5863 * limitations under the License.
5864 */
5865/* ========== IMAGES ========== */
5866/* ========== Color & Themes ========== */
5867/* ========== Typography ========== */
5868/* ========== Components ========== */
5869/* ========== Standard Buttons ========== */
5870/* ========== Icon Toggles ========== */
5871/* ========== Radio Buttons ========== */
5872/* ========== Ripple effect ========== */
5873/* ========== Layout ========== */
5874/* ========== Content Tabs ========== */
5875/* ========== Checkboxes ========== */
5876/* ========== Switches ========== */
5877/* ========== Spinner ========== */
5878/* ========== Text fields ========== */
5879/* ========== Card ========== */
5880/* ========== Sliders ========== */
5881/* ========== Progress ========== */
5882/* ========== List ========== */
5883/* ========== Item ========== */
5884/* ========== Dropdown menu ========== */
5885/* ========== Tooltips ========== */
5886/* ========== Footer ========== */
5887/* TEXTFIELD */
5888/* SWITCH */
5889/* SPINNER */
5890/* RADIO */
5891/* MENU */
5892/* LIST */
5893/* LAYOUT */
5894/* ICON TOGGLE */
5895/* FOOTER */
5896/*mega-footer*/
5897/*mini-footer*/
5898/* CHECKBOX */
5899/* CARD */
5900/* Card dimensions */
5901/* Cover image */
5902/* BUTTON */
5903/**
5904 *
5905 * Dimensions
5906 *
5907 */
5908/* ANIMATION */
5909/* PROGRESS */
5910/* BADGE */
5911/* SHADOWS */
5912/* GRID */
5913/* DATA TABLE */
5914/* DIALOG */
5915/* SNACKBAR */
5916/* TOOLTIP */
5917/* CHIP */
5918.mdl-mini-footer {
5919 display: -webkit-flex;
5920 display: -ms-flexbox;
5921 display: flex;
5922 -webkit-flex-flow: row wrap;
5923 -ms-flex-flow: row wrap;
5924 flex-flow: row wrap;
5925 -webkit-justify-content: space-between;
5926 -ms-flex-pack: justify;
5927 justify-content: space-between;
5928 padding: 32px 16px;
5929 color: rgb(158,158,158);
5930 background-color: rgb(66,66,66); }
5931 .mdl-mini-footer:after {
5932 content: '';
5933 display: block; }
5934 .mdl-mini-footer .mdl-logo {
5935 line-height: 36px; }
5936
5937.mdl-mini-footer--link-list,
5938.mdl-mini-footer__link-list {
5939 display: -webkit-flex;
5940 display: -ms-flexbox;
5941 display: flex;
5942 -webkit-flex-flow: row nowrap;
5943 -ms-flex-flow: row nowrap;
5944 flex-flow: row nowrap;
5945 list-style: none;
5946 margin: 0;
5947 padding: 0; }
5948 .mdl-mini-footer--link-list li,
5949 .mdl-mini-footer__link-list li {
5950 margin-bottom: 0;
5951 margin-right: 16px; }
5952 @media screen and (min-width: 760px) {
5953 .mdl-mini-footer--link-list li,
5954 .mdl-mini-footer__link-list li {
5955 line-height: 36px; } }
5956 .mdl-mini-footer--link-list a,
5957 .mdl-mini-footer__link-list a {
5958 color: inherit;
5959 text-decoration: none;
5960 white-space: nowrap; }
5961
5962.mdl-mini-footer--left-section,
5963.mdl-mini-footer__left-section {
5964 display: inline-block;
5965 -webkit-order: 0;
5966 -ms-flex-order: 0;
5967 order: 0; }
5968
5969.mdl-mini-footer--right-section,
5970.mdl-mini-footer__right-section {
5971 display: inline-block;
5972 -webkit-order: 1;
5973 -ms-flex-order: 1;
5974 order: 1; }
5975
5976.mdl-mini-footer--social-btn,
5977.mdl-mini-footer__social-btn {
5978 width: 36px;
5979 height: 36px;
5980 padding: 0;
5981 margin: 0;
5982 background-color: rgb(158,158,158);
5983 border: none; }
5984
5985/**
5986 * Copyright 2015 Google Inc. All Rights Reserved.
5987 *
5988 * Licensed under the Apache License, Version 2.0 (the "License");
5989 * you may not use this file except in compliance with the License.
5990 * You may obtain a copy of the License at
5991 *
5992 * http://www.apache.org/licenses/LICENSE-2.0
5993 *
5994 * Unless required by applicable law or agreed to in writing, software
5995 * distributed under the License is distributed on an "AS IS" BASIS,
5996 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5997 * See the License for the specific language governing permissions and
5998 * limitations under the License.
5999 */
6000/**
6001 * Copyright 2015 Google Inc. All Rights Reserved.
6002 *
6003 * Licensed under the Apache License, Version 2.0 (the "License");
6004 * you may not use this file except in compliance with the License.
6005 * You may obtain a copy of the License at
6006 *
6007 * http://www.apache.org/licenses/LICENSE-2.0
6008 *
6009 * Unless required by applicable law or agreed to in writing, software
6010 * distributed under the License is distributed on an "AS IS" BASIS,
6011 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6012 * See the License for the specific language governing permissions and
6013 * limitations under the License.
6014 */
6015/*------------------------------------* $CONTENTS
6016\*------------------------------------*/
6017/**
6018 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6019 * -----Typography
6020 * -----Colors
6021 * -----Textfield
6022 * -----Switch
6023 * -----Spinner
6024 * -----Radio
6025 * -----Menu
6026 * -----List
6027 * -----Layout
6028 * -----Icon toggles
6029 * -----Footer
6030 * -----Column
6031 * -----Checkbox
6032 * -----Card
6033 * -----Button
6034 * -----Animation
6035 * -----Progress
6036 * -----Badge
6037 * -----Shadows
6038 * -----Grid
6039 * -----Data table
6040 * -----Dialog
6041 * -----Snackbar
6042 * -----Tooltip
6043 * -----Chip
6044 *
6045 * Even though all variables have the `!default` directive, most of them
6046 * should not be changed as they are dependent one another. This can cause
6047 * visual distortions (like alignment issues) that are hard to track down
6048 * and fix.
6049 */
6050/* ========== TYPOGRAPHY ========== */
6051/* We're splitting fonts into "preferred" and "performance" in order to optimize
6052 page loading. For important text, such as the body, we want it to load
6053 immediately and not wait for the web font load, whereas for other sections,
6054 such as headers and titles, we're OK with things taking a bit longer to load.
6055 We do have some optional classes and parameters in the mixins, in case you
6056 definitely want to make sure you're using the preferred font and don't mind
6057 the performance hit.
6058 We should be able to improve on this once CSS Font Loading L3 becomes more
6059 widely available.
6060*/
6061/* ========== COLORS ========== */
6062/**
6063*
6064* Material design color palettes.
6065* @see http://www.google.com/design/spec/style/color.html
6066*
6067**/
6068/**
6069 * Copyright 2015 Google Inc. All Rights Reserved.
6070 *
6071 * Licensed under the Apache License, Version 2.0 (the "License");
6072 * you may not use this file except in compliance with the License.
6073 * You may obtain a copy of the License at
6074 *
6075 * http://www.apache.org/licenses/LICENSE-2.0
6076 *
6077 * Unless required by applicable law or agreed to in writing, software
6078 * distributed under the License is distributed on an "AS IS" BASIS,
6079 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6080 * See the License for the specific language governing permissions and
6081 * limitations under the License.
6082 */
6083/* ========== Color Palettes ========== */
6084/* colors.scss */
6085/**
6086 * Copyright 2015 Google Inc. All Rights Reserved.
6087 *
6088 * Licensed under the Apache License, Version 2.0 (the "License");
6089 * you may not use this file except in compliance with the License.
6090 * You may obtain a copy of the License at
6091 *
6092 * http://www.apache.org/licenses/LICENSE-2.0
6093 *
6094 * Unless required by applicable law or agreed to in writing, software
6095 * distributed under the License is distributed on an "AS IS" BASIS,
6096 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6097 * See the License for the specific language governing permissions and
6098 * limitations under the License.
6099 */
6100/* ========== IMAGES ========== */
6101/* ========== Color & Themes ========== */
6102/* ========== Typography ========== */
6103/* ========== Components ========== */
6104/* ========== Standard Buttons ========== */
6105/* ========== Icon Toggles ========== */
6106/* ========== Radio Buttons ========== */
6107/* ========== Ripple effect ========== */
6108/* ========== Layout ========== */
6109/* ========== Content Tabs ========== */
6110/* ========== Checkboxes ========== */
6111/* ========== Switches ========== */
6112/* ========== Spinner ========== */
6113/* ========== Text fields ========== */
6114/* ========== Card ========== */
6115/* ========== Sliders ========== */
6116/* ========== Progress ========== */
6117/* ========== List ========== */
6118/* ========== Item ========== */
6119/* ========== Dropdown menu ========== */
6120/* ========== Tooltips ========== */
6121/* ========== Footer ========== */
6122/* TEXTFIELD */
6123/* SWITCH */
6124/* SPINNER */
6125/* RADIO */
6126/* MENU */
6127/* LIST */
6128/* LAYOUT */
6129/* ICON TOGGLE */
6130/* FOOTER */
6131/*mega-footer*/
6132/*mini-footer*/
6133/* CHECKBOX */
6134/* CARD */
6135/* Card dimensions */
6136/* Cover image */
6137/* BUTTON */
6138/**
6139 *
6140 * Dimensions
6141 *
6142 */
6143/* ANIMATION */
6144/* PROGRESS */
6145/* BADGE */
6146/* SHADOWS */
6147/* GRID */
6148/* DATA TABLE */
6149/* DIALOG */
6150/* SNACKBAR */
6151/* TOOLTIP */
6152/* CHIP */
6153.mdl-icon-toggle {
6154 position: relative;
6155 z-index: 1;
6156 vertical-align: middle;
6157 display: inline-block;
6158 height: 32px;
6159 margin: 0;
6160 padding: 0; }
6161
6162.mdl-icon-toggle__input {
6163 line-height: 32px; }
6164 .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
6165 position: absolute;
6166 width: 0;
6167 height: 0;
6168 margin: 0;
6169 padding: 0;
6170 opacity: 0;
6171 -ms-appearance: none;
6172 -moz-appearance: none;
6173 -webkit-appearance: none;
6174 appearance: none;
6175 border: none; }
6176
6177.mdl-icon-toggle__label {
6178 display: inline-block;
6179 position: relative;
6180 cursor: pointer;
6181 height: 32px;
6182 width: 32px;
6183 min-width: 32px;
6184 color: rgb(97,97,97);
6185 border-radius: 50%;
6186 padding: 0;
6187 margin-left: 0;
6188 margin-right: 0;
6189 text-align: center;
6190 background-color: transparent;
6191 will-change: background-color;
6192 transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
6193 .mdl-icon-toggle__label.material-icons {
6194 line-height: 32px;
6195 font-size: 24px; }
6196 .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
6197 color: rgb(63,81,181); }
6198 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
6199 color: rgba(0,0,0, 0.26);
6200 cursor: auto;
6201 transition: none; }
6202 .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
6203 background-color: rgba(0,0,0, 0.12); }
6204 .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
6205 background-color: rgba(63,81,181, 0.26); }
6206
6207.mdl-icon-toggle__ripple-container {
6208 position: absolute;
6209 z-index: 2;
6210 top: -2px;
6211 left: -2px;
6212 box-sizing: border-box;
6213 width: 36px;
6214 height: 36px;
6215 border-radius: 50%;
6216 cursor: pointer;
6217 overflow: hidden;
6218 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
6219 .mdl-icon-toggle__ripple-container .mdl-ripple {
6220 background: rgb(97,97,97); }
6221 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
6222 cursor: auto; }
6223 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
6224 background: transparent; }
6225
6226/**
6227 * Copyright 2015 Google Inc. All Rights Reserved.
6228 *
6229 * Licensed under the Apache License, Version 2.0 (the "License");
6230 * you may not use this file except in compliance with the License.
6231 * You may obtain a copy of the License at
6232 *
6233 * http://www.apache.org/licenses/LICENSE-2.0
6234 *
6235 * Unless required by applicable law or agreed to in writing, software
6236 * distributed under the License is distributed on an "AS IS" BASIS,
6237 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6238 * See the License for the specific language governing permissions and
6239 * limitations under the License.
6240 */
6241/**
6242 * Copyright 2015 Google Inc. All Rights Reserved.
6243 *
6244 * Licensed under the Apache License, Version 2.0 (the "License");
6245 * you may not use this file except in compliance with the License.
6246 * You may obtain a copy of the License at
6247 *
6248 * http://www.apache.org/licenses/LICENSE-2.0
6249 *
6250 * Unless required by applicable law or agreed to in writing, software
6251 * distributed under the License is distributed on an "AS IS" BASIS,
6252 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6253 * See the License for the specific language governing permissions and
6254 * limitations under the License.
6255 */
6256/*------------------------------------* $CONTENTS
6257\*------------------------------------*/
6258/**
6259 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6260 * -----Typography
6261 * -----Colors
6262 * -----Textfield
6263 * -----Switch
6264 * -----Spinner
6265 * -----Radio
6266 * -----Menu
6267 * -----List
6268 * -----Layout
6269 * -----Icon toggles
6270 * -----Footer
6271 * -----Column
6272 * -----Checkbox
6273 * -----Card
6274 * -----Button
6275 * -----Animation
6276 * -----Progress
6277 * -----Badge
6278 * -----Shadows
6279 * -----Grid
6280 * -----Data table
6281 * -----Dialog
6282 * -----Snackbar
6283 * -----Tooltip
6284 * -----Chip
6285 *
6286 * Even though all variables have the `!default` directive, most of them
6287 * should not be changed as they are dependent one another. This can cause
6288 * visual distortions (like alignment issues) that are hard to track down
6289 * and fix.
6290 */
6291/* ========== TYPOGRAPHY ========== */
6292/* We're splitting fonts into "preferred" and "performance" in order to optimize
6293 page loading. For important text, such as the body, we want it to load
6294 immediately and not wait for the web font load, whereas for other sections,
6295 such as headers and titles, we're OK with things taking a bit longer to load.
6296 We do have some optional classes and parameters in the mixins, in case you
6297 definitely want to make sure you're using the preferred font and don't mind
6298 the performance hit.
6299 We should be able to improve on this once CSS Font Loading L3 becomes more
6300 widely available.
6301*/
6302/* ========== COLORS ========== */
6303/**
6304*
6305* Material design color palettes.
6306* @see http://www.google.com/design/spec/style/color.html
6307*
6308**/
6309/**
6310 * Copyright 2015 Google Inc. All Rights Reserved.
6311 *
6312 * Licensed under the Apache License, Version 2.0 (the "License");
6313 * you may not use this file except in compliance with the License.
6314 * You may obtain a copy of the License at
6315 *
6316 * http://www.apache.org/licenses/LICENSE-2.0
6317 *
6318 * Unless required by applicable law or agreed to in writing, software
6319 * distributed under the License is distributed on an "AS IS" BASIS,
6320 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6321 * See the License for the specific language governing permissions and
6322 * limitations under the License.
6323 */
6324/* ========== Color Palettes ========== */
6325/* colors.scss */
6326/**
6327 * Copyright 2015 Google Inc. All Rights Reserved.
6328 *
6329 * Licensed under the Apache License, Version 2.0 (the "License");
6330 * you may not use this file except in compliance with the License.
6331 * You may obtain a copy of the License at
6332 *
6333 * http://www.apache.org/licenses/LICENSE-2.0
6334 *
6335 * Unless required by applicable law or agreed to in writing, software
6336 * distributed under the License is distributed on an "AS IS" BASIS,
6337 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6338 * See the License for the specific language governing permissions and
6339 * limitations under the License.
6340 */
6341/* ========== IMAGES ========== */
6342/* ========== Color & Themes ========== */
6343/* ========== Typography ========== */
6344/* ========== Components ========== */
6345/* ========== Standard Buttons ========== */
6346/* ========== Icon Toggles ========== */
6347/* ========== Radio Buttons ========== */
6348/* ========== Ripple effect ========== */
6349/* ========== Layout ========== */
6350/* ========== Content Tabs ========== */
6351/* ========== Checkboxes ========== */
6352/* ========== Switches ========== */
6353/* ========== Spinner ========== */
6354/* ========== Text fields ========== */
6355/* ========== Card ========== */
6356/* ========== Sliders ========== */
6357/* ========== Progress ========== */
6358/* ========== List ========== */
6359/* ========== Item ========== */
6360/* ========== Dropdown menu ========== */
6361/* ========== Tooltips ========== */
6362/* ========== Footer ========== */
6363/* TEXTFIELD */
6364/* SWITCH */
6365/* SPINNER */
6366/* RADIO */
6367/* MENU */
6368/* LIST */
6369/* LAYOUT */
6370/* ICON TOGGLE */
6371/* FOOTER */
6372/*mega-footer*/
6373/*mini-footer*/
6374/* CHECKBOX */
6375/* CARD */
6376/* Card dimensions */
6377/* Cover image */
6378/* BUTTON */
6379/**
6380 *
6381 * Dimensions
6382 *
6383 */
6384/* ANIMATION */
6385/* PROGRESS */
6386/* BADGE */
6387/* SHADOWS */
6388/* GRID */
6389/* DATA TABLE */
6390/* DIALOG */
6391/* SNACKBAR */
6392/* TOOLTIP */
6393/* CHIP */
6394/**
6395 * Copyright 2015 Google Inc. All Rights Reserved.
6396 *
6397 * Licensed under the Apache License, Version 2.0 (the "License");
6398 * you may not use this file except in compliance with the License.
6399 * You may obtain a copy of the License at
6400 *
6401 * http://www.apache.org/licenses/LICENSE-2.0
6402 *
6403 * Unless required by applicable law or agreed to in writing, software
6404 * distributed under the License is distributed on an "AS IS" BASIS,
6405 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6406 * See the License for the specific language governing permissions and
6407 * limitations under the License.
6408 */
6409/* Typography */
6410/* Shadows */
6411/* Animations */
6412/* Dialog */
6413.mdl-list {
6414 display: block;
6415 padding: 8px 0;
6416 list-style: none; }
6417
6418.mdl-list__item {
6419 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
6420 font-size: 16px;
6421 font-weight: 400;
6422 line-height: 24px;
6423 letter-spacing: 0.04em;
6424 line-height: 1;
6425 display: -webkit-flex;
6426 display: -ms-flexbox;
6427 display: flex;
6428 min-height: 48px;
6429 box-sizing: border-box;
6430 -webkit-flex-direction: row;
6431 -ms-flex-direction: row;
6432 flex-direction: row;
6433 -webkit-flex-wrap: nowrap;
6434 -ms-flex-wrap: nowrap;
6435 flex-wrap: nowrap;
6436 -webkit-align-items: center;
6437 -ms-flex-align: center;
6438 align-items: center;
6439 padding: 16px;
6440 cursor: default;
6441 color: rgba(0,0,0, 0.87);
6442 overflow: hidden; }
6443 .mdl-list__item .mdl-list__item-primary-content {
6444 -webkit-order: 0;
6445 -ms-flex-order: 0;
6446 order: 0;
6447 -webkit-flex-grow: 2;
6448 -ms-flex-positive: 2;
6449 flex-grow: 2;
6450 text-decoration: none;
6451 box-sizing: border-box;
6452 display: -webkit-flex;
6453 display: -ms-flexbox;
6454 display: flex;
6455 -webkit-align-items: center;
6456 -ms-flex-align: center;
6457 align-items: center; }
6458 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
6459 margin-right: 32px; }
6460 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
6461 margin-right: 16px; }
6462 .mdl-list__item .mdl-list__item-secondary-content {
6463 display: -webkit-flex;
6464 display: -ms-flexbox;
6465 display: flex;
6466 -webkit-flex-flow: column;
6467 -ms-flex-flow: column;
6468 flex-flow: column;
6469 -webkit-align-items: flex-end;
6470 -ms-flex-align: end;
6471 align-items: flex-end;
6472 margin-left: 16px; }
6473 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
6474 display: inline; }
6475 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
6476 font-size: 12px;
6477 font-weight: 400;
6478 line-height: 1;
6479 letter-spacing: 0;
6480 color: rgba(0,0,0, 0.54); }
6481 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
6482 padding: 0 0 0 16px; }
6483
6484.mdl-list__item-icon,
6485.mdl-list__item-icon.material-icons {
6486 height: 24px;
6487 width: 24px;
6488 font-size: 24px;
6489 box-sizing: border-box;
6490 color: rgb(117,117,117); }
6491
6492.mdl-list__item-avatar,
6493.mdl-list__item-avatar.material-icons {
6494 height: 40px;
6495 width: 40px;
6496 box-sizing: border-box;
6497 border-radius: 50%;
6498 background-color: rgb(117,117,117);
6499 font-size: 40px;
6500 color: white; }
6501
6502.mdl-list__item--two-line {
6503 height: 72px; }
6504 .mdl-list__item--two-line .mdl-list__item-primary-content {
6505 height: 36px;
6506 line-height: 20px;
6507 display: block; }
6508 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
6509 float: left; }
6510 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
6511 float: left;
6512 margin-top: 6px; }
6513 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
6514 height: 36px; }
6515 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6516 font-size: 14px;
6517 font-weight: 400;
6518 line-height: 24px;
6519 letter-spacing: 0;
6520 line-height: 18px;
6521 color: rgba(0,0,0, 0.54);
6522 display: block;
6523 padding: 0; }
6524
6525.mdl-list__item--three-line {
6526 height: 88px; }
6527 .mdl-list__item--three-line .mdl-list__item-primary-content {
6528 height: 52px;
6529 line-height: 20px;
6530 display: block; }
6531 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
6532 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
6533 float: left; }
6534 .mdl-list__item--three-line .mdl-list__item-secondary-content {
6535 height: 52px; }
6536 .mdl-list__item--three-line .mdl-list__item-text-body {
6537 font-size: 14px;
6538 font-weight: 400;
6539 line-height: 24px;
6540 letter-spacing: 0;
6541 line-height: 18px;
6542 height: 52px;
6543 color: rgba(0,0,0, 0.54);
6544 display: block;
6545 padding: 0; }
6546
6547/**
6548 * Copyright 2015 Google Inc. All Rights Reserved.
6549 *
6550 * Licensed under the Apache License, Version 2.0 (the "License");
6551 * you may not use this file except in compliance with the License.
6552 * You may obtain a copy of the License at
6553 *
6554 * http://www.apache.org/licenses/LICENSE-2.0
6555 *
6556 * Unless required by applicable law or agreed to in writing, software
6557 * distributed under the License is distributed on an "AS IS" BASIS,
6558 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6559 * See the License for the specific language governing permissions and
6560 * limitations under the License.
6561 */
6562/**
6563 * Copyright 2015 Google Inc. All Rights Reserved.
6564 *
6565 * Licensed under the Apache License, Version 2.0 (the "License");
6566 * you may not use this file except in compliance with the License.
6567 * You may obtain a copy of the License at
6568 *
6569 * http://www.apache.org/licenses/LICENSE-2.0
6570 *
6571 * Unless required by applicable law or agreed to in writing, software
6572 * distributed under the License is distributed on an "AS IS" BASIS,
6573 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6574 * See the License for the specific language governing permissions and
6575 * limitations under the License.
6576 */
6577/*------------------------------------* $CONTENTS
6578\*------------------------------------*/
6579/**
6580 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6581 * -----Typography
6582 * -----Colors
6583 * -----Textfield
6584 * -----Switch
6585 * -----Spinner
6586 * -----Radio
6587 * -----Menu
6588 * -----List
6589 * -----Layout
6590 * -----Icon toggles
6591 * -----Footer
6592 * -----Column
6593 * -----Checkbox
6594 * -----Card
6595 * -----Button
6596 * -----Animation
6597 * -----Progress
6598 * -----Badge
6599 * -----Shadows
6600 * -----Grid
6601 * -----Data table
6602 * -----Dialog
6603 * -----Snackbar
6604 * -----Tooltip
6605 * -----Chip
6606 *
6607 * Even though all variables have the `!default` directive, most of them
6608 * should not be changed as they are dependent one another. This can cause
6609 * visual distortions (like alignment issues) that are hard to track down
6610 * and fix.
6611 */
6612/* ========== TYPOGRAPHY ========== */
6613/* We're splitting fonts into "preferred" and "performance" in order to optimize
6614 page loading. For important text, such as the body, we want it to load
6615 immediately and not wait for the web font load, whereas for other sections,
6616 such as headers and titles, we're OK with things taking a bit longer to load.
6617 We do have some optional classes and parameters in the mixins, in case you
6618 definitely want to make sure you're using the preferred font and don't mind
6619 the performance hit.
6620 We should be able to improve on this once CSS Font Loading L3 becomes more
6621 widely available.
6622*/
6623/* ========== COLORS ========== */
6624/**
6625*
6626* Material design color palettes.
6627* @see http://www.google.com/design/spec/style/color.html
6628*
6629**/
6630/**
6631 * Copyright 2015 Google Inc. All Rights Reserved.
6632 *
6633 * Licensed under the Apache License, Version 2.0 (the "License");
6634 * you may not use this file except in compliance with the License.
6635 * You may obtain a copy of the License at
6636 *
6637 * http://www.apache.org/licenses/LICENSE-2.0
6638 *
6639 * Unless required by applicable law or agreed to in writing, software
6640 * distributed under the License is distributed on an "AS IS" BASIS,
6641 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6642 * See the License for the specific language governing permissions and
6643 * limitations under the License.
6644 */
6645/* ========== Color Palettes ========== */
6646/* colors.scss */
6647/**
6648 * Copyright 2015 Google Inc. All Rights Reserved.
6649 *
6650 * Licensed under the Apache License, Version 2.0 (the "License");
6651 * you may not use this file except in compliance with the License.
6652 * You may obtain a copy of the License at
6653 *
6654 * http://www.apache.org/licenses/LICENSE-2.0
6655 *
6656 * Unless required by applicable law or agreed to in writing, software
6657 * distributed under the License is distributed on an "AS IS" BASIS,
6658 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6659 * See the License for the specific language governing permissions and
6660 * limitations under the License.
6661 */
6662/* ========== IMAGES ========== */
6663/* ========== Color & Themes ========== */
6664/* ========== Typography ========== */
6665/* ========== Components ========== */
6666/* ========== Standard Buttons ========== */
6667/* ========== Icon Toggles ========== */
6668/* ========== Radio Buttons ========== */
6669/* ========== Ripple effect ========== */
6670/* ========== Layout ========== */
6671/* ========== Content Tabs ========== */
6672/* ========== Checkboxes ========== */
6673/* ========== Switches ========== */
6674/* ========== Spinner ========== */
6675/* ========== Text fields ========== */
6676/* ========== Card ========== */
6677/* ========== Sliders ========== */
6678/* ========== Progress ========== */
6679/* ========== List ========== */
6680/* ========== Item ========== */
6681/* ========== Dropdown menu ========== */
6682/* ========== Tooltips ========== */
6683/* ========== Footer ========== */
6684/* TEXTFIELD */
6685/* SWITCH */
6686/* SPINNER */
6687/* RADIO */
6688/* MENU */
6689/* LIST */
6690/* LAYOUT */
6691/* ICON TOGGLE */
6692/* FOOTER */
6693/*mega-footer*/
6694/*mini-footer*/
6695/* CHECKBOX */
6696/* CARD */
6697/* Card dimensions */
6698/* Cover image */
6699/* BUTTON */
6700/**
6701 *
6702 * Dimensions
6703 *
6704 */
6705/* ANIMATION */
6706/* PROGRESS */
6707/* BADGE */
6708/* SHADOWS */
6709/* GRID */
6710/* DATA TABLE */
6711/* DIALOG */
6712/* SNACKBAR */
6713/* TOOLTIP */
6714/* CHIP */
6715/**
6716 * Copyright 2015 Google Inc. All Rights Reserved.
6717 *
6718 * Licensed under the Apache License, Version 2.0 (the "License");
6719 * you may not use this file except in compliance with the License.
6720 * You may obtain a copy of the License at
6721 *
6722 * http://www.apache.org/licenses/LICENSE-2.0
6723 *
6724 * Unless required by applicable law or agreed to in writing, software
6725 * distributed under the License is distributed on an "AS IS" BASIS,
6726 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6727 * See the License for the specific language governing permissions and
6728 * limitations under the License.
6729 */
6730/* Typography */
6731/* Shadows */
6732/* Animations */
6733/* Dialog */
6734.mdl-menu__container {
6735 display: block;
6736 margin: 0;
6737 padding: 0;
6738 border: none;
6739 position: absolute;
6740 overflow: visible;
6741 height: 0;
6742 width: 0;
6743 visibility: hidden;
6744 z-index: -1; }
6745 .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
6746 z-index: 999;
6747 visibility: visible; }
6748
6749.mdl-menu__outline {
6750 display: block;
6751 background: rgb(255,255,255);
6752 margin: 0;
6753 padding: 0;
6754 border: none;
6755 border-radius: 2px;
6756 position: absolute;
6757 top: 0;
6758 left: 0;
6759 overflow: hidden;
6760 opacity: 0;
6761 -webkit-transform: scale(0);
6762 transform: scale(0);
6763 -webkit-transform-origin: 0 0;
6764 transform-origin: 0 0;
6765 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);
6766 will-change: transform;
6767 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
6768 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6769 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);
6770 z-index: -1; }
6771 .mdl-menu__container.is-visible .mdl-menu__outline {
6772 opacity: 1;
6773 -webkit-transform: scale(1);
6774 transform: scale(1);
6775 z-index: 999; }
6776 .mdl-menu__outline.mdl-menu--bottom-right {
6777 -webkit-transform-origin: 100% 0;
6778 transform-origin: 100% 0; }
6779 .mdl-menu__outline.mdl-menu--top-left {
6780 -webkit-transform-origin: 0 100%;
6781 transform-origin: 0 100%; }
6782 .mdl-menu__outline.mdl-menu--top-right {
6783 -webkit-transform-origin: 100% 100%;
6784 transform-origin: 100% 100%; }
6785
6786.mdl-menu {
6787 position: absolute;
6788 list-style: none;
6789 top: 0;
6790 left: 0;
6791 height: auto;
6792 width: auto;
6793 min-width: 124px;
6794 padding: 8px 0;
6795 margin: 0;
6796 opacity: 0;
6797 clip: rect(0 0 0 0);
6798 z-index: -1; }
6799 .mdl-menu__container.is-visible .mdl-menu {
6800 opacity: 1;
6801 z-index: 999; }
6802 .mdl-menu.is-animating {
6803 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
6804 .mdl-menu.mdl-menu--bottom-right {
6805 left: auto;
6806 right: 0; }
6807 .mdl-menu.mdl-menu--top-left {
6808 top: auto;
6809 bottom: 0; }
6810 .mdl-menu.mdl-menu--top-right {
6811 top: auto;
6812 left: auto;
6813 bottom: 0;
6814 right: 0; }
6815 .mdl-menu.mdl-menu--unaligned {
6816 top: auto;
6817 left: auto; }
6818
6819.mdl-menu__item {
6820 display: block;
6821 border: none;
6822 color: rgba(0,0,0, 0.87);
6823 background-color: transparent;
6824 text-align: left;
6825 margin: 0;
6826 padding: 0 16px;
6827 outline-color: rgb(189,189,189);
6828 position: relative;
6829 overflow: hidden;
6830 font-size: 14px;
6831 font-weight: 400;
6832 line-height: 24px;
6833 letter-spacing: 0;
6834 text-decoration: none;
6835 cursor: pointer;
6836 height: 48px;
6837 line-height: 48px;
6838 white-space: nowrap;
6839 opacity: 0;
6840 transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6841 -webkit-user-select: none;
6842 -moz-user-select: none;
6843 -ms-user-select: none;
6844 user-select: none; }
6845 .mdl-menu__container.is-visible .mdl-menu__item {
6846 opacity: 1; }
6847 .mdl-menu__item::-moz-focus-inner {
6848 border: 0; }
6849 .mdl-menu__item--full-bleed-divider {
6850 border-bottom: 1px solid rgba(0,0,0, 0.12); }
6851 .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
6852 color: rgb(189,189,189);
6853 background-color: transparent;
6854 cursor: auto; }
6855 .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
6856 background-color: transparent; }
6857 .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
6858 background-color: transparent; }
6859 .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
6860 background: transparent; }
6861 .mdl-menu__item:hover {
6862 background-color: rgb(238,238,238); }
6863 .mdl-menu__item:focus {
6864 outline: none;
6865 background-color: rgb(238,238,238); }
6866 .mdl-menu__item:active {
6867 background-color: rgb(224,224,224); }
6868
6869.mdl-menu__item--ripple-container {
6870 display: block;
6871 height: 100%;
6872 left: 0px;
6873 position: absolute;
6874 top: 0px;
6875 width: 100%;
6876 z-index: 0;
6877 overflow: hidden; }
6878
6879/**
6880 * Copyright 2015 Google Inc. All Rights Reserved.
6881 *
6882 * Licensed under the Apache License, Version 2.0 (the "License");
6883 * you may not use this file except in compliance with the License.
6884 * You may obtain a copy of the License at
6885 *
6886 * http://www.apache.org/licenses/LICENSE-2.0
6887 *
6888 * Unless required by applicable law or agreed to in writing, software
6889 * distributed under the License is distributed on an "AS IS" BASIS,
6890 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6891 * See the License for the specific language governing permissions and
6892 * limitations under the License.
6893 */
6894/**
6895 * Copyright 2015 Google Inc. All Rights Reserved.
6896 *
6897 * Licensed under the Apache License, Version 2.0 (the "License");
6898 * you may not use this file except in compliance with the License.
6899 * You may obtain a copy of the License at
6900 *
6901 * http://www.apache.org/licenses/LICENSE-2.0
6902 *
6903 * Unless required by applicable law or agreed to in writing, software
6904 * distributed under the License is distributed on an "AS IS" BASIS,
6905 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6906 * See the License for the specific language governing permissions and
6907 * limitations under the License.
6908 */
6909/*------------------------------------* $CONTENTS
6910\*------------------------------------*/
6911/**
6912 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6913 * -----Typography
6914 * -----Colors
6915 * -----Textfield
6916 * -----Switch
6917 * -----Spinner
6918 * -----Radio
6919 * -----Menu
6920 * -----List
6921 * -----Layout
6922 * -----Icon toggles
6923 * -----Footer
6924 * -----Column
6925 * -----Checkbox
6926 * -----Card
6927 * -----Button
6928 * -----Animation
6929 * -----Progress
6930 * -----Badge
6931 * -----Shadows
6932 * -----Grid
6933 * -----Data table
6934 * -----Dialog
6935 * -----Snackbar
6936 * -----Tooltip
6937 * -----Chip
6938 *
6939 * Even though all variables have the `!default` directive, most of them
6940 * should not be changed as they are dependent one another. This can cause
6941 * visual distortions (like alignment issues) that are hard to track down
6942 * and fix.
6943 */
6944/* ========== TYPOGRAPHY ========== */
6945/* We're splitting fonts into "preferred" and "performance" in order to optimize
6946 page loading. For important text, such as the body, we want it to load
6947 immediately and not wait for the web font load, whereas for other sections,
6948 such as headers and titles, we're OK with things taking a bit longer to load.
6949 We do have some optional classes and parameters in the mixins, in case you
6950 definitely want to make sure you're using the preferred font and don't mind
6951 the performance hit.
6952 We should be able to improve on this once CSS Font Loading L3 becomes more
6953 widely available.
6954*/
6955/* ========== COLORS ========== */
6956/**
6957*
6958* Material design color palettes.
6959* @see http://www.google.com/design/spec/style/color.html
6960*
6961**/
6962/**
6963 * Copyright 2015 Google Inc. All Rights Reserved.
6964 *
6965 * Licensed under the Apache License, Version 2.0 (the "License");
6966 * you may not use this file except in compliance with the License.
6967 * You may obtain a copy of the License at
6968 *
6969 * http://www.apache.org/licenses/LICENSE-2.0
6970 *
6971 * Unless required by applicable law or agreed to in writing, software
6972 * distributed under the License is distributed on an "AS IS" BASIS,
6973 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6974 * See the License for the specific language governing permissions and
6975 * limitations under the License.
6976 */
6977/* ========== Color Palettes ========== */
6978/* colors.scss */
6979/**
6980 * Copyright 2015 Google Inc. All Rights Reserved.
6981 *
6982 * Licensed under the Apache License, Version 2.0 (the "License");
6983 * you may not use this file except in compliance with the License.
6984 * You may obtain a copy of the License at
6985 *
6986 * http://www.apache.org/licenses/LICENSE-2.0
6987 *
6988 * Unless required by applicable law or agreed to in writing, software
6989 * distributed under the License is distributed on an "AS IS" BASIS,
6990 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6991 * See the License for the specific language governing permissions and
6992 * limitations under the License.
6993 */
6994/* ========== IMAGES ========== */
6995/* ========== Color & Themes ========== */
6996/* ========== Typography ========== */
6997/* ========== Components ========== */
6998/* ========== Standard Buttons ========== */
6999/* ========== Icon Toggles ========== */
7000/* ========== Radio Buttons ========== */
7001/* ========== Ripple effect ========== */
7002/* ========== Layout ========== */
7003/* ========== Content Tabs ========== */
7004/* ========== Checkboxes ========== */
7005/* ========== Switches ========== */
7006/* ========== Spinner ========== */
7007/* ========== Text fields ========== */
7008/* ========== Card ========== */
7009/* ========== Sliders ========== */
7010/* ========== Progress ========== */
7011/* ========== List ========== */
7012/* ========== Item ========== */
7013/* ========== Dropdown menu ========== */
7014/* ========== Tooltips ========== */
7015/* ========== Footer ========== */
7016/* TEXTFIELD */
7017/* SWITCH */
7018/* SPINNER */
7019/* RADIO */
7020/* MENU */
7021/* LIST */
7022/* LAYOUT */
7023/* ICON TOGGLE */
7024/* FOOTER */
7025/*mega-footer*/
7026/*mini-footer*/
7027/* CHECKBOX */
7028/* CARD */
7029/* Card dimensions */
7030/* Cover image */
7031/* BUTTON */
7032/**
7033 *
7034 * Dimensions
7035 *
7036 */
7037/* ANIMATION */
7038/* PROGRESS */
7039/* BADGE */
7040/* SHADOWS */
7041/* GRID */
7042/* DATA TABLE */
7043/* DIALOG */
7044/* SNACKBAR */
7045/* TOOLTIP */
7046/* CHIP */
7047.mdl-progress {
7048 display: block;
7049 position: relative;
7050 height: 4px;
7051 width: 500px;
7052 max-width: 100%; }
7053
7054.mdl-progress > .bar {
7055 display: block;
7056 position: absolute;
7057 top: 0;
7058 bottom: 0;
7059 width: 0%;
7060 transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
7061
7062.mdl-progress > .progressbar {
7063 background-color: rgb(63,81,181);
7064 z-index: 1;
7065 left: 0; }
7066
7067.mdl-progress > .bufferbar {
7068 background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
7069 z-index: 0;
7070 left: 0; }
7071
7072.mdl-progress > .auxbar {
7073 right: 0; }
7074
7075@supports (-webkit-appearance: none) {
7076 .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
7077 .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
7078 background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
7079 -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
7080 mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
7081
7082.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
7083.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
7084 background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }
7085
7086.mdl-progress.mdl-progress--indeterminate > .bar1,
7087.mdl-progress.mdl-progress__indeterminate > .bar1 {
7088 background-color: rgb(63,81,181);
7089 -webkit-animation-name: indeterminate1;
7090 animation-name: indeterminate1;
7091 -webkit-animation-duration: 2s;
7092 animation-duration: 2s;
7093 -webkit-animation-iteration-count: infinite;
7094 animation-iteration-count: infinite;
7095 -webkit-animation-timing-function: linear;
7096 animation-timing-function: linear; }
7097
7098.mdl-progress.mdl-progress--indeterminate > .bar3,
7099.mdl-progress.mdl-progress__indeterminate > .bar3 {
7100 background-image: none;
7101 background-color: rgb(63,81,181);
7102 -webkit-animation-name: indeterminate2;
7103 animation-name: indeterminate2;
7104 -webkit-animation-duration: 2s;
7105 animation-duration: 2s;
7106 -webkit-animation-iteration-count: infinite;
7107 animation-iteration-count: infinite;
7108 -webkit-animation-timing-function: linear;
7109 animation-timing-function: linear; }
7110
7111@-webkit-keyframes indeterminate1 {
7112 0% {
7113 left: 0%;
7114 width: 0%; }
7115 50% {
7116 left: 25%;
7117 width: 75%; }
7118 75% {
7119 left: 100%;
7120 width: 0%; } }
7121
7122@keyframes indeterminate1 {
7123 0% {
7124 left: 0%;
7125 width: 0%; }
7126 50% {
7127 left: 25%;
7128 width: 75%; }
7129 75% {
7130 left: 100%;
7131 width: 0%; } }
7132
7133@-webkit-keyframes indeterminate2 {
7134 0% {
7135 left: 0%;
7136 width: 0%; }
7137 50% {
7138 left: 0%;
7139 width: 0%; }
7140 75% {
7141 left: 0%;
7142 width: 25%; }
7143 100% {
7144 left: 100%;
7145 width: 0%; } }
7146
7147@keyframes indeterminate2 {
7148 0% {
7149 left: 0%;
7150 width: 0%; }
7151 50% {
7152 left: 0%;
7153 width: 0%; }
7154 75% {
7155 left: 0%;
7156 width: 25%; }
7157 100% {
7158 left: 100%;
7159 width: 0%; } }
7160
7161/**
7162 * Copyright 2015 Google Inc. All Rights Reserved.
7163 *
7164 * Licensed under the Apache License, Version 2.0 (the "License");
7165 * you may not use this file except in compliance with the License.
7166 * You may obtain a copy of the License at
7167 *
7168 * http://www.apache.org/licenses/LICENSE-2.0
7169 *
7170 * Unless required by applicable law or agreed to in writing, software
7171 * distributed under the License is distributed on an "AS IS" BASIS,
7172 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7173 * See the License for the specific language governing permissions and
7174 * limitations under the License.
7175 */
7176/**
7177 * Copyright 2015 Google Inc. All Rights Reserved.
7178 *
7179 * Licensed under the Apache License, Version 2.0 (the "License");
7180 * you may not use this file except in compliance with the License.
7181 * You may obtain a copy of the License at
7182 *
7183 * http://www.apache.org/licenses/LICENSE-2.0
7184 *
7185 * Unless required by applicable law or agreed to in writing, software
7186 * distributed under the License is distributed on an "AS IS" BASIS,
7187 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7188 * See the License for the specific language governing permissions and
7189 * limitations under the License.
7190 */
7191/*------------------------------------* $CONTENTS
7192\*------------------------------------*/
7193/**
7194 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7195 * -----Typography
7196 * -----Colors
7197 * -----Textfield
7198 * -----Switch
7199 * -----Spinner
7200 * -----Radio
7201 * -----Menu
7202 * -----List
7203 * -----Layout
7204 * -----Icon toggles
7205 * -----Footer
7206 * -----Column
7207 * -----Checkbox
7208 * -----Card
7209 * -----Button
7210 * -----Animation
7211 * -----Progress
7212 * -----Badge
7213 * -----Shadows
7214 * -----Grid
7215 * -----Data table
7216 * -----Dialog
7217 * -----Snackbar
7218 * -----Tooltip
7219 * -----Chip
7220 *
7221 * Even though all variables have the `!default` directive, most of them
7222 * should not be changed as they are dependent one another. This can cause
7223 * visual distortions (like alignment issues) that are hard to track down
7224 * and fix.
7225 */
7226/* ========== TYPOGRAPHY ========== */
7227/* We're splitting fonts into "preferred" and "performance" in order to optimize
7228 page loading. For important text, such as the body, we want it to load
7229 immediately and not wait for the web font load, whereas for other sections,
7230 such as headers and titles, we're OK with things taking a bit longer to load.
7231 We do have some optional classes and parameters in the mixins, in case you
7232 definitely want to make sure you're using the preferred font and don't mind
7233 the performance hit.
7234 We should be able to improve on this once CSS Font Loading L3 becomes more
7235 widely available.
7236*/
7237/* ========== COLORS ========== */
7238/**
7239*
7240* Material design color palettes.
7241* @see http://www.google.com/design/spec/style/color.html
7242*
7243**/
7244/**
7245 * Copyright 2015 Google Inc. All Rights Reserved.
7246 *
7247 * Licensed under the Apache License, Version 2.0 (the "License");
7248 * you may not use this file except in compliance with the License.
7249 * You may obtain a copy of the License at
7250 *
7251 * http://www.apache.org/licenses/LICENSE-2.0
7252 *
7253 * Unless required by applicable law or agreed to in writing, software
7254 * distributed under the License is distributed on an "AS IS" BASIS,
7255 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7256 * See the License for the specific language governing permissions and
7257 * limitations under the License.
7258 */
7259/* ========== Color Palettes ========== */
7260/* colors.scss */
7261/**
7262 * Copyright 2015 Google Inc. All Rights Reserved.
7263 *
7264 * Licensed under the Apache License, Version 2.0 (the "License");
7265 * you may not use this file except in compliance with the License.
7266 * You may obtain a copy of the License at
7267 *
7268 * http://www.apache.org/licenses/LICENSE-2.0
7269 *
7270 * Unless required by applicable law or agreed to in writing, software
7271 * distributed under the License is distributed on an "AS IS" BASIS,
7272 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7273 * See the License for the specific language governing permissions and
7274 * limitations under the License.
7275 */
7276/* ========== IMAGES ========== */
7277/* ========== Color & Themes ========== */
7278/* ========== Typography ========== */
7279/* ========== Components ========== */
7280/* ========== Standard Buttons ========== */
7281/* ========== Icon Toggles ========== */
7282/* ========== Radio Buttons ========== */
7283/* ========== Ripple effect ========== */
7284/* ========== Layout ========== */
7285/* ========== Content Tabs ========== */
7286/* ========== Checkboxes ========== */
7287/* ========== Switches ========== */
7288/* ========== Spinner ========== */
7289/* ========== Text fields ========== */
7290/* ========== Card ========== */
7291/* ========== Sliders ========== */
7292/* ========== Progress ========== */
7293/* ========== List ========== */
7294/* ========== Item ========== */
7295/* ========== Dropdown menu ========== */
7296/* ========== Tooltips ========== */
7297/* ========== Footer ========== */
7298/* TEXTFIELD */
7299/* SWITCH */
7300/* SPINNER */
7301/* RADIO */
7302/* MENU */
7303/* LIST */
7304/* LAYOUT */
7305/* ICON TOGGLE */
7306/* FOOTER */
7307/*mega-footer*/
7308/*mini-footer*/
7309/* CHECKBOX */
7310/* CARD */
7311/* Card dimensions */
7312/* Cover image */
7313/* BUTTON */
7314/**
7315 *
7316 * Dimensions
7317 *
7318 */
7319/* ANIMATION */
7320/* PROGRESS */
7321/* BADGE */
7322/* SHADOWS */
7323/* GRID */
7324/* DATA TABLE */
7325/* DIALOG */
7326/* SNACKBAR */
7327/* TOOLTIP */
7328/* CHIP */
7329/**
7330 * Copyright 2015 Google Inc. All Rights Reserved.
7331 *
7332 * Licensed under the Apache License, Version 2.0 (the "License");
7333 * you may not use this file except in compliance with the License.
7334 * You may obtain a copy of the License at
7335 *
7336 * http://www.apache.org/licenses/LICENSE-2.0
7337 *
7338 * Unless required by applicable law or agreed to in writing, software
7339 * distributed under the License is distributed on an "AS IS" BASIS,
7340 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7341 * See the License for the specific language governing permissions and
7342 * limitations under the License.
7343 */
7344/* Typography */
7345/* Shadows */
7346/* Animations */
7347/* Dialog */
7348.mdl-navigation {
7349 display: -webkit-flex;
7350 display: -ms-flexbox;
7351 display: flex;
7352 -webkit-flex-wrap: nowrap;
7353 -ms-flex-wrap: nowrap;
7354 flex-wrap: nowrap;
7355 box-sizing: border-box; }
7356
7357.mdl-navigation__link {
7358 color: rgb(66,66,66);
7359 text-decoration: none;
7360 margin: 0;
7361 font-size: 14px;
7362 font-weight: 400;
7363 line-height: 24px;
7364 letter-spacing: 0;
7365 opacity: 0.87; }
7366 .mdl-navigation__link .material-icons {
7367 vertical-align: middle; }
7368
7369.mdl-layout {
7370 width: 100%;
7371 height: 100%;
7372 display: -webkit-flex;
7373 display: -ms-flexbox;
7374 display: flex;
7375 -webkit-flex-direction: column;
7376 -ms-flex-direction: column;
7377 flex-direction: column;
7378 overflow-y: auto;
7379 overflow-x: hidden;
7380 position: relative;
7381 -webkit-overflow-scrolling: touch; }
7382
7383.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
7384 display: none; }
7385
7386.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
7387 display: none; }
7388
7389.mdl-layout__container {
7390 position: absolute;
7391 width: 100%;
7392 height: 100%; }
7393
7394.mdl-layout__title,
7395.mdl-layout-title {
7396 display: block;
7397 position: relative;
7398 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
7399 font-size: 20px;
7400 font-weight: 500;
7401 line-height: 1;
7402 letter-spacing: 0.02em;
7403 font-weight: 400;
7404 box-sizing: border-box; }
7405
7406.mdl-layout-spacer {
7407 -webkit-flex-grow: 1;
7408 -ms-flex-positive: 1;
7409 flex-grow: 1; }
7410
7411.mdl-layout__drawer {
7412 display: -webkit-flex;
7413 display: -ms-flexbox;
7414 display: flex;
7415 -webkit-flex-direction: column;
7416 -ms-flex-direction: column;
7417 flex-direction: column;
7418 -webkit-flex-wrap: nowrap;
7419 -ms-flex-wrap: nowrap;
7420 flex-wrap: nowrap;
7421 width: 240px;
7422 height: 100%;
7423 max-height: 100%;
7424 position: absolute;
7425 top: 0;
7426 left: 0;
7427 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);
7428 box-sizing: border-box;
7429 border-right: 1px solid rgb(224,224,224);
7430 background: rgb(250,250,250);
7431 -webkit-transform: translateX(-250px);
7432 transform: translateX(-250px);
7433 -webkit-transform-style: preserve-3d;
7434 transform-style: preserve-3d;
7435 will-change: transform;
7436 transition-duration: 0.2s;
7437 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7438 transition-property: -webkit-transform;
7439 transition-property: transform;
7440 transition-property: transform, -webkit-transform;
7441 color: rgb(66,66,66);
7442 overflow: visible;
7443 overflow-y: auto;
7444 z-index: 5; }
7445 .mdl-layout__drawer.is-visible {
7446 -webkit-transform: translateX(0);
7447 transform: translateX(0); }
7448 .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
7449 overflow: hidden; }
7450 .mdl-layout__drawer > * {
7451 -webkit-flex-shrink: 0;
7452 -ms-flex-negative: 0;
7453 flex-shrink: 0; }
7454 .mdl-layout__drawer > .mdl-layout__title,
7455 .mdl-layout__drawer > .mdl-layout-title {
7456 line-height: 64px;
7457 padding-left: 40px; }
7458 @media screen and (max-width: 1024px) {
7459 .mdl-layout__drawer > .mdl-layout__title,
7460 .mdl-layout__drawer > .mdl-layout-title {
7461 line-height: 56px;
7462 padding-left: 16px; } }
7463 .mdl-layout__drawer .mdl-navigation {
7464 -webkit-flex-direction: column;
7465 -ms-flex-direction: column;
7466 flex-direction: column;
7467 -webkit-align-items: stretch;
7468 -ms-flex-align: stretch;
7469 align-items: stretch;
7470 padding-top: 16px; }
7471 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7472 display: block;
7473 -webkit-flex-shrink: 0;
7474 -ms-flex-negative: 0;
7475 flex-shrink: 0;
7476 padding: 16px 40px;
7477 margin: 0;
7478 color: #757575; }
7479 @media screen and (max-width: 1024px) {
7480 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7481 padding: 16px 16px; } }
7482 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
7483 background-color: rgb(224,224,224); }
7484 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
7485 background-color: rgb(224,224,224);
7486 color: rgb(0,0,0); }
7487 @media screen and (min-width: 1025px) {
7488 .mdl-layout--fixed-drawer > .mdl-layout__drawer {
7489 -webkit-transform: translateX(0);
7490 transform: translateX(0); } }
7491
7492.mdl-layout__drawer-button {
7493 display: block;
7494 position: absolute;
7495 height: 48px;
7496 width: 48px;
7497 border: 0;
7498 -webkit-flex-shrink: 0;
7499 -ms-flex-negative: 0;
7500 flex-shrink: 0;
7501 overflow: hidden;
7502 text-align: center;
7503 cursor: pointer;
7504 font-size: 26px;
7505 line-height: 56px;
7506 font-family: Helvetica, Arial, sans-serif;
7507 margin: 8px 12px;
7508 top: 0;
7509 left: 0;
7510 color: rgb(255,255,255);
7511 z-index: 4; }
7512 .mdl-layout__header .mdl-layout__drawer-button {
7513 position: absolute;
7514 color: rgb(255,255,255);
7515 background-color: inherit; }
7516 @media screen and (max-width: 1024px) {
7517 .mdl-layout__header .mdl-layout__drawer-button {
7518 margin: 4px; } }
7519 @media screen and (max-width: 1024px) {
7520 .mdl-layout__drawer-button {
7521 margin: 4px;
7522 color: rgba(0, 0, 0, 0.5); } }
7523 @media screen and (min-width: 1025px) {
7524 .mdl-layout__drawer-button {
7525 line-height: 54px; }
7526 .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
7527 .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
7528 .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7529 display: none; } }
7530
7531.mdl-layout__header {
7532 display: -webkit-flex;
7533 display: -ms-flexbox;
7534 display: flex;
7535 -webkit-flex-direction: column;
7536 -ms-flex-direction: column;
7537 flex-direction: column;
7538 -webkit-flex-wrap: nowrap;
7539 -ms-flex-wrap: nowrap;
7540 flex-wrap: nowrap;
7541 -webkit-justify-content: flex-start;
7542 -ms-flex-pack: start;
7543 justify-content: flex-start;
7544 box-sizing: border-box;
7545 -webkit-flex-shrink: 0;
7546 -ms-flex-negative: 0;
7547 flex-shrink: 0;
7548 width: 100%;
7549 margin: 0;
7550 padding: 0;
7551 border: none;
7552 min-height: 64px;
7553 max-height: 1000px;
7554 z-index: 3;
7555 background-color: rgb(63,81,181);
7556 color: rgb(255,255,255);
7557 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);
7558 transition-duration: 0.2s;
7559 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7560 transition-property: max-height, box-shadow; }
7561 @media screen and (max-width: 1024px) {
7562 .mdl-layout__header {
7563 min-height: 56px; } }
7564 .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
7565 margin-left: 240px;
7566 width: calc(100% - 240px); }
7567 @media screen and (min-width: 1025px) {
7568 .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
7569 padding-left: 40px; } }
7570 .mdl-layout__header > .mdl-layout-icon {
7571 position: absolute;
7572 left: 40px;
7573 top: 16px;
7574 height: 32px;
7575 width: 32px;
7576 overflow: hidden;
7577 z-index: 3;
7578 display: block; }
7579 @media screen and (max-width: 1024px) {
7580 .mdl-layout__header > .mdl-layout-icon {
7581 left: 16px;
7582 top: 12px; } }
7583 .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
7584 display: none; }
7585 .mdl-layout__header.is-compact {
7586 max-height: 64px; }
7587 @media screen and (max-width: 1024px) {
7588 .mdl-layout__header.is-compact {
7589 max-height: 56px; } }
7590 .mdl-layout__header.is-compact.has-tabs {
7591 height: 112px; }
7592 @media screen and (max-width: 1024px) {
7593 .mdl-layout__header.is-compact.has-tabs {
7594 min-height: 104px; } }
7595 @media screen and (max-width: 1024px) {
7596 .mdl-layout__header {
7597 display: none; }
7598 .mdl-layout--fixed-header > .mdl-layout__header {
7599 display: -webkit-flex;
7600 display: -ms-flexbox;
7601 display: flex; } }
7602
7603.mdl-layout__header--transparent.mdl-layout__header--transparent {
7604 background-color: transparent;
7605 box-shadow: none; }
7606
7607.mdl-layout__header--seamed {
7608 box-shadow: none; }
7609
7610.mdl-layout__header--scroll {
7611 box-shadow: none; }
7612
7613.mdl-layout__header--waterfall {
7614 box-shadow: none;
7615 overflow: hidden; }
7616 .mdl-layout__header--waterfall.is-casting-shadow {
7617 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); }
7618 .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
7619 -webkit-justify-content: flex-end;
7620 -ms-flex-pack: end;
7621 justify-content: flex-end; }
7622
7623.mdl-layout__header-row {
7624 display: -webkit-flex;
7625 display: -ms-flexbox;
7626 display: flex;
7627 -webkit-flex-direction: row;
7628 -ms-flex-direction: row;
7629 flex-direction: row;
7630 -webkit-flex-wrap: nowrap;
7631 -ms-flex-wrap: nowrap;
7632 flex-wrap: nowrap;
7633 -webkit-flex-shrink: 0;
7634 -ms-flex-negative: 0;
7635 flex-shrink: 0;
7636 box-sizing: border-box;
7637 -webkit-align-self: stretch;
7638 -ms-flex-item-align: stretch;
7639 align-self: stretch;
7640 -webkit-align-items: center;
7641 -ms-flex-align: center;
7642 align-items: center;
7643 height: 64px;
7644 margin: 0;
7645 padding: 0 40px 0 80px; }
7646 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7647 padding-left: 40px; }
7648 @media screen and (min-width: 1025px) {
7649 .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
7650 padding-left: 40px; } }
7651 @media screen and (max-width: 1024px) {
7652 .mdl-layout__header-row {
7653 height: 56px;
7654 padding: 0 16px 0 72px; }
7655 .mdl-layout--no-drawer-button .mdl-layout__header-row {
7656 padding-left: 16px; } }
7657 .mdl-layout__header-row > * {
7658 -webkit-flex-shrink: 0;
7659 -ms-flex-negative: 0;
7660 flex-shrink: 0; }
7661 .mdl-layout__header--scroll .mdl-layout__header-row {
7662 width: 100%; }
7663 .mdl-layout__header-row .mdl-navigation {
7664 margin: 0;
7665 padding: 0;
7666 height: 64px;
7667 -webkit-flex-direction: row;
7668 -ms-flex-direction: row;
7669 flex-direction: row;
7670 -webkit-align-items: center;
7671 -ms-flex-align: center;
7672 align-items: center; }
7673 @media screen and (max-width: 1024px) {
7674 .mdl-layout__header-row .mdl-navigation {
7675 height: 56px; } }
7676 .mdl-layout__header-row .mdl-navigation__link {
7677 display: block;
7678 color: rgb(255,255,255);
7679 line-height: 64px;
7680 padding: 0 24px; }
7681 @media screen and (max-width: 1024px) {
7682 .mdl-layout__header-row .mdl-navigation__link {
7683 line-height: 56px;
7684 padding: 0 16px; } }
7685
7686.mdl-layout__obfuscator {
7687 background-color: transparent;
7688 position: absolute;
7689 top: 0;
7690 left: 0;
7691 height: 100%;
7692 width: 100%;
7693 z-index: 4;
7694 visibility: hidden;
7695 transition-property: background-color;
7696 transition-duration: 0.2s;
7697 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
7698 .mdl-layout__obfuscator.is-visible {
7699 background-color: rgba(0, 0, 0, 0.5);
7700 visibility: visible; }
7701 @supports (pointer-events: auto) {
7702 .mdl-layout__obfuscator {
7703 background-color: rgba(0, 0, 0, 0.5);
7704 opacity: 0;
7705 transition-property: opacity;
7706 visibility: visible;
7707 pointer-events: none; }
7708 .mdl-layout__obfuscator.is-visible {
7709 pointer-events: auto;
7710 opacity: 1; } }
7711
7712.mdl-layout__content {
7713 -ms-flex: 0 1 auto;
7714 position: relative;
7715 display: inline-block;
7716 overflow-y: auto;
7717 overflow-x: hidden;
7718 -webkit-flex-grow: 1;
7719 -ms-flex-positive: 1;
7720 flex-grow: 1;
7721 z-index: 1;
7722 -webkit-overflow-scrolling: touch; }
7723 .mdl-layout--fixed-drawer > .mdl-layout__content {
7724 margin-left: 240px; }
7725 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7726 overflow: visible; }
7727 @media screen and (max-width: 1024px) {
7728 .mdl-layout--fixed-drawer > .mdl-layout__content {
7729 margin-left: 0; }
7730 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7731 overflow-y: auto;
7732 overflow-x: hidden; } }
7733
7734.mdl-layout__tab-bar {
7735 height: 96px;
7736 margin: 0;
7737 width: calc(100% - 112px);
7738 padding: 0 0 0 56px;
7739 display: -webkit-flex;
7740 display: -ms-flexbox;
7741 display: flex;
7742 background-color: rgb(63,81,181);
7743 overflow-y: hidden;
7744 overflow-x: scroll; }
7745 .mdl-layout__tab-bar::-webkit-scrollbar {
7746 display: none; }
7747 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7748 padding-left: 16px;
7749 width: calc(100% - 32px); }
7750 @media screen and (min-width: 1025px) {
7751 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
7752 padding-left: 16px;
7753 width: calc(100% - 32px); } }
7754 @media screen and (max-width: 1024px) {
7755 .mdl-layout__tab-bar {
7756 width: calc(100% - 60px);
7757 padding: 0 0 0 60px; }
7758 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7759 width: calc(100% - 8px);
7760 padding-left: 4px; } }
7761 .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
7762 padding: 0;
7763 overflow: hidden;
7764 width: 100%; }
7765
7766.mdl-layout__tab-bar-container {
7767 position: relative;
7768 height: 48px;
7769 width: 100%;
7770 border: none;
7771 margin: 0;
7772 z-index: 2;
7773 -webkit-flex-grow: 0;
7774 -ms-flex-positive: 0;
7775 flex-grow: 0;
7776 -webkit-flex-shrink: 0;
7777 -ms-flex-negative: 0;
7778 flex-shrink: 0;
7779 overflow: hidden; }
7780 .mdl-layout__container > .mdl-layout__tab-bar-container {
7781 position: absolute;
7782 top: 0;
7783 left: 0; }
7784
7785.mdl-layout__tab-bar-button {
7786 display: inline-block;
7787 position: absolute;
7788 top: 0;
7789 height: 48px;
7790 width: 56px;
7791 z-index: 4;
7792 text-align: center;
7793 background-color: rgb(63,81,181);
7794 color: transparent;
7795 cursor: pointer;
7796 -webkit-user-select: none;
7797 -moz-user-select: none;
7798 -ms-user-select: none;
7799 user-select: none; }
7800 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
7801 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
7802 width: 16px; }
7803 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
7804 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
7805 position: relative;
7806 left: -4px; }
7807 @media screen and (max-width: 1024px) {
7808 .mdl-layout__tab-bar-button {
7809 width: 60px; } }
7810 .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
7811 display: none; }
7812 .mdl-layout__tab-bar-button .material-icons {
7813 line-height: 48px; }
7814 .mdl-layout__tab-bar-button.is-active {
7815 color: rgb(255,255,255); }
7816
7817.mdl-layout__tab-bar-left-button {
7818 left: 0; }
7819
7820.mdl-layout__tab-bar-right-button {
7821 right: 0; }
7822
7823.mdl-layout__tab {
7824 margin: 0;
7825 border: none;
7826 padding: 0 24px 0 24px;
7827 float: left;
7828 position: relative;
7829 display: block;
7830 -webkit-flex-grow: 0;
7831 -ms-flex-positive: 0;
7832 flex-grow: 0;
7833 -webkit-flex-shrink: 0;
7834 -ms-flex-negative: 0;
7835 flex-shrink: 0;
7836 text-decoration: none;
7837 height: 48px;
7838 line-height: 48px;
7839 text-align: center;
7840 font-weight: 500;
7841 font-size: 14px;
7842 text-transform: uppercase;
7843 color: rgba(255,255,255, 0.6);
7844 overflow: hidden; }
7845 @media screen and (max-width: 1024px) {
7846 .mdl-layout__tab {
7847 padding: 0 12px 0 12px; } }
7848 .mdl-layout--fixed-tabs .mdl-layout__tab {
7849 float: none;
7850 -webkit-flex-grow: 1;
7851 -ms-flex-positive: 1;
7852 flex-grow: 1;
7853 padding: 0; }
7854 .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
7855 color: rgb(255,255,255); }
7856 .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
7857 height: 2px;
7858 width: 100%;
7859 display: block;
7860 content: " ";
7861 bottom: 0;
7862 left: 0;
7863 position: absolute;
7864 background: rgb(255,64,129);
7865 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7866 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7867 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
7868 .mdl-layout__tab .mdl-layout__tab-ripple-container {
7869 display: block;
7870 position: absolute;
7871 height: 100%;
7872 width: 100%;
7873 left: 0;
7874 top: 0;
7875 z-index: 1;
7876 overflow: hidden; }
7877 .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
7878 background-color: rgb(255,255,255); }
7879
7880.mdl-layout__tab-panel {
7881 display: block; }
7882 .mdl-layout.is-upgraded .mdl-layout__tab-panel {
7883 display: none; }
7884 .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
7885 display: block; }
7886
7887/**
7888 * Copyright 2015 Google Inc. All Rights Reserved.
7889 *
7890 * Licensed under the Apache License, Version 2.0 (the "License");
7891 * you may not use this file except in compliance with the License.
7892 * You may obtain a copy of the License at
7893 *
7894 * http://www.apache.org/licenses/LICENSE-2.0
7895 *
7896 * Unless required by applicable law or agreed to in writing, software
7897 * distributed under the License is distributed on an "AS IS" BASIS,
7898 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7899 * See the License for the specific language governing permissions and
7900 * limitations under the License.
7901 */
7902/**
7903 * Copyright 2015 Google Inc. All Rights Reserved.
7904 *
7905 * Licensed under the Apache License, Version 2.0 (the "License");
7906 * you may not use this file except in compliance with the License.
7907 * You may obtain a copy of the License at
7908 *
7909 * http://www.apache.org/licenses/LICENSE-2.0
7910 *
7911 * Unless required by applicable law or agreed to in writing, software
7912 * distributed under the License is distributed on an "AS IS" BASIS,
7913 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7914 * See the License for the specific language governing permissions and
7915 * limitations under the License.
7916 */
7917/*------------------------------------* $CONTENTS
7918\*------------------------------------*/
7919/**
7920 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7921 * -----Typography
7922 * -----Colors
7923 * -----Textfield
7924 * -----Switch
7925 * -----Spinner
7926 * -----Radio
7927 * -----Menu
7928 * -----List
7929 * -----Layout
7930 * -----Icon toggles
7931 * -----Footer
7932 * -----Column
7933 * -----Checkbox
7934 * -----Card
7935 * -----Button
7936 * -----Animation
7937 * -----Progress
7938 * -----Badge
7939 * -----Shadows
7940 * -----Grid
7941 * -----Data table
7942 * -----Dialog
7943 * -----Snackbar
7944 * -----Tooltip
7945 * -----Chip
7946 *
7947 * Even though all variables have the `!default` directive, most of them
7948 * should not be changed as they are dependent one another. This can cause
7949 * visual distortions (like alignment issues) that are hard to track down
7950 * and fix.
7951 */
7952/* ========== TYPOGRAPHY ========== */
7953/* We're splitting fonts into "preferred" and "performance" in order to optimize
7954 page loading. For important text, such as the body, we want it to load
7955 immediately and not wait for the web font load, whereas for other sections,
7956 such as headers and titles, we're OK with things taking a bit longer to load.
7957 We do have some optional classes and parameters in the mixins, in case you
7958 definitely want to make sure you're using the preferred font and don't mind
7959 the performance hit.
7960 We should be able to improve on this once CSS Font Loading L3 becomes more
7961 widely available.
7962*/
7963/* ========== COLORS ========== */
7964/**
7965*
7966* Material design color palettes.
7967* @see http://www.google.com/design/spec/style/color.html
7968*
7969**/
7970/**
7971 * Copyright 2015 Google Inc. All Rights Reserved.
7972 *
7973 * Licensed under the Apache License, Version 2.0 (the "License");
7974 * you may not use this file except in compliance with the License.
7975 * You may obtain a copy of the License at
7976 *
7977 * http://www.apache.org/licenses/LICENSE-2.0
7978 *
7979 * Unless required by applicable law or agreed to in writing, software
7980 * distributed under the License is distributed on an "AS IS" BASIS,
7981 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7982 * See the License for the specific language governing permissions and
7983 * limitations under the License.
7984 */
7985/* ========== Color Palettes ========== */
7986/* colors.scss */
7987/**
7988 * Copyright 2015 Google Inc. All Rights Reserved.
7989 *
7990 * Licensed under the Apache License, Version 2.0 (the "License");
7991 * you may not use this file except in compliance with the License.
7992 * You may obtain a copy of the License at
7993 *
7994 * http://www.apache.org/licenses/LICENSE-2.0
7995 *
7996 * Unless required by applicable law or agreed to in writing, software
7997 * distributed under the License is distributed on an "AS IS" BASIS,
7998 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7999 * See the License for the specific language governing permissions and
8000 * limitations under the License.
8001 */
8002/* ========== IMAGES ========== */
8003/* ========== Color & Themes ========== */
8004/* ========== Typography ========== */
8005/* ========== Components ========== */
8006/* ========== Standard Buttons ========== */
8007/* ========== Icon Toggles ========== */
8008/* ========== Radio Buttons ========== */
8009/* ========== Ripple effect ========== */
8010/* ========== Layout ========== */
8011/* ========== Content Tabs ========== */
8012/* ========== Checkboxes ========== */
8013/* ========== Switches ========== */
8014/* ========== Spinner ========== */
8015/* ========== Text fields ========== */
8016/* ========== Card ========== */
8017/* ========== Sliders ========== */
8018/* ========== Progress ========== */
8019/* ========== List ========== */
8020/* ========== Item ========== */
8021/* ========== Dropdown menu ========== */
8022/* ========== Tooltips ========== */
8023/* ========== Footer ========== */
8024/* TEXTFIELD */
8025/* SWITCH */
8026/* SPINNER */
8027/* RADIO */
8028/* MENU */
8029/* LIST */
8030/* LAYOUT */
8031/* ICON TOGGLE */
8032/* FOOTER */
8033/*mega-footer*/
8034/*mini-footer*/
8035/* CHECKBOX */
8036/* CARD */
8037/* Card dimensions */
8038/* Cover image */
8039/* BUTTON */
8040/**
8041 *
8042 * Dimensions
8043 *
8044 */
8045/* ANIMATION */
8046/* PROGRESS */
8047/* BADGE */
8048/* SHADOWS */
8049/* GRID */
8050/* DATA TABLE */
8051/* DIALOG */
8052/* SNACKBAR */
8053/* TOOLTIP */
8054/* CHIP */
8055/**
8056 * Copyright 2015 Google Inc. All Rights Reserved.
8057 *
8058 * Licensed under the Apache License, Version 2.0 (the "License");
8059 * you may not use this file except in compliance with the License.
8060 * You may obtain a copy of the License at
8061 *
8062 * http://www.apache.org/licenses/LICENSE-2.0
8063 *
8064 * Unless required by applicable law or agreed to in writing, software
8065 * distributed under the License is distributed on an "AS IS" BASIS,
8066 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8067 * See the License for the specific language governing permissions and
8068 * limitations under the License.
8069 */
8070/* Typography */
8071/* Shadows */
8072/* Animations */
8073/* Dialog */
8074.mdl-radio {
8075 position: relative;
8076 font-size: 16px;
8077 line-height: 24px;
8078 display: inline-block;
8079 vertical-align: middle;
8080 box-sizing: border-box;
8081 height: 24px;
8082 margin: 0;
8083 padding-left: 0; }
8084 .mdl-radio.is-upgraded {
8085 padding-left: 24px; }
8086
8087.mdl-radio__button {
8088 line-height: 24px; }
8089 .mdl-radio.is-upgraded .mdl-radio__button {
8090 position: absolute;
8091 width: 0;
8092 height: 0;
8093 margin: 0;
8094 padding: 0;
8095 opacity: 0;
8096 -ms-appearance: none;
8097 -moz-appearance: none;
8098 -webkit-appearance: none;
8099 appearance: none;
8100 border: none; }
8101
8102.mdl-radio__outer-circle {
8103 position: absolute;
8104 top: 4px;
8105 left: 0;
8106 display: inline-block;
8107 box-sizing: border-box;
8108 width: 16px;
8109 height: 16px;
8110 margin: 0;
8111 cursor: pointer;
8112 border: 2px solid rgba(0,0,0, 0.54);
8113 border-radius: 50%;
8114 z-index: 2; }
8115 .mdl-radio.is-checked .mdl-radio__outer-circle {
8116 border: 2px solid rgb(63,81,181); }
8117 .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
8118 .mdl-radio.is-disabled .mdl-radio__outer-circle {
8119 border: 2px solid rgba(0,0,0, 0.26);
8120 cursor: auto; }
8121
8122.mdl-radio__inner-circle {
8123 position: absolute;
8124 z-index: 1;
8125 margin: 0;
8126 top: 8px;
8127 left: 4px;
8128 box-sizing: border-box;
8129 width: 8px;
8130 height: 8px;
8131 cursor: pointer;
8132 transition-duration: 0.28s;
8133 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8134 transition-property: -webkit-transform;
8135 transition-property: transform;
8136 transition-property: transform, -webkit-transform;
8137 -webkit-transform: scale(0, 0);
8138 transform: scale(0, 0);
8139 border-radius: 50%;
8140 background: rgb(63,81,181); }
8141 .mdl-radio.is-checked .mdl-radio__inner-circle {
8142 -webkit-transform: scale(1, 1);
8143 transform: scale(1, 1); }
8144 fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
8145 .mdl-radio.is-disabled .mdl-radio__inner-circle {
8146 background: rgba(0,0,0, 0.26);
8147 cursor: auto; }
8148 .mdl-radio.is-focused .mdl-radio__inner-circle {
8149 box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }
8150
8151.mdl-radio__label {
8152 cursor: pointer; }
8153 fieldset[disabled] .mdl-radio .mdl-radio__label,
8154 .mdl-radio.is-disabled .mdl-radio__label {
8155 color: rgba(0,0,0, 0.26);
8156 cursor: auto; }
8157
8158.mdl-radio__ripple-container {
8159 position: absolute;
8160 z-index: 2;
8161 top: -9px;
8162 left: -13px;
8163 box-sizing: border-box;
8164 width: 42px;
8165 height: 42px;
8166 border-radius: 50%;
8167 cursor: pointer;
8168 overflow: hidden;
8169 -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
8170 .mdl-radio__ripple-container .mdl-ripple {
8171 background: rgb(63,81,181); }
8172 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
8173 .mdl-radio.is-disabled .mdl-radio__ripple-container {
8174 cursor: auto; }
8175 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
8176 .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
8177 background: transparent; }
8178
8179/**
8180 * Copyright 2015 Google Inc. All Rights Reserved.
8181 *
8182 * Licensed under the Apache License, Version 2.0 (the "License");
8183 * you may not use this file except in compliance with the License.
8184 * You may obtain a copy of the License at
8185 *
8186 * http://www.apache.org/licenses/LICENSE-2.0
8187 *
8188 * Unless required by applicable law or agreed to in writing, software
8189 * distributed under the License is distributed on an "AS IS" BASIS,
8190 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8191 * See the License for the specific language governing permissions and
8192 * limitations under the License.
8193 */
8194/**
8195 * Copyright 2015 Google Inc. All Rights Reserved.
8196 *
8197 * Licensed under the Apache License, Version 2.0 (the "License");
8198 * you may not use this file except in compliance with the License.
8199 * You may obtain a copy of the License at
8200 *
8201 * http://www.apache.org/licenses/LICENSE-2.0
8202 *
8203 * Unless required by applicable law or agreed to in writing, software
8204 * distributed under the License is distributed on an "AS IS" BASIS,
8205 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8206 * See the License for the specific language governing permissions and
8207 * limitations under the License.
8208 */
8209/*------------------------------------* $CONTENTS
8210\*------------------------------------*/
8211/**
8212 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8213 * -----Typography
8214 * -----Colors
8215 * -----Textfield
8216 * -----Switch
8217 * -----Spinner
8218 * -----Radio
8219 * -----Menu
8220 * -----List
8221 * -----Layout
8222 * -----Icon toggles
8223 * -----Footer
8224 * -----Column
8225 * -----Checkbox
8226 * -----Card
8227 * -----Button
8228 * -----Animation
8229 * -----Progress
8230 * -----Badge
8231 * -----Shadows
8232 * -----Grid
8233 * -----Data table
8234 * -----Dialog
8235 * -----Snackbar
8236 * -----Tooltip
8237 * -----Chip
8238 *
8239 * Even though all variables have the `!default` directive, most of them
8240 * should not be changed as they are dependent one another. This can cause
8241 * visual distortions (like alignment issues) that are hard to track down
8242 * and fix.
8243 */
8244/* ========== TYPOGRAPHY ========== */
8245/* We're splitting fonts into "preferred" and "performance" in order to optimize
8246 page loading. For important text, such as the body, we want it to load
8247 immediately and not wait for the web font load, whereas for other sections,
8248 such as headers and titles, we're OK with things taking a bit longer to load.
8249 We do have some optional classes and parameters in the mixins, in case you
8250 definitely want to make sure you're using the preferred font and don't mind
8251 the performance hit.
8252 We should be able to improve on this once CSS Font Loading L3 becomes more
8253 widely available.
8254*/
8255/* ========== COLORS ========== */
8256/**
8257*
8258* Material design color palettes.
8259* @see http://www.google.com/design/spec/style/color.html
8260*
8261**/
8262/**
8263 * Copyright 2015 Google Inc. All Rights Reserved.
8264 *
8265 * Licensed under the Apache License, Version 2.0 (the "License");
8266 * you may not use this file except in compliance with the License.
8267 * You may obtain a copy of the License at
8268 *
8269 * http://www.apache.org/licenses/LICENSE-2.0
8270 *
8271 * Unless required by applicable law or agreed to in writing, software
8272 * distributed under the License is distributed on an "AS IS" BASIS,
8273 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8274 * See the License for the specific language governing permissions and
8275 * limitations under the License.
8276 */
8277/* ========== Color Palettes ========== */
8278/* colors.scss */
8279/**
8280 * Copyright 2015 Google Inc. All Rights Reserved.
8281 *
8282 * Licensed under the Apache License, Version 2.0 (the "License");
8283 * you may not use this file except in compliance with the License.
8284 * You may obtain a copy of the License at
8285 *
8286 * http://www.apache.org/licenses/LICENSE-2.0
8287 *
8288 * Unless required by applicable law or agreed to in writing, software
8289 * distributed under the License is distributed on an "AS IS" BASIS,
8290 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8291 * See the License for the specific language governing permissions and
8292 * limitations under the License.
8293 */
8294/* ========== IMAGES ========== */
8295/* ========== Color & Themes ========== */
8296/* ========== Typography ========== */
8297/* ========== Components ========== */
8298/* ========== Standard Buttons ========== */
8299/* ========== Icon Toggles ========== */
8300/* ========== Radio Buttons ========== */
8301/* ========== Ripple effect ========== */
8302/* ========== Layout ========== */
8303/* ========== Content Tabs ========== */
8304/* ========== Checkboxes ========== */
8305/* ========== Switches ========== */
8306/* ========== Spinner ========== */
8307/* ========== Text fields ========== */
8308/* ========== Card ========== */
8309/* ========== Sliders ========== */
8310/* ========== Progress ========== */
8311/* ========== List ========== */
8312/* ========== Item ========== */
8313/* ========== Dropdown menu ========== */
8314/* ========== Tooltips ========== */
8315/* ========== Footer ========== */
8316/* TEXTFIELD */
8317/* SWITCH */
8318/* SPINNER */
8319/* RADIO */
8320/* MENU */
8321/* LIST */
8322/* LAYOUT */
8323/* ICON TOGGLE */
8324/* FOOTER */
8325/*mega-footer*/
8326/*mini-footer*/
8327/* CHECKBOX */
8328/* CARD */
8329/* Card dimensions */
8330/* Cover image */
8331/* BUTTON */
8332/**
8333 *
8334 * Dimensions
8335 *
8336 */
8337/* ANIMATION */
8338/* PROGRESS */
8339/* BADGE */
8340/* SHADOWS */
8341/* GRID */
8342/* DATA TABLE */
8343/* DIALOG */
8344/* SNACKBAR */
8345/* TOOLTIP */
8346/* CHIP */
8347_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8348 -ms-appearance: none;
8349 height: 32px;
8350 margin: 0; }
8351
8352.mdl-slider {
8353 width: calc(100% - 40px);
8354 margin: 0 20px; }
8355 .mdl-slider.is-upgraded {
8356 -webkit-appearance: none;
8357 -moz-appearance: none;
8358 appearance: none;
8359 height: 2px;
8360 background: transparent;
8361 -webkit-user-select: none;
8362 -moz-user-select: none;
8363 -ms-user-select: none;
8364 user-select: none;
8365 outline: 0;
8366 padding: 0;
8367 color: rgb(63,81,181);
8368 -webkit-align-self: center;
8369 -ms-flex-item-align: center;
8370 -ms-grid-row-align: center;
8371 align-self: center;
8372 z-index: 1;
8373 cursor: pointer;
8374 /**************************** Tracks ****************************/
8375 /**************************** Thumbs ****************************/
8376 /**************************** 0-value ****************************/
8377 /**************************** Disabled ****************************/ }
8378 .mdl-slider.is-upgraded::-moz-focus-outer {
8379 border: 0; }
8380 .mdl-slider.is-upgraded::-ms-tooltip {
8381 display: none; }
8382 .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
8383 background: transparent; }
8384 .mdl-slider.is-upgraded::-moz-range-track {
8385 background: transparent;
8386 border: none; }
8387 .mdl-slider.is-upgraded::-ms-track {
8388 background: none;
8389 color: transparent;
8390 height: 2px;
8391 width: 100%;
8392 border: none; }
8393 .mdl-slider.is-upgraded::-ms-fill-lower {
8394 padding: 0;
8395 background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }
8396 .mdl-slider.is-upgraded::-ms-fill-upper {
8397 padding: 0;
8398 background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
8399 .mdl-slider.is-upgraded::-webkit-slider-thumb {
8400 -webkit-appearance: none;
8401 width: 12px;
8402 height: 12px;
8403 box-sizing: border-box;
8404 border-radius: 50%;
8405 background: rgb(63,81,181);
8406 border: none;
8407 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);
8408 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);
8409 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); }
8410 .mdl-slider.is-upgraded::-moz-range-thumb {
8411 -moz-appearance: none;
8412 width: 12px;
8413 height: 12px;
8414 box-sizing: border-box;
8415 border-radius: 50%;
8416 background-image: none;
8417 background: rgb(63,81,181);
8418 border: none; }
8419 .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
8420 box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8421 .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
8422 box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8423 .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
8424 background-image: none;
8425 background: rgb(63,81,181);
8426 -webkit-transform: scale(1.5);
8427 transform: scale(1.5); }
8428 .mdl-slider.is-upgraded:active::-moz-range-thumb {
8429 background-image: none;
8430 background: rgb(63,81,181);
8431 transform: scale(1.5); }
8432 .mdl-slider.is-upgraded::-ms-thumb {
8433 width: 32px;
8434 height: 32px;
8435 border: none;
8436 border-radius: 50%;
8437 background: rgb(63,81,181);
8438 transform: scale(0.375);
8439 transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
8440 transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
8441 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); }
8442 .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
8443 background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
8444 transform: scale(1); }
8445 .mdl-slider.is-upgraded:active::-ms-thumb {
8446 background: rgb(63,81,181);
8447 transform: scale(0.5625); }
8448 .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
8449 border: 2px solid rgba(0,0,0, 0.26);
8450 background: transparent; }
8451 .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
8452 border: 2px solid rgba(0,0,0, 0.26);
8453 background: transparent; }
8454 .mdl-slider.is-upgraded.is-lowest-value +
8455.mdl-slider__background-flex > .mdl-slider__background-upper {
8456 left: 6px; }
8457 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
8458 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8459 background: rgba(0,0,0, 0.12); }
8460 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
8461 box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8462 background: rgba(0,0,0, 0.12); }
8463 .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
8464 border: 1.6px solid rgba(0,0,0, 0.26);
8465 -webkit-transform: scale(1.5);
8466 transform: scale(1.5); }
8467 .mdl-slider.is-upgraded.is-lowest-value:active +
8468.mdl-slider__background-flex > .mdl-slider__background-upper {
8469 left: 9px; }
8470 .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
8471 border: 1.5px solid rgba(0,0,0, 0.26);
8472 transform: scale(1.5); }
8473 .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
8474 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%); }
8475 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
8476 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%);
8477 transform: scale(1); }
8478 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
8479 transform: scale(0.5625);
8480 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%); }
8481 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
8482 background: transparent; }
8483 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
8484 margin-left: 6px; }
8485 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
8486 margin-left: 9px; }
8487 .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 {
8488 -webkit-transform: scale(0.667);
8489 transform: scale(0.667);
8490 background: rgba(0,0,0, 0.26); }
8491 .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 {
8492 transform: scale(0.667);
8493 background: rgba(0,0,0, 0.26); }
8494 .mdl-slider.is-upgraded:disabled +
8495.mdl-slider__background-flex > .mdl-slider__background-lower {
8496 background-color: rgba(0,0,0, 0.26);
8497 left: -6px; }
8498 .mdl-slider.is-upgraded:disabled +
8499.mdl-slider__background-flex > .mdl-slider__background-upper {
8500 left: 6px; }
8501 .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 {
8502 border: 3px solid rgba(0,0,0, 0.26);
8503 background: transparent;
8504 -webkit-transform: scale(0.667);
8505 transform: scale(0.667); }
8506 .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 {
8507 border: 3px solid rgba(0,0,0, 0.26);
8508 background: transparent;
8509 transform: scale(0.667); }
8510 .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
8511.mdl-slider__background-flex > .mdl-slider__background-upper {
8512 left: 6px; }
8513 .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
8514 transform: scale(0.25);
8515 background: rgba(0,0,0, 0.26); }
8516 .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 {
8517 transform: scale(0.25);
8518 background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
8519 .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
8520 margin-right: 6px;
8521 background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
8522 .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
8523 margin-left: 6px; }
8524 .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
8525 margin-left: 6px; }
8526
8527.mdl-slider__ie-container {
8528 height: 18px;
8529 overflow: visible;
8530 border: none;
8531 margin: none;
8532 padding: none; }
8533
8534.mdl-slider__container {
8535 height: 18px;
8536 position: relative;
8537 background: none;
8538 display: -webkit-flex;
8539 display: -ms-flexbox;
8540 display: flex;
8541 -webkit-flex-direction: row;
8542 -ms-flex-direction: row;
8543 flex-direction: row; }
8544
8545.mdl-slider__background-flex {
8546 background: transparent;
8547 position: absolute;
8548 height: 2px;
8549 width: calc(100% - 52px);
8550 top: 50%;
8551 left: 0;
8552 margin: 0 26px;
8553 display: -webkit-flex;
8554 display: -ms-flexbox;
8555 display: flex;
8556 overflow: hidden;
8557 border: 0;
8558 padding: 0;
8559 -webkit-transform: translate(0, -1px);
8560 transform: translate(0, -1px); }
8561
8562.mdl-slider__background-lower {
8563 background: rgb(63,81,181);
8564 -webkit-flex: 0;
8565 -ms-flex: 0;
8566 flex: 0;
8567 position: relative;
8568 border: 0;
8569 padding: 0; }
8570
8571.mdl-slider__background-upper {
8572 background: rgba(0,0,0, 0.26);
8573 -webkit-flex: 0;
8574 -ms-flex: 0;
8575 flex: 0;
8576 position: relative;
8577 border: 0;
8578 padding: 0;
8579 transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8580
8581/**
8582 * Copyright 2015 Google Inc. All Rights Reserved.
8583 *
8584 * Licensed under the Apache License, Version 2.0 (the "License");
8585 * you may not use this file except in compliance with the License.
8586 * You may obtain a copy of the License at
8587 *
8588 * http://www.apache.org/licenses/LICENSE-2.0
8589 *
8590 * Unless required by applicable law or agreed to in writing, software
8591 * distributed under the License is distributed on an "AS IS" BASIS,
8592 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8593 * See the License for the specific language governing permissions and
8594 * limitations under the License.
8595 */
8596/**
8597 * Copyright 2015 Google Inc. All Rights Reserved.
8598 *
8599 * Licensed under the Apache License, Version 2.0 (the "License");
8600 * you may not use this file except in compliance with the License.
8601 * You may obtain a copy of the License at
8602 *
8603 * http://www.apache.org/licenses/LICENSE-2.0
8604 *
8605 * Unless required by applicable law or agreed to in writing, software
8606 * distributed under the License is distributed on an "AS IS" BASIS,
8607 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8608 * See the License for the specific language governing permissions and
8609 * limitations under the License.
8610 */
8611/*------------------------------------* $CONTENTS
8612\*------------------------------------*/
8613/**
8614 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8615 * -----Typography
8616 * -----Colors
8617 * -----Textfield
8618 * -----Switch
8619 * -----Spinner
8620 * -----Radio
8621 * -----Menu
8622 * -----List
8623 * -----Layout
8624 * -----Icon toggles
8625 * -----Footer
8626 * -----Column
8627 * -----Checkbox
8628 * -----Card
8629 * -----Button
8630 * -----Animation
8631 * -----Progress
8632 * -----Badge
8633 * -----Shadows
8634 * -----Grid
8635 * -----Data table
8636 * -----Dialog
8637 * -----Snackbar
8638 * -----Tooltip
8639 * -----Chip
8640 *
8641 * Even though all variables have the `!default` directive, most of them
8642 * should not be changed as they are dependent one another. This can cause
8643 * visual distortions (like alignment issues) that are hard to track down
8644 * and fix.
8645 */
8646/* ========== TYPOGRAPHY ========== */
8647/* We're splitting fonts into "preferred" and "performance" in order to optimize
8648 page loading. For important text, such as the body, we want it to load
8649 immediately and not wait for the web font load, whereas for other sections,
8650 such as headers and titles, we're OK with things taking a bit longer to load.
8651 We do have some optional classes and parameters in the mixins, in case you
8652 definitely want to make sure you're using the preferred font and don't mind
8653 the performance hit.
8654 We should be able to improve on this once CSS Font Loading L3 becomes more
8655 widely available.
8656*/
8657/* ========== COLORS ========== */
8658/**
8659*
8660* Material design color palettes.
8661* @see http://www.google.com/design/spec/style/color.html
8662*
8663**/
8664/**
8665 * Copyright 2015 Google Inc. All Rights Reserved.
8666 *
8667 * Licensed under the Apache License, Version 2.0 (the "License");
8668 * you may not use this file except in compliance with the License.
8669 * You may obtain a copy of the License at
8670 *
8671 * http://www.apache.org/licenses/LICENSE-2.0
8672 *
8673 * Unless required by applicable law or agreed to in writing, software
8674 * distributed under the License is distributed on an "AS IS" BASIS,
8675 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8676 * See the License for the specific language governing permissions and
8677 * limitations under the License.
8678 */
8679/* ========== Color Palettes ========== */
8680/* colors.scss */
8681/**
8682 * Copyright 2015 Google Inc. All Rights Reserved.
8683 *
8684 * Licensed under the Apache License, Version 2.0 (the "License");
8685 * you may not use this file except in compliance with the License.
8686 * You may obtain a copy of the License at
8687 *
8688 * http://www.apache.org/licenses/LICENSE-2.0
8689 *
8690 * Unless required by applicable law or agreed to in writing, software
8691 * distributed under the License is distributed on an "AS IS" BASIS,
8692 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8693 * See the License for the specific language governing permissions and
8694 * limitations under the License.
8695 */
8696/* ========== IMAGES ========== */
8697/* ========== Color & Themes ========== */
8698/* ========== Typography ========== */
8699/* ========== Components ========== */
8700/* ========== Standard Buttons ========== */
8701/* ========== Icon Toggles ========== */
8702/* ========== Radio Buttons ========== */
8703/* ========== Ripple effect ========== */
8704/* ========== Layout ========== */
8705/* ========== Content Tabs ========== */
8706/* ========== Checkboxes ========== */
8707/* ========== Switches ========== */
8708/* ========== Spinner ========== */
8709/* ========== Text fields ========== */
8710/* ========== Card ========== */
8711/* ========== Sliders ========== */
8712/* ========== Progress ========== */
8713/* ========== List ========== */
8714/* ========== Item ========== */
8715/* ========== Dropdown menu ========== */
8716/* ========== Tooltips ========== */
8717/* ========== Footer ========== */
8718/* TEXTFIELD */
8719/* SWITCH */
8720/* SPINNER */
8721/* RADIO */
8722/* MENU */
8723/* LIST */
8724/* LAYOUT */
8725/* ICON TOGGLE */
8726/* FOOTER */
8727/*mega-footer*/
8728/*mini-footer*/
8729/* CHECKBOX */
8730/* CARD */
8731/* Card dimensions */
8732/* Cover image */
8733/* BUTTON */
8734/**
8735 *
8736 * Dimensions
8737 *
8738 */
8739/* ANIMATION */
8740/* PROGRESS */
8741/* BADGE */
8742/* SHADOWS */
8743/* GRID */
8744/* DATA TABLE */
8745/* DIALOG */
8746/* SNACKBAR */
8747/* TOOLTIP */
8748/* CHIP */
8749/**
8750 * Copyright 2015 Google Inc. All Rights Reserved.
8751 *
8752 * Licensed under the Apache License, Version 2.0 (the "License");
8753 * you may not use this file except in compliance with the License.
8754 * You may obtain a copy of the License at
8755 *
8756 * http://www.apache.org/licenses/LICENSE-2.0
8757 *
8758 * Unless required by applicable law or agreed to in writing, software
8759 * distributed under the License is distributed on an "AS IS" BASIS,
8760 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8761 * See the License for the specific language governing permissions and
8762 * limitations under the License.
8763 */
8764/* Typography */
8765/* Shadows */
8766/* Animations */
8767/* Dialog */
8768.mdl-snackbar {
8769 position: fixed;
8770 bottom: 0;
8771 left: 50%;
8772 cursor: default;
8773 background-color: #323232;
8774 z-index: 3;
8775 display: block;
8776 display: -webkit-flex;
8777 display: -ms-flexbox;
8778 display: flex;
8779 -webkit-justify-content: space-between;
8780 -ms-flex-pack: justify;
8781 justify-content: space-between;
8782 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8783 will-change: transform;
8784 -webkit-transform: translate(0, 80px);
8785 transform: translate(0, 80px);
8786 transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8787 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8788 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8789 pointer-events: none; }
8790 @media (max-width: 479px) {
8791 .mdl-snackbar {
8792 width: 100%;
8793 left: 0;
8794 min-height: 48px;
8795 max-height: 80px; } }
8796 @media (min-width: 480px) {
8797 .mdl-snackbar {
8798 min-width: 288px;
8799 max-width: 568px;
8800 border-radius: 2px;
8801 -webkit-transform: translate(-50%, 80px);
8802 transform: translate(-50%, 80px); } }
8803 .mdl-snackbar--active {
8804 -webkit-transform: translate(0, 0);
8805 transform: translate(0, 0);
8806 pointer-events: auto;
8807 transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8808 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8809 transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
8810 @media (min-width: 480px) {
8811 .mdl-snackbar--active {
8812 -webkit-transform: translate(-50%, 0);
8813 transform: translate(-50%, 0); } }
8814 .mdl-snackbar__text {
8815 padding: 14px 12px 14px 24px;
8816 vertical-align: middle;
8817 color: white;
8818 float: left; }
8819 .mdl-snackbar__action {
8820 background: transparent;
8821 border: none;
8822 color: rgb(255,64,129);
8823 float: right;
8824 text-transform: uppercase;
8825 padding: 14px 24px 14px 12px;
8826 font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8827 font-size: 14px;
8828 font-weight: 500;
8829 text-transform: uppercase;
8830 line-height: 1;
8831 letter-spacing: 0;
8832 overflow: hidden;
8833 outline: none;
8834 opacity: 0;
8835 pointer-events: none;
8836 cursor: pointer;
8837 text-decoration: none;
8838 text-align: center;
8839 -webkit-align-self: center;
8840 -ms-flex-item-align: center;
8841 -ms-grid-row-align: center;
8842 align-self: center; }
8843 .mdl-snackbar__action::-moz-focus-inner {
8844 border: 0; }
8845 .mdl-snackbar__action:not([aria-hidden]) {
8846 opacity: 1;
8847 pointer-events: auto; }
8848
8849/**
8850 * Copyright 2015 Google Inc. All Rights Reserved.
8851 *
8852 * Licensed under the Apache License, Version 2.0 (the "License");
8853 * you may not use this file except in compliance with the License.
8854 * You may obtain a copy of the License at
8855 *
8856 * http://www.apache.org/licenses/LICENSE-2.0
8857 *
8858 * Unless required by applicable law or agreed to in writing, software
8859 * distributed under the License is distributed on an "AS IS" BASIS,
8860 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8861 * See the License for the specific language governing permissions and
8862 * limitations under the License.
8863 */
8864/**
8865 * Copyright 2015 Google Inc. All Rights Reserved.
8866 *
8867 * Licensed under the Apache License, Version 2.0 (the "License");
8868 * you may not use this file except in compliance with the License.
8869 * You may obtain a copy of the License at
8870 *
8871 * http://www.apache.org/licenses/LICENSE-2.0
8872 *
8873 * Unless required by applicable law or agreed to in writing, software
8874 * distributed under the License is distributed on an "AS IS" BASIS,
8875 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8876 * See the License for the specific language governing permissions and
8877 * limitations under the License.
8878 */
8879/*------------------------------------* $CONTENTS
8880\*------------------------------------*/
8881/**
8882 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8883 * -----Typography
8884 * -----Colors
8885 * -----Textfield
8886 * -----Switch
8887 * -----Spinner
8888 * -----Radio
8889 * -----Menu
8890 * -----List
8891 * -----Layout
8892 * -----Icon toggles
8893 * -----Footer
8894 * -----Column
8895 * -----Checkbox
8896 * -----Card
8897 * -----Button
8898 * -----Animation
8899 * -----Progress
8900 * -----Badge
8901 * -----Shadows
8902 * -----Grid
8903 * -----Data table
8904 * -----Dialog
8905 * -----Snackbar
8906 * -----Tooltip
8907 * -----Chip
8908 *
8909 * Even though all variables have the `!default` directive, most of them
8910 * should not be changed as they are dependent one another. This can cause
8911 * visual distortions (like alignment issues) that are hard to track down
8912 * and fix.
8913 */
8914/* ========== TYPOGRAPHY ========== */
8915/* We're splitting fonts into "preferred" and "performance" in order to optimize
8916 page loading. For important text, such as the body, we want it to load
8917 immediately and not wait for the web font load, whereas for other sections,
8918 such as headers and titles, we're OK with things taking a bit longer to load.
8919 We do have some optional classes and parameters in the mixins, in case you
8920 definitely want to make sure you're using the preferred font and don't mind
8921 the performance hit.
8922 We should be able to improve on this once CSS Font Loading L3 becomes more
8923 widely available.
8924*/
8925/* ========== COLORS ========== */
8926/**
8927*
8928* Material design color palettes.
8929* @see http://www.google.com/design/spec/style/color.html
8930*
8931**/
8932/**
8933 * Copyright 2015 Google Inc. All Rights Reserved.
8934 *
8935 * Licensed under the Apache License, Version 2.0 (the "License");
8936 * you may not use this file except in compliance with the License.
8937 * You may obtain a copy of the License at
8938 *
8939 * http://www.apache.org/licenses/LICENSE-2.0
8940 *
8941 * Unless required by applicable law or agreed to in writing, software
8942 * distributed under the License is distributed on an "AS IS" BASIS,
8943 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8944 * See the License for the specific language governing permissions and
8945 * limitations under the License.
8946 */
8947/* ========== Color Palettes ========== */
8948/* colors.scss */
8949/**
8950 * Copyright 2015 Google Inc. All Rights Reserved.
8951 *
8952 * Licensed under the Apache License, Version 2.0 (the "License");
8953 * you may not use this file except in compliance with the License.
8954 * You may obtain a copy of the License at
8955 *
8956 * http://www.apache.org/licenses/LICENSE-2.0
8957 *
8958 * Unless required by applicable law or agreed to in writing, software
8959 * distributed under the License is distributed on an "AS IS" BASIS,
8960 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8961 * See the License for the specific language governing permissions and
8962 * limitations under the License.
8963 */
8964/* ========== IMAGES ========== */
8965/* ========== Color & Themes ========== */
8966/* ========== Typography ========== */
8967/* ========== Components ========== */
8968/* ========== Standard Buttons ========== */
8969/* ========== Icon Toggles ========== */
8970/* ========== Radio Buttons ========== */
8971/* ========== Ripple effect ========== */
8972/* ========== Layout ========== */
8973/* ========== Content Tabs ========== */
8974/* ========== Checkboxes ========== */
8975/* ========== Switches ========== */
8976/* ========== Spinner ========== */
8977/* ========== Text fields ========== */
8978/* ========== Card ========== */
8979/* ========== Sliders ========== */
8980/* ========== Progress ========== */
8981/* ========== List ========== */
8982/* ========== Item ========== */
8983/* ========== Dropdown menu ========== */
8984/* ========== Tooltips ========== */
8985/* ========== Footer ========== */
8986/* TEXTFIELD */
8987/* SWITCH */
8988/* SPINNER */
8989/* RADIO */
8990/* MENU */
8991/* LIST */
8992/* LAYOUT */
8993/* ICON TOGGLE */
8994/* FOOTER */
8995/*mega-footer*/
8996/*mini-footer*/
8997/* CHECKBOX */
8998/* CARD */
8999/* Card dimensions */
9000/* Cover image */
9001/* BUTTON */
9002/**
9003 *
9004 * Dimensions
9005 *
9006 */
9007/* ANIMATION */
9008/* PROGRESS */
9009/* BADGE */
9010/* SHADOWS */
9011/* GRID */
9012/* DATA TABLE */
9013/* DIALOG */
9014/* SNACKBAR */
9015/* TOOLTIP */
9016/* CHIP */
9017.mdl-spinner {
9018 display: inline-block;
9019 position: relative;
9020 width: 28px;
9021 height: 28px; }
9022 .mdl-spinner:not(.is-upgraded).is-active:after {
9023 content: "Loading..."; }
9024 .mdl-spinner.is-upgraded.is-active {
9025 -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
9026 animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
9027
9028@-webkit-keyframes mdl-spinner__container-rotate {
9029 to {
9030 -webkit-transform: rotate(360deg);
9031 transform: rotate(360deg); } }
9032
9033@keyframes mdl-spinner__container-rotate {
9034 to {
9035 -webkit-transform: rotate(360deg);
9036 transform: rotate(360deg); } }
9037
9038.mdl-spinner__layer {
9039 position: absolute;
9040 width: 100%;
9041 height: 100%;
9042 opacity: 0; }
9043
9044.mdl-spinner__layer-1 {
9045 border-color: rgb(66,165,245); }
9046 .mdl-spinner--single-color .mdl-spinner__layer-1 {
9047 border-color: rgb(63,81,181); }
9048 .mdl-spinner.is-active .mdl-spinner__layer-1 {
9049 -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;
9050 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; }
9051
9052.mdl-spinner__layer-2 {
9053 border-color: rgb(244,67,54); }
9054 .mdl-spinner--single-color .mdl-spinner__layer-2 {
9055 border-color: rgb(63,81,181); }
9056 .mdl-spinner.is-active .mdl-spinner__layer-2 {
9057 -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;
9058 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; }
9059
9060.mdl-spinner__layer-3 {
9061 border-color: rgb(253,216,53); }
9062 .mdl-spinner--single-color .mdl-spinner__layer-3 {
9063 border-color: rgb(63,81,181); }
9064 .mdl-spinner.is-active .mdl-spinner__layer-3 {
9065 -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;
9066 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; }
9067
9068.mdl-spinner__layer-4 {
9069 border-color: rgb(76,175,80); }
9070 .mdl-spinner--single-color .mdl-spinner__layer-4 {
9071 border-color: rgb(63,81,181); }
9072 .mdl-spinner.is-active .mdl-spinner__layer-4 {
9073 -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;
9074 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; }
9075
9076@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
9077 12.5% {
9078 -webkit-transform: rotate(135deg);
9079 transform: rotate(135deg); }
9080 25% {
9081 -webkit-transform: rotate(270deg);
9082 transform: rotate(270deg); }
9083 37.5% {
9084 -webkit-transform: rotate(405deg);
9085 transform: rotate(405deg); }
9086 50% {
9087 -webkit-transform: rotate(540deg);
9088 transform: rotate(540deg); }
9089 62.5% {
9090 -webkit-transform: rotate(675deg);
9091 transform: rotate(675deg); }
9092 75% {
9093 -webkit-transform: rotate(810deg);
9094 transform: rotate(810deg); }
9095 87.5% {
9096 -webkit-transform: rotate(945deg);
9097 transform: rotate(945deg); }
9098 to {
9099 -webkit-transform: rotate(1080deg);
9100 transform: rotate(1080deg); } }
9101
9102@keyframes mdl-spinner__fill-unfill-rotate {
9103 12.5% {
9104 -webkit-transform: rotate(135deg);
9105 transform: rotate(135deg); }
9106 25% {
9107 -webkit-transform: rotate(270deg);
9108 transform: rotate(270deg); }
9109 37.5% {
9110 -webkit-transform: rotate(405deg);
9111 transform: rotate(405deg); }
9112 50% {
9113 -webkit-transform: rotate(540deg);
9114 transform: rotate(540deg); }
9115 62.5% {
9116 -webkit-transform: rotate(675deg);
9117 transform: rotate(675deg); }
9118 75% {
9119 -webkit-transform: rotate(810deg);
9120 transform: rotate(810deg); }
9121 87.5% {
9122 -webkit-transform: rotate(945deg);
9123 transform: rotate(945deg); }
9124 to {
9125 -webkit-transform: rotate(1080deg);
9126 transform: rotate(1080deg); } }
9127
9128/**
9129* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
9130* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
9131* to do proper subpixel rendering for the elements being animated. This is
9132* especially visible in Chrome 39 on Ubuntu 14.04. See:
9133*
9134* - https://github.com/Polymer/paper-spinner/issues/9
9135* - https://code.google.com/p/chromium/issues/detail?id=436255
9136*/
9137@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
9138 from {
9139 opacity: 0.99; }
9140 25% {
9141 opacity: 0.99; }
9142 26% {
9143 opacity: 0; }
9144 89% {
9145 opacity: 0; }
9146 90% {
9147 opacity: 0.99; }
9148 100% {
9149 opacity: 0.99; } }
9150@keyframes mdl-spinner__layer-1-fade-in-out {
9151 from {
9152 opacity: 0.99; }
9153 25% {
9154 opacity: 0.99; }
9155 26% {
9156 opacity: 0; }
9157 89% {
9158 opacity: 0; }
9159 90% {
9160 opacity: 0.99; }
9161 100% {
9162 opacity: 0.99; } }
9163
9164@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
9165 from {
9166 opacity: 0; }
9167 15% {
9168 opacity: 0; }
9169 25% {
9170 opacity: 0.99; }
9171 50% {
9172 opacity: 0.99; }
9173 51% {
9174 opacity: 0; } }
9175
9176@keyframes mdl-spinner__layer-2-fade-in-out {
9177 from {
9178 opacity: 0; }
9179 15% {
9180 opacity: 0; }
9181 25% {
9182 opacity: 0.99; }
9183 50% {
9184 opacity: 0.99; }
9185 51% {
9186 opacity: 0; } }
9187
9188@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
9189 from {
9190 opacity: 0; }
9191 40% {
9192 opacity: 0; }
9193 50% {
9194 opacity: 0.99; }
9195 75% {
9196 opacity: 0.99; }
9197 76% {
9198 opacity: 0; } }
9199
9200@keyframes mdl-spinner__layer-3-fade-in-out {
9201 from {
9202 opacity: 0; }
9203 40% {
9204 opacity: 0; }
9205 50% {
9206 opacity: 0.99; }
9207 75% {
9208 opacity: 0.99; }
9209 76% {
9210 opacity: 0; } }
9211
9212@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
9213 from {
9214 opacity: 0; }
9215 65% {
9216 opacity: 0; }
9217 75% {
9218 opacity: 0.99; }
9219 90% {
9220 opacity: 0.99; }
9221 100% {
9222 opacity: 0; } }
9223
9224@keyframes mdl-spinner__layer-4-fade-in-out {
9225 from {
9226 opacity: 0; }
9227 65% {
9228 opacity: 0; }
9229 75% {
9230 opacity: 0.99; }
9231 90% {
9232 opacity: 0.99; }
9233 100% {
9234 opacity: 0; } }
9235
9236/**
9237* Patch the gap that appear between the two adjacent
9238* div.mdl-spinner__circle-clipper while the spinner is rotating
9239* (appears on Chrome 38, Safari 7.1, and IE 11).
9240*
9241* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
9242* opacity is 0.99, but still does on Safari and IE.
9243*/
9244.mdl-spinner__gap-patch {
9245 position: absolute;
9246 box-sizing: border-box;
9247 top: 0;
9248 left: 45%;
9249 width: 10%;
9250 height: 100%;
9251 overflow: hidden;
9252 border-color: inherit; }
9253 .mdl-spinner__gap-patch .mdl-spinner__circle {
9254 width: 1000%;
9255 left: -450%; }
9256
9257.mdl-spinner__circle-clipper {
9258 display: inline-block;
9259 position: relative;
9260 width: 50%;
9261 height: 100%;
9262 overflow: hidden;
9263 border-color: inherit; }
9264 .mdl-spinner__circle-clipper.mdl-spinner__left {
9265 float: left; }
9266 .mdl-spinner__circle-clipper.mdl-spinner__right {
9267 float: right; }
9268 .mdl-spinner__circle-clipper .mdl-spinner__circle {
9269 width: 200%; }
9270
9271.mdl-spinner__circle {
9272 box-sizing: border-box;
9273 height: 100%;
9274 border-width: 3px;
9275 border-style: solid;
9276 border-color: inherit;
9277 border-bottom-color: transparent !important;
9278 border-radius: 50%;
9279 -webkit-animation: none;
9280 animation: none;
9281 position: absolute;
9282 top: 0;
9283 right: 0;
9284 bottom: 0;
9285 left: 0; }
9286 .mdl-spinner__left .mdl-spinner__circle {
9287 border-right-color: transparent !important;
9288 -webkit-transform: rotate(129deg);
9289 transform: rotate(129deg); }
9290 .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
9291 -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9292 animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9293 .mdl-spinner__right .mdl-spinner__circle {
9294 left: -100%;
9295 border-left-color: transparent !important;
9296 -webkit-transform: rotate(-129deg);
9297 transform: rotate(-129deg); }
9298 .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
9299 -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9300 animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9301
9302@-webkit-keyframes mdl-spinner__left-spin {
9303 from {
9304 -webkit-transform: rotate(130deg);
9305 transform: rotate(130deg); }
9306 50% {
9307 -webkit-transform: rotate(-5deg);
9308 transform: rotate(-5deg); }
9309 to {
9310 -webkit-transform: rotate(130deg);
9311 transform: rotate(130deg); } }
9312
9313@keyframes mdl-spinner__left-spin {
9314 from {
9315 -webkit-transform: rotate(130deg);
9316 transform: rotate(130deg); }
9317 50% {
9318 -webkit-transform: rotate(-5deg);
9319 transform: rotate(-5deg); }
9320 to {
9321 -webkit-transform: rotate(130deg);
9322 transform: rotate(130deg); } }
9323
9324@-webkit-keyframes mdl-spinner__right-spin {
9325 from {
9326 -webkit-transform: rotate(-130deg);
9327 transform: rotate(-130deg); }
9328 50% {
9329 -webkit-transform: rotate(5deg);
9330 transform: rotate(5deg); }
9331 to {
9332 -webkit-transform: rotate(-130deg);
9333 transform: rotate(-130deg); } }
9334
9335@keyframes mdl-spinner__right-spin {
9336 from {
9337 -webkit-transform: rotate(-130deg);
9338 transform: rotate(-130deg); }
9339 50% {
9340 -webkit-transform: rotate(5deg);
9341 transform: rotate(5deg); }
9342 to {
9343 -webkit-transform: rotate(-130deg);
9344 transform: rotate(-130deg); } }
9345
9346/**
9347 * Copyright 2015 Google Inc. All Rights Reserved.
9348 *
9349 * Licensed under the Apache License, Version 2.0 (the "License");
9350 * you may not use this file except in compliance with the License.
9351 * You may obtain a copy of the License at
9352 *
9353 * http://www.apache.org/licenses/LICENSE-2.0
9354 *
9355 * Unless required by applicable law or agreed to in writing, software
9356 * distributed under the License is distributed on an "AS IS" BASIS,
9357 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9358 * See the License for the specific language governing permissions and
9359 * limitations under the License.
9360 */
9361/**
9362 * Copyright 2015 Google Inc. All Rights Reserved.
9363 *
9364 * Licensed under the Apache License, Version 2.0 (the "License");
9365 * you may not use this file except in compliance with the License.
9366 * You may obtain a copy of the License at
9367 *
9368 * http://www.apache.org/licenses/LICENSE-2.0
9369 *
9370 * Unless required by applicable law or agreed to in writing, software
9371 * distributed under the License is distributed on an "AS IS" BASIS,
9372 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9373 * See the License for the specific language governing permissions and
9374 * limitations under the License.
9375 */
9376/*------------------------------------* $CONTENTS
9377\*------------------------------------*/
9378/**
9379 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9380 * -----Typography
9381 * -----Colors
9382 * -----Textfield
9383 * -----Switch
9384 * -----Spinner
9385 * -----Radio
9386 * -----Menu
9387 * -----List
9388 * -----Layout
9389 * -----Icon toggles
9390 * -----Footer
9391 * -----Column
9392 * -----Checkbox
9393 * -----Card
9394 * -----Button
9395 * -----Animation
9396 * -----Progress
9397 * -----Badge
9398 * -----Shadows
9399 * -----Grid
9400 * -----Data table
9401 * -----Dialog
9402 * -----Snackbar
9403 * -----Tooltip
9404 * -----Chip
9405 *
9406 * Even though all variables have the `!default` directive, most of them
9407 * should not be changed as they are dependent one another. This can cause
9408 * visual distortions (like alignment issues) that are hard to track down
9409 * and fix.
9410 */
9411/* ========== TYPOGRAPHY ========== */
9412/* We're splitting fonts into "preferred" and "performance" in order to optimize
9413 page loading. For important text, such as the body, we want it to load
9414 immediately and not wait for the web font load, whereas for other sections,
9415 such as headers and titles, we're OK with things taking a bit longer to load.
9416 We do have some optional classes and parameters in the mixins, in case you
9417 definitely want to make sure you're using the preferred font and don't mind
9418 the performance hit.
9419 We should be able to improve on this once CSS Font Loading L3 becomes more
9420 widely available.
9421*/
9422/* ========== COLORS ========== */
9423/**
9424*
9425* Material design color palettes.
9426* @see http://www.google.com/design/spec/style/color.html
9427*
9428**/
9429/**
9430 * Copyright 2015 Google Inc. All Rights Reserved.
9431 *
9432 * Licensed under the Apache License, Version 2.0 (the "License");
9433 * you may not use this file except in compliance with the License.
9434 * You may obtain a copy of the License at
9435 *
9436 * http://www.apache.org/licenses/LICENSE-2.0
9437 *
9438 * Unless required by applicable law or agreed to in writing, software
9439 * distributed under the License is distributed on an "AS IS" BASIS,
9440 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9441 * See the License for the specific language governing permissions and
9442 * limitations under the License.
9443 */
9444/* ========== Color Palettes ========== */
9445/* colors.scss */
9446/**
9447 * Copyright 2015 Google Inc. All Rights Reserved.
9448 *
9449 * Licensed under the Apache License, Version 2.0 (the "License");
9450 * you may not use this file except in compliance with the License.
9451 * You may obtain a copy of the License at
9452 *
9453 * http://www.apache.org/licenses/LICENSE-2.0
9454 *
9455 * Unless required by applicable law or agreed to in writing, software
9456 * distributed under the License is distributed on an "AS IS" BASIS,
9457 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9458 * See the License for the specific language governing permissions and
9459 * limitations under the License.
9460 */
9461/* ========== IMAGES ========== */
9462/* ========== Color & Themes ========== */
9463/* ========== Typography ========== */
9464/* ========== Components ========== */
9465/* ========== Standard Buttons ========== */
9466/* ========== Icon Toggles ========== */
9467/* ========== Radio Buttons ========== */
9468/* ========== Ripple effect ========== */
9469/* ========== Layout ========== */
9470/* ========== Content Tabs ========== */
9471/* ========== Checkboxes ========== */
9472/* ========== Switches ========== */
9473/* ========== Spinner ========== */
9474/* ========== Text fields ========== */
9475/* ========== Card ========== */
9476/* ========== Sliders ========== */
9477/* ========== Progress ========== */
9478/* ========== List ========== */
9479/* ========== Item ========== */
9480/* ========== Dropdown menu ========== */
9481/* ========== Tooltips ========== */
9482/* ========== Footer ========== */
9483/* TEXTFIELD */
9484/* SWITCH */
9485/* SPINNER */
9486/* RADIO */
9487/* MENU */
9488/* LIST */
9489/* LAYOUT */
9490/* ICON TOGGLE */
9491/* FOOTER */
9492/*mega-footer*/
9493/*mini-footer*/
9494/* CHECKBOX */
9495/* CARD */
9496/* Card dimensions */
9497/* Cover image */
9498/* BUTTON */
9499/**
9500 *
9501 * Dimensions
9502 *
9503 */
9504/* ANIMATION */
9505/* PROGRESS */
9506/* BADGE */
9507/* SHADOWS */
9508/* GRID */
9509/* DATA TABLE */
9510/* DIALOG */
9511/* SNACKBAR */
9512/* TOOLTIP */
9513/* CHIP */
9514/**
9515 * Copyright 2015 Google Inc. All Rights Reserved.
9516 *
9517 * Licensed under the Apache License, Version 2.0 (the "License");
9518 * you may not use this file except in compliance with the License.
9519 * You may obtain a copy of the License at
9520 *
9521 * http://www.apache.org/licenses/LICENSE-2.0
9522 *
9523 * Unless required by applicable law or agreed to in writing, software
9524 * distributed under the License is distributed on an "AS IS" BASIS,
9525 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9526 * See the License for the specific language governing permissions and
9527 * limitations under the License.
9528 */
9529/* Typography */
9530/* Shadows */
9531/* Animations */
9532/* Dialog */
9533.mdl-switch {
9534 position: relative;
9535 z-index: 1;
9536 vertical-align: middle;
9537 display: inline-block;
9538 box-sizing: border-box;
9539 width: 100%;
9540 height: 24px;
9541 margin: 0;
9542 padding: 0;
9543 overflow: visible;
9544 -webkit-touch-callout: none;
9545 -webkit-user-select: none;
9546 -moz-user-select: none;
9547 -ms-user-select: none;
9548 user-select: none; }
9549 .mdl-switch.is-upgraded {
9550 padding-left: 28px; }
9551
9552.mdl-switch__input {
9553 line-height: 24px; }
9554 .mdl-switch.is-upgraded .mdl-switch__input {
9555 position: absolute;
9556 width: 0;
9557 height: 0;
9558 margin: 0;
9559 padding: 0;
9560 opacity: 0;
9561 -ms-appearance: none;
9562 -moz-appearance: none;
9563 -webkit-appearance: none;
9564 appearance: none;
9565 border: none; }
9566
9567.mdl-switch__track {
9568 background: rgba(0,0,0, 0.26);
9569 position: absolute;
9570 left: 0;
9571 top: 5px;
9572 height: 14px;
9573 width: 36px;
9574 border-radius: 14px;
9575 cursor: pointer; }
9576 .mdl-switch.is-checked .mdl-switch__track {
9577 background: rgba(63,81,181, 0.5); }
9578 .mdl-switch__track fieldset[disabled] .mdl-switch,
9579 .mdl-switch.is-disabled .mdl-switch__track {
9580 background: rgba(0,0,0, 0.12);
9581 cursor: auto; }
9582
9583.mdl-switch__thumb {
9584 background: rgb(250,250,250);
9585 position: absolute;
9586 left: 0;
9587 top: 2px;
9588 height: 20px;
9589 width: 20px;
9590 border-radius: 50%;
9591 cursor: pointer;
9592 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);
9593 transition-duration: 0.28s;
9594 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9595 transition-property: left; }
9596 .mdl-switch.is-checked .mdl-switch__thumb {
9597 background: rgb(63,81,181);
9598 left: 16px;
9599 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); }
9600 .mdl-switch__thumb fieldset[disabled] .mdl-switch,
9601 .mdl-switch.is-disabled .mdl-switch__thumb {
9602 background: rgb(189,189,189);
9603 cursor: auto; }
9604
9605.mdl-switch__focus-helper {
9606 position: absolute;
9607 top: 50%;
9608 left: 50%;
9609 -webkit-transform: translate(-4px, -4px);
9610 transform: translate(-4px, -4px);
9611 display: inline-block;
9612 box-sizing: border-box;
9613 width: 8px;
9614 height: 8px;
9615 border-radius: 50%;
9616 background-color: transparent; }
9617 .mdl-switch.is-focused .mdl-switch__focus-helper {
9618 box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
9619 background-color: rgba(0, 0, 0, 0.1); }
9620 .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
9621 box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
9622 background-color: rgba(63,81,181, 0.26); }
9623
9624.mdl-switch__label {
9625 position: relative;
9626 cursor: pointer;
9627 font-size: 16px;
9628 line-height: 24px;
9629 margin: 0;
9630 left: 24px; }
9631 .mdl-switch__label fieldset[disabled] .mdl-switch,
9632 .mdl-switch.is-disabled .mdl-switch__label {
9633 color: rgb(189,189,189);
9634 cursor: auto; }
9635
9636.mdl-switch__ripple-container {
9637 position: absolute;
9638 z-index: 2;
9639 top: -12px;
9640 left: -14px;
9641 box-sizing: border-box;
9642 width: 48px;
9643 height: 48px;
9644 border-radius: 50%;
9645 cursor: pointer;
9646 overflow: hidden;
9647 -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
9648 transition-duration: 0.40s;
9649 transition-timing-function: step-end;
9650 transition-property: left; }
9651 .mdl-switch__ripple-container .mdl-ripple {
9652 background: rgb(63,81,181); }
9653 .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
9654 .mdl-switch.is-disabled .mdl-switch__ripple-container {
9655 cursor: auto; }
9656 fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
9657 .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
9658 background: transparent; }
9659 .mdl-switch.is-checked .mdl-switch__ripple-container {
9660 left: 2px; }
9661
9662/**
9663 * Copyright 2015 Google Inc. All Rights Reserved.
9664 *
9665 * Licensed under the Apache License, Version 2.0 (the "License");
9666 * you may not use this file except in compliance with the License.
9667 * You may obtain a copy of the License at
9668 *
9669 * http://www.apache.org/licenses/LICENSE-2.0
9670 *
9671 * Unless required by applicable law or agreed to in writing, software
9672 * distributed under the License is distributed on an "AS IS" BASIS,
9673 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9674 * See the License for the specific language governing permissions and
9675 * limitations under the License.
9676 */
9677/**
9678 * Copyright 2015 Google Inc. All Rights Reserved.
9679 *
9680 * Licensed under the Apache License, Version 2.0 (the "License");
9681 * you may not use this file except in compliance with the License.
9682 * You may obtain a copy of the License at
9683 *
9684 * http://www.apache.org/licenses/LICENSE-2.0
9685 *
9686 * Unless required by applicable law or agreed to in writing, software
9687 * distributed under the License is distributed on an "AS IS" BASIS,
9688 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9689 * See the License for the specific language governing permissions and
9690 * limitations under the License.
9691 */
9692/*------------------------------------* $CONTENTS
9693\*------------------------------------*/
9694/**
9695 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9696 * -----Typography
9697 * -----Colors
9698 * -----Textfield
9699 * -----Switch
9700 * -----Spinner
9701 * -----Radio
9702 * -----Menu
9703 * -----List
9704 * -----Layout
9705 * -----Icon toggles
9706 * -----Footer
9707 * -----Column
9708 * -----Checkbox
9709 * -----Card
9710 * -----Button
9711 * -----Animation
9712 * -----Progress
9713 * -----Badge
9714 * -----Shadows
9715 * -----Grid
9716 * -----Data table
9717 * -----Dialog
9718 * -----Snackbar
9719 * -----Tooltip
9720 * -----Chip
9721 *
9722 * Even though all variables have the `!default` directive, most of them
9723 * should not be changed as they are dependent one another. This can cause
9724 * visual distortions (like alignment issues) that are hard to track down
9725 * and fix.
9726 */
9727/* ========== TYPOGRAPHY ========== */
9728/* We're splitting fonts into "preferred" and "performance" in order to optimize
9729 page loading. For important text, such as the body, we want it to load
9730 immediately and not wait for the web font load, whereas for other sections,
9731 such as headers and titles, we're OK with things taking a bit longer to load.
9732 We do have some optional classes and parameters in the mixins, in case you
9733 definitely want to make sure you're using the preferred font and don't mind
9734 the performance hit.
9735 We should be able to improve on this once CSS Font Loading L3 becomes more
9736 widely available.
9737*/
9738/* ========== COLORS ========== */
9739/**
9740*
9741* Material design color palettes.
9742* @see http://www.google.com/design/spec/style/color.html
9743*
9744**/
9745/**
9746 * Copyright 2015 Google Inc. All Rights Reserved.
9747 *
9748 * Licensed under the Apache License, Version 2.0 (the "License");
9749 * you may not use this file except in compliance with the License.
9750 * You may obtain a copy of the License at
9751 *
9752 * http://www.apache.org/licenses/LICENSE-2.0
9753 *
9754 * Unless required by applicable law or agreed to in writing, software
9755 * distributed under the License is distributed on an "AS IS" BASIS,
9756 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9757 * See the License for the specific language governing permissions and
9758 * limitations under the License.
9759 */
9760/* ========== Color Palettes ========== */
9761/* colors.scss */
9762/**
9763 * Copyright 2015 Google Inc. All Rights Reserved.
9764 *
9765 * Licensed under the Apache License, Version 2.0 (the "License");
9766 * you may not use this file except in compliance with the License.
9767 * You may obtain a copy of the License at
9768 *
9769 * http://www.apache.org/licenses/LICENSE-2.0
9770 *
9771 * Unless required by applicable law or agreed to in writing, software
9772 * distributed under the License is distributed on an "AS IS" BASIS,
9773 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9774 * See the License for the specific language governing permissions and
9775 * limitations under the License.
9776 */
9777/* ========== IMAGES ========== */
9778/* ========== Color & Themes ========== */
9779/* ========== Typography ========== */
9780/* ========== Components ========== */
9781/* ========== Standard Buttons ========== */
9782/* ========== Icon Toggles ========== */
9783/* ========== Radio Buttons ========== */
9784/* ========== Ripple effect ========== */
9785/* ========== Layout ========== */
9786/* ========== Content Tabs ========== */
9787/* ========== Checkboxes ========== */
9788/* ========== Switches ========== */
9789/* ========== Spinner ========== */
9790/* ========== Text fields ========== */
9791/* ========== Card ========== */
9792/* ========== Sliders ========== */
9793/* ========== Progress ========== */
9794/* ========== List ========== */
9795/* ========== Item ========== */
9796/* ========== Dropdown menu ========== */
9797/* ========== Tooltips ========== */
9798/* ========== Footer ========== */
9799/* TEXTFIELD */
9800/* SWITCH */
9801/* SPINNER */
9802/* RADIO */
9803/* MENU */
9804/* LIST */
9805/* LAYOUT */
9806/* ICON TOGGLE */
9807/* FOOTER */
9808/*mega-footer*/
9809/*mini-footer*/
9810/* CHECKBOX */
9811/* CARD */
9812/* Card dimensions */
9813/* Cover image */
9814/* BUTTON */
9815/**
9816 *
9817 * Dimensions
9818 *
9819 */
9820/* ANIMATION */
9821/* PROGRESS */
9822/* BADGE */
9823/* SHADOWS */
9824/* GRID */
9825/* DATA TABLE */
9826/* DIALOG */
9827/* SNACKBAR */
9828/* TOOLTIP */
9829/* CHIP */
9830.mdl-tabs {
9831 display: block;
9832 width: 100%; }
9833
9834.mdl-tabs__tab-bar {
9835 display: -webkit-flex;
9836 display: -ms-flexbox;
9837 display: flex;
9838 -webkit-flex-direction: row;
9839 -ms-flex-direction: row;
9840 flex-direction: row;
9841 -webkit-justify-content: center;
9842 -ms-flex-pack: center;
9843 justify-content: center;
9844 -webkit-align-content: space-between;
9845 -ms-flex-line-pack: justify;
9846 align-content: space-between;
9847 -webkit-align-items: flex-start;
9848 -ms-flex-align: start;
9849 align-items: flex-start;
9850 height: 48px;
9851 padding: 0 0 0 0;
9852 margin: 0;
9853 border-bottom: 1px solid rgb(224,224,224); }
9854
9855.mdl-tabs__tab {
9856 margin: 0;
9857 border: none;
9858 padding: 0 24px 0 24px;
9859 float: left;
9860 position: relative;
9861 display: block;
9862 text-decoration: none;
9863 height: 48px;
9864 line-height: 48px;
9865 text-align: center;
9866 font-weight: 500;
9867 font-size: 14px;
9868 text-transform: uppercase;
9869 color: rgba(0,0,0, 0.54);
9870 overflow: hidden; }
9871 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
9872 color: rgba(0,0,0, 0.87); }
9873 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
9874 height: 2px;
9875 width: 100%;
9876 display: block;
9877 content: " ";
9878 bottom: 0px;
9879 left: 0px;
9880 position: absolute;
9881 background: rgb(63,81,181);
9882 -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9883 animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9884 transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
9885 .mdl-tabs__tab .mdl-tabs__ripple-container {
9886 display: block;
9887 position: absolute;
9888 height: 100%;
9889 width: 100%;
9890 left: 0px;
9891 top: 0px;
9892 z-index: 1;
9893 overflow: hidden; }
9894 .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
9895 background: rgb(63,81,181); }
9896
9897.mdl-tabs__panel {
9898 display: block; }
9899 .mdl-tabs.is-upgraded .mdl-tabs__panel {
9900 display: none; }
9901 .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
9902 display: block; }
9903
9904@-webkit-keyframes border-expand {
9905 0% {
9906 opacity: 0;
9907 width: 0; }
9908 100% {
9909 opacity: 1;
9910 width: 100%; } }
9911
9912@keyframes border-expand {
9913 0% {
9914 opacity: 0;
9915 width: 0; }
9916 100% {
9917 opacity: 1;
9918 width: 100%; } }
9919
9920/**
9921 * Copyright 2015 Google Inc. All Rights Reserved.
9922 *
9923 * Licensed under the Apache License, Version 2.0 (the "License");
9924 * you may not use this file except in compliance with the License.
9925 * You may obtain a copy of the License at
9926 *
9927 * http://www.apache.org/licenses/LICENSE-2.0
9928 *
9929 * Unless required by applicable law or agreed to in writing, software
9930 * distributed under the License is distributed on an "AS IS" BASIS,
9931 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9932 * See the License for the specific language governing permissions and
9933 * limitations under the License.
9934 */
9935/**
9936 * Copyright 2015 Google Inc. All Rights Reserved.
9937 *
9938 * Licensed under the Apache License, Version 2.0 (the "License");
9939 * you may not use this file except in compliance with the License.
9940 * You may obtain a copy of the License at
9941 *
9942 * http://www.apache.org/licenses/LICENSE-2.0
9943 *
9944 * Unless required by applicable law or agreed to in writing, software
9945 * distributed under the License is distributed on an "AS IS" BASIS,
9946 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9947 * See the License for the specific language governing permissions and
9948 * limitations under the License.
9949 */
9950/*------------------------------------* $CONTENTS
9951\*------------------------------------*/
9952/**
9953 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9954 * -----Typography
9955 * -----Colors
9956 * -----Textfield
9957 * -----Switch
9958 * -----Spinner
9959 * -----Radio
9960 * -----Menu
9961 * -----List
9962 * -----Layout
9963 * -----Icon toggles
9964 * -----Footer
9965 * -----Column
9966 * -----Checkbox
9967 * -----Card
9968 * -----Button
9969 * -----Animation
9970 * -----Progress
9971 * -----Badge
9972 * -----Shadows
9973 * -----Grid
9974 * -----Data table
9975 * -----Dialog
9976 * -----Snackbar
9977 * -----Tooltip
9978 * -----Chip
9979 *
9980 * Even though all variables have the `!default` directive, most of them
9981 * should not be changed as they are dependent one another. This can cause
9982 * visual distortions (like alignment issues) that are hard to track down
9983 * and fix.
9984 */
9985/* ========== TYPOGRAPHY ========== */
9986/* We're splitting fonts into "preferred" and "performance" in order to optimize
9987 page loading. For important text, such as the body, we want it to load
9988 immediately and not wait for the web font load, whereas for other sections,
9989 such as headers and titles, we're OK with things taking a bit longer to load.
9990 We do have some optional classes and parameters in the mixins, in case you
9991 definitely want to make sure you're using the preferred font and don't mind
9992 the performance hit.
9993 We should be able to improve on this once CSS Font Loading L3 becomes more
9994 widely available.
9995*/
9996/* ========== COLORS ========== */
9997/**
9998*
9999* Material design color palettes.
10000* @see http://www.google.com/design/spec/style/color.html
10001*
10002**/
10003/**
10004 * Copyright 2015 Google Inc. All Rights Reserved.
10005 *
10006 * Licensed under the Apache License, Version 2.0 (the "License");
10007 * you may not use this file except in compliance with the License.
10008 * You may obtain a copy of the License at
10009 *
10010 * http://www.apache.org/licenses/LICENSE-2.0
10011 *
10012 * Unless required by applicable law or agreed to in writing, software
10013 * distributed under the License is distributed on an "AS IS" BASIS,
10014 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10015 * See the License for the specific language governing permissions and
10016 * limitations under the License.
10017 */
10018/* ========== Color Palettes ========== */
10019/* colors.scss */
10020/**
10021 * Copyright 2015 Google Inc. All Rights Reserved.
10022 *
10023 * Licensed under the Apache License, Version 2.0 (the "License");
10024 * you may not use this file except in compliance with the License.
10025 * You may obtain a copy of the License at
10026 *
10027 * http://www.apache.org/licenses/LICENSE-2.0
10028 *
10029 * Unless required by applicable law or agreed to in writing, software
10030 * distributed under the License is distributed on an "AS IS" BASIS,
10031 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10032 * See the License for the specific language governing permissions and
10033 * limitations under the License.
10034 */
10035/* ========== IMAGES ========== */
10036/* ========== Color & Themes ========== */
10037/* ========== Typography ========== */
10038/* ========== Components ========== */
10039/* ========== Standard Buttons ========== */
10040/* ========== Icon Toggles ========== */
10041/* ========== Radio Buttons ========== */
10042/* ========== Ripple effect ========== */
10043/* ========== Layout ========== */
10044/* ========== Content Tabs ========== */
10045/* ========== Checkboxes ========== */
10046/* ========== Switches ========== */
10047/* ========== Spinner ========== */
10048/* ========== Text fields ========== */
10049/* ========== Card ========== */
10050/* ========== Sliders ========== */
10051/* ========== Progress ========== */
10052/* ========== List ========== */
10053/* ========== Item ========== */
10054/* ========== Dropdown menu ========== */
10055/* ========== Tooltips ========== */
10056/* ========== Footer ========== */
10057/* TEXTFIELD */
10058/* SWITCH */
10059/* SPINNER */
10060/* RADIO */
10061/* MENU */
10062/* LIST */
10063/* LAYOUT */
10064/* ICON TOGGLE */
10065/* FOOTER */
10066/*mega-footer*/
10067/*mini-footer*/
10068/* CHECKBOX */
10069/* CARD */
10070/* Card dimensions */
10071/* Cover image */
10072/* BUTTON */
10073/**
10074 *
10075 * Dimensions
10076 *
10077 */
10078/* ANIMATION */
10079/* PROGRESS */
10080/* BADGE */
10081/* SHADOWS */
10082/* GRID */
10083/* DATA TABLE */
10084/* DIALOG */
10085/* SNACKBAR */
10086/* TOOLTIP */
10087/* CHIP */
10088/**
10089 * Copyright 2015 Google Inc. All Rights Reserved.
10090 *
10091 * Licensed under the Apache License, Version 2.0 (the "License");
10092 * you may not use this file except in compliance with the License.
10093 * You may obtain a copy of the License at
10094 *
10095 * http://www.apache.org/licenses/LICENSE-2.0
10096 *
10097 * Unless required by applicable law or agreed to in writing, software
10098 * distributed under the License is distributed on an "AS IS" BASIS,
10099 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10100 * See the License for the specific language governing permissions and
10101 * limitations under the License.
10102 */
10103/* Typography */
10104/* Shadows */
10105/* Animations */
10106/* Dialog */
10107.mdl-textfield {
10108 position: relative;
10109 font-size: 16px;
10110 display: inline-block;
10111 box-sizing: border-box;
10112 width: 300px;
10113 max-width: 100%;
10114 margin: 0;
10115 padding: 20px 0; }
10116 .mdl-textfield .mdl-button {
10117 position: absolute;
10118 bottom: 20px; }
10119
10120.mdl-textfield--align-right {
10121 text-align: right; }
10122
10123.mdl-textfield--full-width {
10124 width: 100%; }
10125
10126.mdl-textfield--expandable {
10127 min-width: 32px;
10128 width: auto;
10129 min-height: 32px; }
10130 .mdl-textfield--expandable .mdl-button--icon {
10131 top: 16px; }
10132
10133.mdl-textfield__input {
10134 border: none;
10135 border-bottom: 1px solid rgba(0,0,0, 0.12);
10136 display: block;
10137 font-size: 16px;
10138 font-family: "Helvetica", "Arial", sans-serif;
10139 margin: 0;
10140 padding: 4px 0;
10141 width: 100%;
10142 background: none;
10143 text-align: left;
10144 color: inherit; }
10145 .mdl-textfield__input[type="number"] {
10146 -moz-appearance: textfield; }
10147 .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
10148 -webkit-appearance: none;
10149 margin: 0; }
10150 .mdl-textfield.is-focused .mdl-textfield__input {
10151 outline: none; }
10152 .mdl-textfield.is-invalid .mdl-textfield__input {
10153 border-color: rgb(213,0,0);
10154 box-shadow: none; }
10155 fieldset[disabled] .mdl-textfield .mdl-textfield__input,
10156 .mdl-textfield.is-disabled .mdl-textfield__input {
10157 background-color: transparent;
10158 border-bottom: 1px dotted rgba(0,0,0, 0.12);
10159 color: rgba(0,0,0, 0.26); }
10160
10161.mdl-textfield textarea.mdl-textfield__input {
10162 display: block; }
10163
10164.mdl-textfield__label {
10165 bottom: 0;
10166 color: rgba(0,0,0, 0.26);
10167 font-size: 16px;
10168 left: 0;
10169 right: 0;
10170 pointer-events: none;
10171 position: absolute;
10172 display: block;
10173 top: 24px;
10174 width: 100%;
10175 overflow: hidden;
10176 white-space: nowrap;
10177 text-align: left; }
10178 .mdl-textfield.is-dirty .mdl-textfield__label,
10179 .mdl-textfield.has-placeholder .mdl-textfield__label {
10180 visibility: hidden; }
10181 .mdl-textfield--floating-label .mdl-textfield__label {
10182 transition-duration: 0.2s;
10183 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
10184 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10185 transition: none; }
10186 fieldset[disabled] .mdl-textfield .mdl-textfield__label,
10187 .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
10188 color: rgba(0,0,0, 0.26); }
10189 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
10190 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
10191 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10192 color: rgb(63,81,181);
10193 font-size: 12px;
10194 top: 4px;
10195 visibility: visible; }
10196 .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
10197 .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
10198 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
10199 top: -16px; }
10200 .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
10201 color: rgb(213,0,0);
10202 font-size: 12px; }
10203 .mdl-textfield__label:after {
10204 background-color: rgb(63,81,181);
10205 bottom: 20px;
10206 content: '';
10207 height: 2px;
10208 left: 45%;
10209 position: absolute;
10210 transition-duration: 0.2s;
10211 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10212 visibility: hidden;
10213 width: 10px; }
10214 .mdl-textfield.is-focused .mdl-textfield__label:after {
10215 left: 0;
10216 visibility: visible;
10217 width: 100%; }
10218 .mdl-textfield.is-invalid .mdl-textfield__label:after {
10219 background-color: rgb(213,0,0); }
10220
10221.mdl-textfield__error {
10222 color: rgb(213,0,0);
10223 position: absolute;
10224 font-size: 12px;
10225 margin-top: 3px;
10226 visibility: hidden;
10227 display: block; }
10228 .mdl-textfield.is-invalid .mdl-textfield__error {
10229 visibility: visible; }
10230
10231.mdl-textfield__expandable-holder {
10232 display: inline-block;
10233 position: relative;
10234 margin-left: 32px;
10235 transition-duration: 0.2s;
10236 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10237 display: inline-block;
10238 max-width: 0.1px; }
10239 .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
10240 max-width: 600px; }
10241 .mdl-textfield__expandable-holder .mdl-textfield__label:after {
10242 bottom: 0; }
10243
10244/**
10245 * Copyright 2015 Google Inc. All Rights Reserved.
10246 *
10247 * Licensed under the Apache License, Version 2.0 (the "License");
10248 * you may not use this file except in compliance with the License.
10249 * You may obtain a copy of the License at
10250 *
10251 * http://www.apache.org/licenses/LICENSE-2.0
10252 *
10253 * Unless required by applicable law or agreed to in writing, software
10254 * distributed under the License is distributed on an "AS IS" BASIS,
10255 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10256 * See the License for the specific language governing permissions and
10257 * limitations under the License.
10258 */
10259/**
10260 * Copyright 2015 Google Inc. All Rights Reserved.
10261 *
10262 * Licensed under the Apache License, Version 2.0 (the "License");
10263 * you may not use this file except in compliance with the License.
10264 * You may obtain a copy of the License at
10265 *
10266 * http://www.apache.org/licenses/LICENSE-2.0
10267 *
10268 * Unless required by applicable law or agreed to in writing, software
10269 * distributed under the License is distributed on an "AS IS" BASIS,
10270 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10271 * See the License for the specific language governing permissions and
10272 * limitations under the License.
10273 */
10274/*------------------------------------* $CONTENTS
10275\*------------------------------------*/
10276/**
10277 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10278 * -----Typography
10279 * -----Colors
10280 * -----Textfield
10281 * -----Switch
10282 * -----Spinner
10283 * -----Radio
10284 * -----Menu
10285 * -----List
10286 * -----Layout
10287 * -----Icon toggles
10288 * -----Footer
10289 * -----Column
10290 * -----Checkbox
10291 * -----Card
10292 * -----Button
10293 * -----Animation
10294 * -----Progress
10295 * -----Badge
10296 * -----Shadows
10297 * -----Grid
10298 * -----Data table
10299 * -----Dialog
10300 * -----Snackbar
10301 * -----Tooltip
10302 * -----Chip
10303 *
10304 * Even though all variables have the `!default` directive, most of them
10305 * should not be changed as they are dependent one another. This can cause
10306 * visual distortions (like alignment issues) that are hard to track down
10307 * and fix.
10308 */
10309/* ========== TYPOGRAPHY ========== */
10310/* We're splitting fonts into "preferred" and "performance" in order to optimize
10311 page loading. For important text, such as the body, we want it to load
10312 immediately and not wait for the web font load, whereas for other sections,
10313 such as headers and titles, we're OK with things taking a bit longer to load.
10314 We do have some optional classes and parameters in the mixins, in case you
10315 definitely want to make sure you're using the preferred font and don't mind
10316 the performance hit.
10317 We should be able to improve on this once CSS Font Loading L3 becomes more
10318 widely available.
10319*/
10320/* ========== COLORS ========== */
10321/**
10322*
10323* Material design color palettes.
10324* @see http://www.google.com/design/spec/style/color.html
10325*
10326**/
10327/**
10328 * Copyright 2015 Google Inc. All Rights Reserved.
10329 *
10330 * Licensed under the Apache License, Version 2.0 (the "License");
10331 * you may not use this file except in compliance with the License.
10332 * You may obtain a copy of the License at
10333 *
10334 * http://www.apache.org/licenses/LICENSE-2.0
10335 *
10336 * Unless required by applicable law or agreed to in writing, software
10337 * distributed under the License is distributed on an "AS IS" BASIS,
10338 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10339 * See the License for the specific language governing permissions and
10340 * limitations under the License.
10341 */
10342/* ========== Color Palettes ========== */
10343/* colors.scss */
10344/**
10345 * Copyright 2015 Google Inc. All Rights Reserved.
10346 *
10347 * Licensed under the Apache License, Version 2.0 (the "License");
10348 * you may not use this file except in compliance with the License.
10349 * You may obtain a copy of the License at
10350 *
10351 * http://www.apache.org/licenses/LICENSE-2.0
10352 *
10353 * Unless required by applicable law or agreed to in writing, software
10354 * distributed under the License is distributed on an "AS IS" BASIS,
10355 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10356 * See the License for the specific language governing permissions and
10357 * limitations under the License.
10358 */
10359/* ========== IMAGES ========== */
10360/* ========== Color & Themes ========== */
10361/* ========== Typography ========== */
10362/* ========== Components ========== */
10363/* ========== Standard Buttons ========== */
10364/* ========== Icon Toggles ========== */
10365/* ========== Radio Buttons ========== */
10366/* ========== Ripple effect ========== */
10367/* ========== Layout ========== */
10368/* ========== Content Tabs ========== */
10369/* ========== Checkboxes ========== */
10370/* ========== Switches ========== */
10371/* ========== Spinner ========== */
10372/* ========== Text fields ========== */
10373/* ========== Card ========== */
10374/* ========== Sliders ========== */
10375/* ========== Progress ========== */
10376/* ========== List ========== */
10377/* ========== Item ========== */
10378/* ========== Dropdown menu ========== */
10379/* ========== Tooltips ========== */
10380/* ========== Footer ========== */
10381/* TEXTFIELD */
10382/* SWITCH */
10383/* SPINNER */
10384/* RADIO */
10385/* MENU */
10386/* LIST */
10387/* LAYOUT */
10388/* ICON TOGGLE */
10389/* FOOTER */
10390/*mega-footer*/
10391/*mini-footer*/
10392/* CHECKBOX */
10393/* CARD */
10394/* Card dimensions */
10395/* Cover image */
10396/* BUTTON */
10397/**
10398 *
10399 * Dimensions
10400 *
10401 */
10402/* ANIMATION */
10403/* PROGRESS */
10404/* BADGE */
10405/* SHADOWS */
10406/* GRID */
10407/* DATA TABLE */
10408/* DIALOG */
10409/* SNACKBAR */
10410/* TOOLTIP */
10411/* CHIP */
10412.mdl-tooltip {
10413 -webkit-transform: scale(0);
10414 transform: scale(0);
10415 -webkit-transform-origin: top center;
10416 transform-origin: top center;
10417 z-index: 999;
10418 background: rgba(97,97,97, 0.9);
10419 border-radius: 2px;
10420 color: rgb(255,255,255);
10421 display: inline-block;
10422 font-size: 10px;
10423 font-weight: 500;
10424 line-height: 14px;
10425 max-width: 170px;
10426 position: fixed;
10427 top: -500px;
10428 left: -500px;
10429 padding: 8px;
10430 text-align: center; }
10431
10432.mdl-tooltip.is-active {
10433 -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
10434 animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
10435
10436.mdl-tooltip--large {
10437 line-height: 14px;
10438 font-size: 14px;
10439 padding: 16px; }
10440
10441@-webkit-keyframes pulse {
10442 0% {
10443 -webkit-transform: scale(0);
10444 transform: scale(0);
10445 opacity: 0; }
10446 50% {
10447 -webkit-transform: scale(0.99);
10448 transform: scale(0.99); }
10449 100% {
10450 -webkit-transform: scale(1);
10451 transform: scale(1);
10452 opacity: 1;
10453 visibility: visible; } }
10454
10455@keyframes pulse {
10456 0% {
10457 -webkit-transform: scale(0);
10458 transform: scale(0);
10459 opacity: 0; }
10460 50% {
10461 -webkit-transform: scale(0.99);
10462 transform: scale(0.99); }
10463 100% {
10464 -webkit-transform: scale(1);
10465 transform: scale(1);
10466 opacity: 1;
10467 visibility: visible; } }
10468
10469/**
10470 * Copyright 2015 Google Inc. All Rights Reserved.
10471 *
10472 * Licensed under the Apache License, Version 2.0 (the "License");
10473 * you may not use this file except in compliance with the License.
10474 * You may obtain a copy of the License at
10475 *
10476 * http://www.apache.org/licenses/LICENSE-2.0
10477 *
10478 * Unless required by applicable law or agreed to in writing, software
10479 * distributed under the License is distributed on an "AS IS" BASIS,
10480 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10481 * See the License for the specific language governing permissions and
10482 * limitations under the License.
10483 */
10484/**
10485 * Copyright 2015 Google Inc. All Rights Reserved.
10486 *
10487 * Licensed under the Apache License, Version 2.0 (the "License");
10488 * you may not use this file except in compliance with the License.
10489 * You may obtain a copy of the License at
10490 *
10491 * http://www.apache.org/licenses/LICENSE-2.0
10492 *
10493 * Unless required by applicable law or agreed to in writing, software
10494 * distributed under the License is distributed on an "AS IS" BASIS,
10495 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10496 * See the License for the specific language governing permissions and
10497 * limitations under the License.
10498 */
10499/*------------------------------------* $CONTENTS
10500\*------------------------------------*/
10501/**
10502 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10503 * -----Typography
10504 * -----Colors
10505 * -----Textfield
10506 * -----Switch
10507 * -----Spinner
10508 * -----Radio
10509 * -----Menu
10510 * -----List
10511 * -----Layout
10512 * -----Icon toggles
10513 * -----Footer
10514 * -----Column
10515 * -----Checkbox
10516 * -----Card
10517 * -----Button
10518 * -----Animation
10519 * -----Progress
10520 * -----Badge
10521 * -----Shadows
10522 * -----Grid
10523 * -----Data table
10524 * -----Dialog
10525 * -----Snackbar
10526 * -----Tooltip
10527 * -----Chip
10528 *
10529 * Even though all variables have the `!default` directive, most of them
10530 * should not be changed as they are dependent one another. This can cause
10531 * visual distortions (like alignment issues) that are hard to track down
10532 * and fix.
10533 */
10534/* ========== TYPOGRAPHY ========== */
10535/* We're splitting fonts into "preferred" and "performance" in order to optimize
10536 page loading. For important text, such as the body, we want it to load
10537 immediately and not wait for the web font load, whereas for other sections,
10538 such as headers and titles, we're OK with things taking a bit longer to load.
10539 We do have some optional classes and parameters in the mixins, in case you
10540 definitely want to make sure you're using the preferred font and don't mind
10541 the performance hit.
10542 We should be able to improve on this once CSS Font Loading L3 becomes more
10543 widely available.
10544*/
10545/* ========== COLORS ========== */
10546/**
10547*
10548* Material design color palettes.
10549* @see http://www.google.com/design/spec/style/color.html
10550*
10551**/
10552/**
10553 * Copyright 2015 Google Inc. All Rights Reserved.
10554 *
10555 * Licensed under the Apache License, Version 2.0 (the "License");
10556 * you may not use this file except in compliance with the License.
10557 * You may obtain a copy of the License at
10558 *
10559 * http://www.apache.org/licenses/LICENSE-2.0
10560 *
10561 * Unless required by applicable law or agreed to in writing, software
10562 * distributed under the License is distributed on an "AS IS" BASIS,
10563 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10564 * See the License for the specific language governing permissions and
10565 * limitations under the License.
10566 */
10567/* ========== Color Palettes ========== */
10568/* colors.scss */
10569/**
10570 * Copyright 2015 Google Inc. All Rights Reserved.
10571 *
10572 * Licensed under the Apache License, Version 2.0 (the "License");
10573 * you may not use this file except in compliance with the License.
10574 * You may obtain a copy of the License at
10575 *
10576 * http://www.apache.org/licenses/LICENSE-2.0
10577 *
10578 * Unless required by applicable law or agreed to in writing, software
10579 * distributed under the License is distributed on an "AS IS" BASIS,
10580 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10581 * See the License for the specific language governing permissions and
10582 * limitations under the License.
10583 */
10584/* ========== IMAGES ========== */
10585/* ========== Color & Themes ========== */
10586/* ========== Typography ========== */
10587/* ========== Components ========== */
10588/* ========== Standard Buttons ========== */
10589/* ========== Icon Toggles ========== */
10590/* ========== Radio Buttons ========== */
10591/* ========== Ripple effect ========== */
10592/* ========== Layout ========== */
10593/* ========== Content Tabs ========== */
10594/* ========== Checkboxes ========== */
10595/* ========== Switches ========== */
10596/* ========== Spinner ========== */
10597/* ========== Text fields ========== */
10598/* ========== Card ========== */
10599/* ========== Sliders ========== */
10600/* ========== Progress ========== */
10601/* ========== List ========== */
10602/* ========== Item ========== */
10603/* ========== Dropdown menu ========== */
10604/* ========== Tooltips ========== */
10605/* ========== Footer ========== */
10606/* TEXTFIELD */
10607/* SWITCH */
10608/* SPINNER */
10609/* RADIO */
10610/* MENU */
10611/* LIST */
10612/* LAYOUT */
10613/* ICON TOGGLE */
10614/* FOOTER */
10615/*mega-footer*/
10616/*mini-footer*/
10617/* CHECKBOX */
10618/* CARD */
10619/* Card dimensions */
10620/* Cover image */
10621/* BUTTON */
10622/**
10623 *
10624 * Dimensions
10625 *
10626 */
10627/* ANIMATION */
10628/* PROGRESS */
10629/* BADGE */
10630/* SHADOWS */
10631/* GRID */
10632/* DATA TABLE */
10633/* DIALOG */
10634/* SNACKBAR */
10635/* TOOLTIP */
10636/* CHIP */
10637/**
10638 * Copyright 2015 Google Inc. All Rights Reserved.
10639 *
10640 * Licensed under the Apache License, Version 2.0 (the "License");
10641 * you may not use this file except in compliance with the License.
10642 * You may obtain a copy of the License at
10643 *
10644 * http://www.apache.org/licenses/LICENSE-2.0
10645 *
10646 * Unless required by applicable law or agreed to in writing, software
10647 * distributed under the License is distributed on an "AS IS" BASIS,
10648 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10649 * See the License for the specific language governing permissions and
10650 * limitations under the License.
10651 */
10652/* Typography */
10653/* Shadows */
10654/* Animations */
10655/* Dialog */
10656.mdl-shadow--2dp {
10657 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); }
10658
10659.mdl-shadow--3dp {
10660 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); }
10661
10662.mdl-shadow--4dp {
10663 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); }
10664
10665.mdl-shadow--6dp {
10666 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); }
10667
10668.mdl-shadow--8dp {
10669 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); }
10670
10671.mdl-shadow--16dp {
10672 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); }
10673
10674.mdl-shadow--24dp {
10675 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); }
10676
10677/**
10678 * Copyright 2015 Google Inc. All Rights Reserved.
10679 *
10680 * Licensed under the Apache License, Version 2.0 (the "License");
10681 * you may not use this file except in compliance with the License.
10682 * You may obtain a copy of the License at
10683 *
10684 * http://www.apache.org/licenses/LICENSE-2.0
10685 *
10686 * Unless required by applicable law or agreed to in writing, software
10687 * distributed under the License is distributed on an "AS IS" BASIS,
10688 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10689 * See the License for the specific language governing permissions and
10690 * limitations under the License.
10691 */
10692/*
10693* NOTE: Some rules here are applied using duplicate selectors.
10694* This is on purpose to increase their specificity when applied.
10695* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
10696*/
10697/**
10698 * Copyright 2015 Google Inc. All Rights Reserved.
10699 *
10700 * Licensed under the Apache License, Version 2.0 (the "License");
10701 * you may not use this file except in compliance with the License.
10702 * You may obtain a copy of the License at
10703 *
10704 * http://www.apache.org/licenses/LICENSE-2.0
10705 *
10706 * Unless required by applicable law or agreed to in writing, software
10707 * distributed under the License is distributed on an "AS IS" BASIS,
10708 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10709 * See the License for the specific language governing permissions and
10710 * limitations under the License.
10711 */
10712/*------------------------------------* $CONTENTS
10713\*------------------------------------*/
10714/**
10715 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10716 * -----Typography
10717 * -----Colors
10718 * -----Textfield
10719 * -----Switch
10720 * -----Spinner
10721 * -----Radio
10722 * -----Menu
10723 * -----List
10724 * -----Layout
10725 * -----Icon toggles
10726 * -----Footer
10727 * -----Column
10728 * -----Checkbox
10729 * -----Card
10730 * -----Button
10731 * -----Animation
10732 * -----Progress
10733 * -----Badge
10734 * -----Shadows
10735 * -----Grid
10736 * -----Data table
10737 * -----Dialog
10738 * -----Snackbar
10739 * -----Tooltip
10740 * -----Chip
10741 *
10742 * Even though all variables have the `!default` directive, most of them
10743 * should not be changed as they are dependent one another. This can cause
10744 * visual distortions (like alignment issues) that are hard to track down
10745 * and fix.
10746 */
10747/* ========== TYPOGRAPHY ========== */
10748/* We're splitting fonts into "preferred" and "performance" in order to optimize
10749 page loading. For important text, such as the body, we want it to load
10750 immediately and not wait for the web font load, whereas for other sections,
10751 such as headers and titles, we're OK with things taking a bit longer to load.
10752 We do have some optional classes and parameters in the mixins, in case you
10753 definitely want to make sure you're using the preferred font and don't mind
10754 the performance hit.
10755 We should be able to improve on this once CSS Font Loading L3 becomes more
10756 widely available.
10757*/
10758/* ========== COLORS ========== */
10759/**
10760*
10761* Material design color palettes.
10762* @see http://www.google.com/design/spec/style/color.html
10763*
10764**/
10765/**
10766 * Copyright 2015 Google Inc. All Rights Reserved.
10767 *
10768 * Licensed under the Apache License, Version 2.0 (the "License");
10769 * you may not use this file except in compliance with the License.
10770 * You may obtain a copy of the License at
10771 *
10772 * http://www.apache.org/licenses/LICENSE-2.0
10773 *
10774 * Unless required by applicable law or agreed to in writing, software
10775 * distributed under the License is distributed on an "AS IS" BASIS,
10776 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10777 * See the License for the specific language governing permissions and
10778 * limitations under the License.
10779 */
10780/* ========== Color Palettes ========== */
10781/* colors.scss */
10782/**
10783 * Copyright 2015 Google Inc. All Rights Reserved.
10784 *
10785 * Licensed under the Apache License, Version 2.0 (the "License");
10786 * you may not use this file except in compliance with the License.
10787 * You may obtain a copy of the License at
10788 *
10789 * http://www.apache.org/licenses/LICENSE-2.0
10790 *
10791 * Unless required by applicable law or agreed to in writing, software
10792 * distributed under the License is distributed on an "AS IS" BASIS,
10793 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10794 * See the License for the specific language governing permissions and
10795 * limitations under the License.
10796 */
10797/* ========== IMAGES ========== */
10798/* ========== Color & Themes ========== */
10799/* ========== Typography ========== */
10800/* ========== Components ========== */
10801/* ========== Standard Buttons ========== */
10802/* ========== Icon Toggles ========== */
10803/* ========== Radio Buttons ========== */
10804/* ========== Ripple effect ========== */
10805/* ========== Layout ========== */
10806/* ========== Content Tabs ========== */
10807/* ========== Checkboxes ========== */
10808/* ========== Switches ========== */
10809/* ========== Spinner ========== */
10810/* ========== Text fields ========== */
10811/* ========== Card ========== */
10812/* ========== Sliders ========== */
10813/* ========== Progress ========== */
10814/* ========== List ========== */
10815/* ========== Item ========== */
10816/* ========== Dropdown menu ========== */
10817/* ========== Tooltips ========== */
10818/* ========== Footer ========== */
10819/* TEXTFIELD */
10820/* SWITCH */
10821/* SPINNER */
10822/* RADIO */
10823/* MENU */
10824/* LIST */
10825/* LAYOUT */
10826/* ICON TOGGLE */
10827/* FOOTER */
10828/*mega-footer*/
10829/*mini-footer*/
10830/* CHECKBOX */
10831/* CARD */
10832/* Card dimensions */
10833/* Cover image */
10834/* BUTTON */
10835/**
10836 *
10837 * Dimensions
10838 *
10839 */
10840/* ANIMATION */
10841/* PROGRESS */
10842/* BADGE */
10843/* SHADOWS */
10844/* GRID */
10845/* DATA TABLE */
10846/* DIALOG */
10847/* SNACKBAR */
10848/* TOOLTIP */
10849/* CHIP */
10850.mdl-grid {
10851 display: -webkit-flex;
10852 display: -ms-flexbox;
10853 display: flex;
10854 -webkit-flex-flow: row wrap;
10855 -ms-flex-flow: row wrap;
10856 flex-flow: row wrap;
10857 margin: 0 auto 0 auto;
10858 -webkit-align-items: stretch;
10859 -ms-flex-align: stretch;
10860 align-items: stretch; }
10861 .mdl-grid.mdl-grid--no-spacing {
10862 padding: 0; }
10863
10864.mdl-cell {
10865 box-sizing: border-box; }
10866
10867.mdl-cell--top {
10868 -webkit-align-self: flex-start;
10869 -ms-flex-item-align: start;
10870 align-self: flex-start; }
10871
10872.mdl-cell--middle {
10873 -webkit-align-self: center;
10874 -ms-flex-item-align: center;
10875 -ms-grid-row-align: center;
10876 align-self: center; }
10877
10878.mdl-cell--bottom {
10879 -webkit-align-self: flex-end;
10880 -ms-flex-item-align: end;
10881 align-self: flex-end; }
10882
10883.mdl-cell--stretch {
10884 -webkit-align-self: stretch;
10885 -ms-flex-item-align: stretch;
10886 -ms-grid-row-align: stretch;
10887 align-self: stretch; }
10888
10889.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
10890 margin: 0; }
10891
10892.mdl-cell--order-1 {
10893 -webkit-order: 1;
10894 -ms-flex-order: 1;
10895 order: 1; }
10896
10897.mdl-cell--order-2 {
10898 -webkit-order: 2;
10899 -ms-flex-order: 2;
10900 order: 2; }
10901
10902.mdl-cell--order-3 {
10903 -webkit-order: 3;
10904 -ms-flex-order: 3;
10905 order: 3; }
10906
10907.mdl-cell--order-4 {
10908 -webkit-order: 4;
10909 -ms-flex-order: 4;
10910 order: 4; }
10911
10912.mdl-cell--order-5 {
10913 -webkit-order: 5;
10914 -ms-flex-order: 5;
10915 order: 5; }
10916
10917.mdl-cell--order-6 {
10918 -webkit-order: 6;
10919 -ms-flex-order: 6;
10920 order: 6; }
10921
10922.mdl-cell--order-7 {
10923 -webkit-order: 7;
10924 -ms-flex-order: 7;
10925 order: 7; }
10926
10927.mdl-cell--order-8 {
10928 -webkit-order: 8;
10929 -ms-flex-order: 8;
10930 order: 8; }
10931
10932.mdl-cell--order-9 {
10933 -webkit-order: 9;
10934 -ms-flex-order: 9;
10935 order: 9; }
10936
10937.mdl-cell--order-10 {
10938 -webkit-order: 10;
10939 -ms-flex-order: 10;
10940 order: 10; }
10941
10942.mdl-cell--order-11 {
10943 -webkit-order: 11;
10944 -ms-flex-order: 11;
10945 order: 11; }
10946
10947.mdl-cell--order-12 {
10948 -webkit-order: 12;
10949 -ms-flex-order: 12;
10950 order: 12; }
10951
10952@media (max-width: 479px) {
10953 .mdl-grid {
10954 padding: 8px; }
10955 .mdl-cell {
10956 margin: 8px;
10957 width: calc(100% - 16px); }
10958 .mdl-grid--no-spacing > .mdl-cell {
10959 width: 100%; }
10960 .mdl-cell--hide-phone {
10961 display: none !important; }
10962 .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
10963 -webkit-order: 1;
10964 -ms-flex-order: 1;
10965 order: 1; }
10966 .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
10967 -webkit-order: 2;
10968 -ms-flex-order: 2;
10969 order: 2; }
10970 .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
10971 -webkit-order: 3;
10972 -ms-flex-order: 3;
10973 order: 3; }
10974 .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
10975 -webkit-order: 4;
10976 -ms-flex-order: 4;
10977 order: 4; }
10978 .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
10979 -webkit-order: 5;
10980 -ms-flex-order: 5;
10981 order: 5; }
10982 .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
10983 -webkit-order: 6;
10984 -ms-flex-order: 6;
10985 order: 6; }
10986 .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
10987 -webkit-order: 7;
10988 -ms-flex-order: 7;
10989 order: 7; }
10990 .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
10991 -webkit-order: 8;
10992 -ms-flex-order: 8;
10993 order: 8; }
10994 .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
10995 -webkit-order: 9;
10996 -ms-flex-order: 9;
10997 order: 9; }
10998 .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
10999 -webkit-order: 10;
11000 -ms-flex-order: 10;
11001 order: 10; }
11002 .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
11003 -webkit-order: 11;
11004 -ms-flex-order: 11;
11005 order: 11; }
11006 .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
11007 -webkit-order: 12;
11008 -ms-flex-order: 12;
11009 order: 12; }
11010 .mdl-cell--1-col,
11011 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11012 width: calc(25% - 16px); }
11013 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11014 .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11015 width: 25%; }
11016 .mdl-cell--2-col,
11017 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11018 width: calc(50% - 16px); }
11019 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11020 .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11021 width: 50%; }
11022 .mdl-cell--3-col,
11023 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11024 width: calc(75% - 16px); }
11025 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11026 .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11027 width: 75%; }
11028 .mdl-cell--4-col,
11029 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11030 width: calc(100% - 16px); }
11031 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11032 .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11033 width: 100%; }
11034 .mdl-cell--5-col,
11035 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11036 width: calc(100% - 16px); }
11037 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11038 .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11039 width: 100%; }
11040 .mdl-cell--6-col,
11041 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11042 width: calc(100% - 16px); }
11043 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11044 .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11045 width: 100%; }
11046 .mdl-cell--7-col,
11047 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11048 width: calc(100% - 16px); }
11049 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11050 .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11051 width: 100%; }
11052 .mdl-cell--8-col,
11053 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11054 width: calc(100% - 16px); }
11055 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11056 .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11057 width: 100%; }
11058 .mdl-cell--9-col,
11059 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11060 width: calc(100% - 16px); }
11061 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11062 .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11063 width: 100%; }
11064 .mdl-cell--10-col,
11065 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11066 width: calc(100% - 16px); }
11067 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11068 .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11069 width: 100%; }
11070 .mdl-cell--11-col,
11071 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11072 width: calc(100% - 16px); }
11073 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11074 .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11075 width: 100%; }
11076 .mdl-cell--12-col,
11077 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11078 width: calc(100% - 16px); }
11079 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11080 .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11081 width: 100%; }
11082 .mdl-cell--1-offset,
11083 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11084 margin-left: calc(25% + 8px); }
11085 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11086 .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11087 margin-left: 25%; }
11088 .mdl-cell--2-offset,
11089 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11090 margin-left: calc(50% + 8px); }
11091 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11092 .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11093 margin-left: 50%; }
11094 .mdl-cell--3-offset,
11095 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11096 margin-left: calc(75% + 8px); }
11097 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11098 .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11099 margin-left: 75%; } }
11100
11101@media (min-width: 480px) and (max-width: 839px) {
11102 .mdl-grid {
11103 padding: 8px; }
11104 .mdl-cell {
11105 margin: 8px;
11106 width: calc(50% - 16px); }
11107 .mdl-grid--no-spacing > .mdl-cell {
11108 width: 50%; }
11109 .mdl-cell--hide-tablet {
11110 display: none !important; }
11111 .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
11112 -webkit-order: 1;
11113 -ms-flex-order: 1;
11114 order: 1; }
11115 .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
11116 -webkit-order: 2;
11117 -ms-flex-order: 2;
11118 order: 2; }
11119 .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
11120 -webkit-order: 3;
11121 -ms-flex-order: 3;
11122 order: 3; }
11123 .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
11124 -webkit-order: 4;
11125 -ms-flex-order: 4;
11126 order: 4; }
11127 .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
11128 -webkit-order: 5;
11129 -ms-flex-order: 5;
11130 order: 5; }
11131 .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
11132 -webkit-order: 6;
11133 -ms-flex-order: 6;
11134 order: 6; }
11135 .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
11136 -webkit-order: 7;
11137 -ms-flex-order: 7;
11138 order: 7; }
11139 .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
11140 -webkit-order: 8;
11141 -ms-flex-order: 8;
11142 order: 8; }
11143 .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
11144 -webkit-order: 9;
11145 -ms-flex-order: 9;
11146 order: 9; }
11147 .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
11148 -webkit-order: 10;
11149 -ms-flex-order: 10;
11150 order: 10; }
11151 .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
11152 -webkit-order: 11;
11153 -ms-flex-order: 11;
11154 order: 11; }
11155 .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
11156 -webkit-order: 12;
11157 -ms-flex-order: 12;
11158 order: 12; }
11159 .mdl-cell--1-col,
11160 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11161 width: calc(12.5% - 16px); }
11162 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11163 .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11164 width: 12.5%; }
11165 .mdl-cell--2-col,
11166 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11167 width: calc(25% - 16px); }
11168 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11169 .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11170 width: 25%; }
11171 .mdl-cell--3-col,
11172 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11173 width: calc(37.5% - 16px); }
11174 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11175 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11176 width: 37.5%; }
11177 .mdl-cell--4-col,
11178 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11179 width: calc(50% - 16px); }
11180 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11181 .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11182 width: 50%; }
11183 .mdl-cell--5-col,
11184 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11185 width: calc(62.5% - 16px); }
11186 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11187 .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11188 width: 62.5%; }
11189 .mdl-cell--6-col,
11190 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11191 width: calc(75% - 16px); }
11192 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11193 .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11194 width: 75%; }
11195 .mdl-cell--7-col,
11196 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11197 width: calc(87.5% - 16px); }
11198 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11199 .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11200 width: 87.5%; }
11201 .mdl-cell--8-col,
11202 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11203 width: calc(100% - 16px); }
11204 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11205 .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11206 width: 100%; }
11207 .mdl-cell--9-col,
11208 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11209 width: calc(100% - 16px); }
11210 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11211 .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11212 width: 100%; }
11213 .mdl-cell--10-col,
11214 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11215 width: calc(100% - 16px); }
11216 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11217 .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11218 width: 100%; }
11219 .mdl-cell--11-col,
11220 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11221 width: calc(100% - 16px); }
11222 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11223 .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11224 width: 100%; }
11225 .mdl-cell--12-col,
11226 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11227 width: calc(100% - 16px); }
11228 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11229 .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11230 width: 100%; }
11231 .mdl-cell--1-offset,
11232 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11233 margin-left: calc(12.5% + 8px); }
11234 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11235 .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11236 margin-left: 12.5%; }
11237 .mdl-cell--2-offset,
11238 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11239 margin-left: calc(25% + 8px); }
11240 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11241 .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11242 margin-left: 25%; }
11243 .mdl-cell--3-offset,
11244 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11245 margin-left: calc(37.5% + 8px); }
11246 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11247 .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11248 margin-left: 37.5%; }
11249 .mdl-cell--4-offset,
11250 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11251 margin-left: calc(50% + 8px); }
11252 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11253 .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11254 margin-left: 50%; }
11255 .mdl-cell--5-offset,
11256 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11257 margin-left: calc(62.5% + 8px); }
11258 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11259 .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11260 margin-left: 62.5%; }
11261 .mdl-cell--6-offset,
11262 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11263 margin-left: calc(75% + 8px); }
11264 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11265 .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11266 margin-left: 75%; }
11267 .mdl-cell--7-offset,
11268 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11269 margin-left: calc(87.5% + 8px); }
11270 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11271 .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11272 margin-left: 87.5%; } }
11273
11274@media (min-width: 840px) {
11275 .mdl-grid {
11276 padding: 8px; }
11277 .mdl-cell {
11278 margin: 8px;
11279 width: calc(33.3333333333% - 16px); }
11280 .mdl-grid--no-spacing > .mdl-cell {
11281 width: 33.3333333333%; }
11282 .mdl-cell--hide-desktop {
11283 display: none !important; }
11284 .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
11285 -webkit-order: 1;
11286 -ms-flex-order: 1;
11287 order: 1; }
11288 .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
11289 -webkit-order: 2;
11290 -ms-flex-order: 2;
11291 order: 2; }
11292 .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
11293 -webkit-order: 3;
11294 -ms-flex-order: 3;
11295 order: 3; }
11296 .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
11297 -webkit-order: 4;
11298 -ms-flex-order: 4;
11299 order: 4; }
11300 .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
11301 -webkit-order: 5;
11302 -ms-flex-order: 5;
11303 order: 5; }
11304 .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
11305 -webkit-order: 6;
11306 -ms-flex-order: 6;
11307 order: 6; }
11308 .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
11309 -webkit-order: 7;
11310 -ms-flex-order: 7;
11311 order: 7; }
11312 .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
11313 -webkit-order: 8;
11314 -ms-flex-order: 8;
11315 order: 8; }
11316 .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
11317 -webkit-order: 9;
11318 -ms-flex-order: 9;
11319 order: 9; }
11320 .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
11321 -webkit-order: 10;
11322 -ms-flex-order: 10;
11323 order: 10; }
11324 .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
11325 -webkit-order: 11;
11326 -ms-flex-order: 11;
11327 order: 11; }
11328 .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
11329 -webkit-order: 12;
11330 -ms-flex-order: 12;
11331 order: 12; }
11332 .mdl-cell--1-col,
11333 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11334 width: calc(8.3333333333% - 16px); }
11335 .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11336 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11337 width: 8.3333333333%; }
11338 .mdl-cell--2-col,
11339 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11340 width: calc(16.6666666667% - 16px); }
11341 .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11342 .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11343 width: 16.6666666667%; }
11344 .mdl-cell--3-col,
11345 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11346 width: calc(25% - 16px); }
11347 .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11348 .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11349 width: 25%; }
11350 .mdl-cell--4-col,
11351 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11352 width: calc(33.3333333333% - 16px); }
11353 .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11354 .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11355 width: 33.3333333333%; }
11356 .mdl-cell--5-col,
11357 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11358 width: calc(41.6666666667% - 16px); }
11359 .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11360 .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11361 width: 41.6666666667%; }
11362 .mdl-cell--6-col,
11363 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11364 width: calc(50% - 16px); }
11365 .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11366 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11367 width: 50%; }
11368 .mdl-cell--7-col,
11369 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11370 width: calc(58.3333333333% - 16px); }
11371 .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11372 .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11373 width: 58.3333333333%; }
11374 .mdl-cell--8-col,
11375 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11376 width: calc(66.6666666667% - 16px); }
11377 .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11378 .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11379 width: 66.6666666667%; }
11380 .mdl-cell--9-col,
11381 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11382 width: calc(75% - 16px); }
11383 .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11384 .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11385 width: 75%; }
11386 .mdl-cell--10-col,
11387 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11388 width: calc(83.3333333333% - 16px); }
11389 .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11390 .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11391 width: 83.3333333333%; }
11392 .mdl-cell--11-col,
11393 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11394 width: calc(91.6666666667% - 16px); }
11395 .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11396 .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11397 width: 91.6666666667%; }
11398 .mdl-cell--12-col,
11399 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11400 width: calc(100% - 16px); }
11401 .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11402 .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11403 width: 100%; }
11404 .mdl-cell--1-offset,
11405 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11406 margin-left: calc(8.3333333333% + 8px); }
11407 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11408 .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11409 margin-left: 8.3333333333%; }
11410 .mdl-cell--2-offset,
11411 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11412 margin-left: calc(16.6666666667% + 8px); }
11413 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11414 .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11415 margin-left: 16.6666666667%; }
11416 .mdl-cell--3-offset,
11417 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11418 margin-left: calc(25% + 8px); }
11419 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11420 .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11421 margin-left: 25%; }
11422 .mdl-cell--4-offset,
11423 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11424 margin-left: calc(33.3333333333% + 8px); }
11425 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11426 .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11427 margin-left: 33.3333333333%; }
11428 .mdl-cell--5-offset,
11429 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11430 margin-left: calc(41.6666666667% + 8px); }
11431 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11432 .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11433 margin-left: 41.6666666667%; }
11434 .mdl-cell--6-offset,
11435 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11436 margin-left: calc(50% + 8px); }
11437 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11438 .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11439 margin-left: 50%; }
11440 .mdl-cell--7-offset,
11441 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11442 margin-left: calc(58.3333333333% + 8px); }
11443 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11444 .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11445 margin-left: 58.3333333333%; }
11446 .mdl-cell--8-offset,
11447 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11448 margin-left: calc(66.6666666667% + 8px); }
11449 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
11450 .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11451 margin-left: 66.6666666667%; }
11452 .mdl-cell--9-offset,
11453 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11454 margin-left: calc(75% + 8px); }
11455 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
11456 .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11457 margin-left: 75%; }
11458 .mdl-cell--10-offset,
11459 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11460 margin-left: calc(83.3333333333% + 8px); }
11461 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
11462 .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11463 margin-left: 83.3333333333%; }
11464 .mdl-cell--11-offset,
11465 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11466 margin-left: calc(91.6666666667% + 8px); }
11467 .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
11468 .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11469 margin-left: 91.6666666667%; } }