src/material.css

   1 /**
   2  * material-design-lite - Material Design Components in CSS, JS and HTML
   3  * @version v1.3.0
   4  * @license Apache-2.0
   5  * @copyright 2015 Google, Inc.
   6  * @link https://github.com/google/material-design-lite
   7  */
   8 @charset "UTF-8";
   9 /**
  10  * Copyright 2015 Google Inc. All Rights Reserved.
  11  *
  12  * Licensed under the Apache License, Version 2.0 (the "License");
  13  * you may not use this file except in compliance with the License.
  14  * You may obtain a copy of the License at
  15  *
  16  *      http://www.apache.org/licenses/LICENSE-2.0
  17  *
  18  * Unless required by applicable law or agreed to in writing, software
  19  * distributed under the License is distributed on an "AS IS" BASIS,
  20  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  21  * See the License for the specific language governing permissions and
  22  * limitations under the License.
  23  */
  24 /* Material Design Lite */
  25 /**
  26  * Copyright 2015 Google Inc. All Rights Reserved.
  27  *
  28  * Licensed under the Apache License, Version 2.0 (the "License");
  29  * you may not use this file except in compliance with the License.
  30  * You may obtain a copy of the License at
  31  *
  32  *      http://www.apache.org/licenses/LICENSE-2.0
  33  *
  34  * Unless required by applicable law or agreed to in writing, software
  35  * distributed under the License is distributed on an "AS IS" BASIS,
  36  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  37  * See the License for the specific language governing permissions and
  38  * limitations under the License.
  39  */
  40 /*------------------------------------*    $CONTENTS
  41 \*------------------------------------*/
  42 /**
  43  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
  44  * -----Typography
  45  * -----Colors
  46  * -----Textfield
  47  * -----Switch
  48  * -----Spinner
  49  * -----Radio
  50  * -----Menu
  51  * -----List
  52  * -----Layout
  53  * -----Icon toggles
  54  * -----Footer
  55  * -----Column
  56  * -----Checkbox
  57  * -----Card
  58  * -----Button
  59  * -----Animation
  60  * -----Progress
  61  * -----Badge
  62  * -----Shadows
  63  * -----Grid
  64  * -----Data table
  65  * -----Dialog
  66  * -----Snackbar
  67  * -----Tooltip
  68  * -----Chip
  69  *
  70  * Even though all variables have the `!default` directive, most of them
  71  * should not be changed as they are dependent one another. This can cause
  72  * visual distortions (like alignment issues) that are hard to track down
  73  * and fix.
  74  */
  75 /* ==========  TYPOGRAPHY  ========== */
  76 /* We're splitting fonts into "preferred" and "performance" in order to optimize
  77    page loading. For important text, such as the body, we want it to load
  78    immediately and not wait for the web font load, whereas for other sections,
  79    such as headers and titles, we're OK with things taking a bit longer to load.
  80    We do have some optional classes and parameters in the mixins, in case you
  81    definitely want to make sure you're using the preferred font and don't mind
  82    the performance hit.
  83    We should be able to improve on this once CSS Font Loading L3 becomes more
  84    widely available.
  85 */
  86 /* ==========  COLORS  ========== */
  87 /**
  88 *
  89 * Material design color palettes.
  90 * @see http://www.google.com/design/spec/style/color.html
  91 *
  92 **/
  93 /**
  94  * Copyright 2015 Google Inc. All Rights Reserved.
  95  *
  96  * Licensed under the Apache License, Version 2.0 (the "License");
  97  * you may not use this file except in compliance with the License.
  98  * You may obtain a copy of the License at
  99  *
 100  *      http://www.apache.org/licenses/LICENSE-2.0
 101  *
 102  * Unless required by applicable law or agreed to in writing, software
 103  * distributed under the License is distributed on an "AS IS" BASIS,
 104  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 105  * See the License for the specific language governing permissions and
 106  * limitations under the License.
 107  */
 108 /* ==========  Color Palettes  ========== */
 109 /* colors.scss */
 110 /**
 111  * Copyright 2015 Google Inc. All Rights Reserved.
 112  *
 113  * Licensed under the Apache License, Version 2.0 (the "License");
 114  * you may not use this file except in compliance with the License.
 115  * You may obtain a copy of the License at
 116  *
 117  *      http://www.apache.org/licenses/LICENSE-2.0
 118  *
 119  * Unless required by applicable law or agreed to in writing, software
 120  * distributed under the License is distributed on an "AS IS" BASIS,
 121  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 122  * See the License for the specific language governing permissions and
 123  * limitations under the License.
 124  */
 125 /* ==========  IMAGES  ========== */
 126 /* ==========  Color & Themes  ========== */
 127 /* ==========  Typography  ========== */
 128 /* ==========  Components  ========== */
 129 /* ==========  Standard Buttons  ========== */
 130 /* ==========  Icon Toggles  ========== */
 131 /* ==========  Radio Buttons  ========== */
 132 /* ==========  Ripple effect  ========== */
 133 /* ==========  Layout  ========== */
 134 /* ==========  Content Tabs  ========== */
 135 /* ==========  Checkboxes  ========== */
 136 /* ==========  Switches  ========== */
 137 /* ==========  Spinner  ========== */
 138 /* ==========  Text fields  ========== */
 139 /* ==========  Card  ========== */
 140 /* ==========  Sliders ========== */
 141 /* ========== Progress ========== */
 142 /* ==========  List ========== */
 143 /* ==========  Item ========== */
 144 /* ==========  Dropdown menu ========== */
 145 /* ==========  Tooltips  ========== */
 146 /* ==========  Footer  ========== */
 147 /* TEXTFIELD */
 148 /* SWITCH */
 149 /* SPINNER */
 150 /* RADIO */
 151 /* MENU */
 152 /* LIST */
 153 /* LAYOUT */
 154 /* ICON TOGGLE */
 155 /* FOOTER */
 156 /*mega-footer*/
 157 /*mini-footer*/
 158 /* CHECKBOX */
 159 /* CARD */
 160 /* Card dimensions */
 161 /* Cover image */
 162 /* BUTTON */
 163 /**
 164  *
 165  * Dimensions
 166  *
 167  */
 168 /* ANIMATION */
 169 /* PROGRESS */
 170 /* BADGE */
 171 /* SHADOWS */
 172 /* GRID */
 173 /* DATA TABLE */
 174 /* DIALOG */
 175 /* SNACKBAR */
 176 /* TOOLTIP */
 177 /* CHIP */
 178 /**
 179  * Copyright 2015 Google Inc. All Rights Reserved.
 180  *
 181  * Licensed under the Apache License, Version 2.0 (the "License");
 182  * you may not use this file except in compliance with the License.
 183  * You may obtain a copy of the License at
 184  *
 185  *      http://www.apache.org/licenses/LICENSE-2.0
 186  *
 187  * Unless required by applicable law or agreed to in writing, software
 188  * distributed under the License is distributed on an "AS IS" BASIS,
 189  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 190  * See the License for the specific language governing permissions and
 191  * limitations under the License.
 192  */
 193 /* Typography */
 194 /* Shadows */
 195 /* Animations */
 196 /* Dialog */
 197 /**
 198  * Copyright 2015 Google Inc. All Rights Reserved.
 199  *
 200  * Licensed under the Apache License, Version 2.0 (the "License");
 201  * you may not use this file except in compliance with the License.
 202  * You may obtain a copy of the License at
 203  *
 204  *      http://www.apache.org/licenses/LICENSE-2.0
 205  *
 206  * Unless required by applicable law or agreed to in writing, software
 207  * distributed under the License is distributed on an "AS IS" BASIS,
 208  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 209  * See the License for the specific language governing permissions and
 210  * limitations under the License.
 211  */
 212 /**
 213  * Copyright 2015 Google Inc. All Rights Reserved.
 214  *
 215  * Licensed under the Apache License, Version 2.0 (the "License");
 216  * you may not use this file except in compliance with the License.
 217  * You may obtain a copy of the License at
 218  *
 219  *      http://www.apache.org/licenses/LICENSE-2.0
 220  *
 221  * Unless required by applicable law or agreed to in writing, software
 222  * distributed under the License is distributed on an "AS IS" BASIS,
 223  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 224  * See the License for the specific language governing permissions and
 225  * limitations under the License.
 226  */
 227 /**
 228  * Copyright 2015 Google Inc. All Rights Reserved.
 229  *
 230  * Licensed under the Apache License, Version 2.0 (the "License");
 231  * you may not use this file except in compliance with the License.
 232  * You may obtain a copy of the License at
 233  *
 234  *      http://www.apache.org/licenses/LICENSE-2.0
 235  *
 236  * Unless required by applicable law or agreed to in writing, software
 237  * distributed under the License is distributed on an "AS IS" BASIS,
 238  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 239  * See the License for the specific language governing permissions and
 240  * limitations under the License.
 241  */
 242 /*------------------------------------*    $CONTENTS
 243 \*------------------------------------*/
 244 /**
 245  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 246  * -----Typography
 247  * -----Colors
 248  * -----Textfield
 249  * -----Switch
 250  * -----Spinner
 251  * -----Radio
 252  * -----Menu
 253  * -----List
 254  * -----Layout
 255  * -----Icon toggles
 256  * -----Footer
 257  * -----Column
 258  * -----Checkbox
 259  * -----Card
 260  * -----Button
 261  * -----Animation
 262  * -----Progress
 263  * -----Badge
 264  * -----Shadows
 265  * -----Grid
 266  * -----Data table
 267  * -----Dialog
 268  * -----Snackbar
 269  * -----Tooltip
 270  * -----Chip
 271  *
 272  * Even though all variables have the `!default` directive, most of them
 273  * should not be changed as they are dependent one another. This can cause
 274  * visual distortions (like alignment issues) that are hard to track down
 275  * and fix.
 276  */
 277 /* ==========  TYPOGRAPHY  ========== */
 278 /* We're splitting fonts into "preferred" and "performance" in order to optimize
 279    page loading. For important text, such as the body, we want it to load
 280    immediately and not wait for the web font load, whereas for other sections,
 281    such as headers and titles, we're OK with things taking a bit longer to load.
 282    We do have some optional classes and parameters in the mixins, in case you
 283    definitely want to make sure you're using the preferred font and don't mind
 284    the performance hit.
 285    We should be able to improve on this once CSS Font Loading L3 becomes more
 286    widely available.
 287 */
 288 /* ==========  COLORS  ========== */
 289 /**
 290 *
 291 * Material design color palettes.
 292 * @see http://www.google.com/design/spec/style/color.html
 293 *
 294 **/
 295 /**
 296  * Copyright 2015 Google Inc. All Rights Reserved.
 297  *
 298  * Licensed under the Apache License, Version 2.0 (the "License");
 299  * you may not use this file except in compliance with the License.
 300  * You may obtain a copy of the License at
 301  *
 302  *      http://www.apache.org/licenses/LICENSE-2.0
 303  *
 304  * Unless required by applicable law or agreed to in writing, software
 305  * distributed under the License is distributed on an "AS IS" BASIS,
 306  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 307  * See the License for the specific language governing permissions and
 308  * limitations under the License.
 309  */
 310 /* ==========  Color Palettes  ========== */
 311 /* colors.scss */
 312 /**
 313  * Copyright 2015 Google Inc. All Rights Reserved.
 314  *
 315  * Licensed under the Apache License, Version 2.0 (the "License");
 316  * you may not use this file except in compliance with the License.
 317  * You may obtain a copy of the License at
 318  *
 319  *      http://www.apache.org/licenses/LICENSE-2.0
 320  *
 321  * Unless required by applicable law or agreed to in writing, software
 322  * distributed under the License is distributed on an "AS IS" BASIS,
 323  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 324  * See the License for the specific language governing permissions and
 325  * limitations under the License.
 326  */
 327 /* ==========  IMAGES  ========== */
 328 /* ==========  Color & Themes  ========== */
 329 /* ==========  Typography  ========== */
 330 /* ==========  Components  ========== */
 331 /* ==========  Standard Buttons  ========== */
 332 /* ==========  Icon Toggles  ========== */
 333 /* ==========  Radio Buttons  ========== */
 334 /* ==========  Ripple effect  ========== */
 335 /* ==========  Layout  ========== */
 336 /* ==========  Content Tabs  ========== */
 337 /* ==========  Checkboxes  ========== */
 338 /* ==========  Switches  ========== */
 339 /* ==========  Spinner  ========== */
 340 /* ==========  Text fields  ========== */
 341 /* ==========  Card  ========== */
 342 /* ==========  Sliders ========== */
 343 /* ========== Progress ========== */
 344 /* ==========  List ========== */
 345 /* ==========  Item ========== */
 346 /* ==========  Dropdown menu ========== */
 347 /* ==========  Tooltips  ========== */
 348 /* ==========  Footer  ========== */
 349 /* TEXTFIELD */
 350 /* SWITCH */
 351 /* SPINNER */
 352 /* RADIO */
 353 /* MENU */
 354 /* LIST */
 355 /* LAYOUT */
 356 /* ICON TOGGLE */
 357 /* FOOTER */
 358 /*mega-footer*/
 359 /*mini-footer*/
 360 /* CHECKBOX */
 361 /* CARD */
 362 /* Card dimensions */
 363 /* Cover image */
 364 /* BUTTON */
 365 /**
 366  *
 367  * Dimensions
 368  *
 369  */
 370 /* ANIMATION */
 371 /* PROGRESS */
 372 /* BADGE */
 373 /* SHADOWS */
 374 /* GRID */
 375 /* DATA TABLE */
 376 /* DIALOG */
 377 /* SNACKBAR */
 378 /* TOOLTIP */
 379 /* CHIP */
 380 /*
 381  * What follows is the result of much research on cross-browser styling.
 382  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 383  * Kroc Camen, and the H5BP dev community and team.
 384  */
 385 /* ==========================================================================
 386    Base styles: opinionated defaults
 387    ========================================================================== */
 388 html {
 389     color: rgba(0, 0, 0, 0.87);
 390     font-size: 1em;
 391     line-height: 1.4;
 392 }
 393
 394 /*
 395  * Remove text-shadow in selection highlight:
 396  * https://twitter.com/miketaylr/status/12228805301
 397  *
 398  * These selection rule sets have to be separate.
 399  * Customize the background color to match your design.
 400  */
 401 ::-moz-selection {
 402     background: #b3d4fc;
 403     text-shadow: none;
 404 }
 405
 406 ::selection {
 407     background: #b3d4fc;
 408     text-shadow: none;
 409 }
 410
 411 /*
 412  * A better looking default horizontal rule
 413  */
 414 hr {
 415     display: block;
 416     height: 1px;
 417     border: 0;
 418     border-top: 1px solid #ccc;
 419     margin: 1em 0;
 420     padding: 0;
 421 }
 422
 423 /*
 424  * Remove the gap between audio, canvas, iframes,
 425  * images, videos and the bottom of their containers:
 426  * https://github.com/h5bp/html5-boilerplate/issues/440
 427  */
 428 audio,
 429 canvas,
 430 iframe,
 431 img,
 432 svg,
 433 video {
 434     vertical-align: middle;
 435 }
 436
 437 /*
 438  * Remove default fieldset styles.
 439  */
 440 fieldset {
 441     border: 0;
 442     margin: 0;
 443     padding: 0;
 444 }
 445
 446 /*
 447  * Allow only vertical resizing of textareas.
 448  */
 449 textarea {
 450     resize: vertical;
 451 }
 452
 453 /* ==========================================================================
 454    Browser Upgrade Prompt
 455    ========================================================================== */
 456 .browserupgrade {
 457     margin: 0.2em 0;
 458     background: #ccc;
 459     color: #000;
 460     padding: 0.2em 0;
 461 }
 462
 463 /* ==========================================================================
 464    Author's custom styles
 465    ========================================================================== */
 466 /* ==========================================================================
 467    Helper classes
 468    ========================================================================== */
 469 /*
 470  * Hide visually and from screen readers:
 471  */
 472 .hidden {
 473     display: none !important;
 474 }
 475
 476 /*
 477  * Hide only visually, but have it available for screen readers:
 478  * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 479  */
 480 .visuallyhidden {
 481     border: 0;
 482     clip: rect(0 0 0 0);
 483     height: 1px;
 484     margin: -1px;
 485     overflow: hidden;
 486     padding: 0;
 487     position: absolute;
 488     width: 1px;
 489 }
 490
 491 /*
 492  * Extends the .visuallyhidden class to allow the element
 493  * to be focusable when navigated to via the keyboard:
 494  * https://www.drupal.org/node/897638
 495  */
 496 .visuallyhidden.focusable:active,
 497 .visuallyhidden.focusable:focus {
 498     clip: auto;
 499     height: auto;
 500     margin: 0;
 501     overflow: visible;
 502     position: static;
 503     width: auto;
 504 }
 505
 506 /*
 507  * Hide visually and from screen readers, but maintain layout
 508  */
 509 .invisible {
 510     visibility: hidden;
 511 }
 512
 513 /*
 514  * Clearfix: contain floats
 515  *
 516  * For modern browsers
 517  * 1. The space content is one way to avoid an Opera bug when the
 518  *    `contenteditable` attribute is included anywhere else in the document.
 519  *    Otherwise it causes space to appear at the top and bottom of elements
 520  *    that receive the `clearfix` class.
 521  * 2. The use of `table` rather than `block` is only necessary if using
 522  *    `:before` to contain the top-margins of child elements.
 523  */
 524 .clearfix:before,
 525 .clearfix:after {
 526     content: " ";
 527     /* 1 */
 528     display: table;
 529     /* 2 */
 530 }
 531
 532 .clearfix:after {
 533     clear: both;
 534 }
 535
 536 /* ==========================================================================
 537    EXAMPLE Media Queries for Responsive Design.
 538    These examples override the primary ('mobile first') styles.
 539    Modify as content requires.
 540    ========================================================================== */
 541 @media only screen and (min-width: 35em) {
 542     /* Style adjustments for viewports that meet the condition */
 543 }
 544
 545 @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
 546     /* Style adjustments for high resolution devices */
 547 }
 548
 549 /* ==========================================================================
 550    Print styles.
 551    Inlined to avoid the additional HTTP request:
 552    http://www.phpied.com/delay-loading-your-print-css/
 553    ========================================================================== */
 554 @media print {
 555     *,
 556     *:before,
 557     *:after,
 558     *:first-letter {
 559         background: transparent !important;
 560         color: #000 !important;
 561         /* Black prints faster: http://www.sanbeiji.com/archives/953 */
 562         box-shadow: none !important;
 563     }
 564
 565     a,
 566     a:visited {
 567         text-decoration: underline;
 568     }
 569
 570     a[href]:after {
 571         content: " (" attr(href) ")";
 572     }
 573
 574     abbr[title]:after {
 575         content: " (" attr(title) ")";
 576     }
 577
 578     /*
 579      * Don't show links that are fragment identifiers,
 580      * or use the `javascript:` pseudo protocol
 581      */
 582     a[href^="#"]:after,
 583     a[href^="javascript:"]:after {
 584         content: "";
 585     }
 586
 587     pre,
 588     blockquote {
 589         border: 1px solid #999;
 590         page-break-inside: avoid;
 591     }
 592
 593     /*
 594      * Printing Tables:
 595      * http://css-discuss.incutio.com/wiki/Printing_Tables
 596      */
 597     thead {
 598         display: table-header-group;
 599     }
 600
 601     tr,
 602     img {
 603         page-break-inside: avoid;
 604     }
 605
 606     img {
 607         max-width: 100% !important;
 608     }
 609
 610     p,
 611     h2,
 612     h3 {
 613         orphans: 3;
 614         widows: 3;
 615     }
 616
 617     h2,
 618     h3 {
 619         page-break-after: avoid;
 620     }
 621 }
 622
 623 /**
 624  * Copyright 2015 Google Inc. All Rights Reserved.
 625  *
 626  * Licensed under the Apache License, Version 2.0 (the "License");
 627  * you may not use this file except in compliance with the License.
 628  * You may obtain a copy of the License at
 629  *
 630  *      http://www.apache.org/licenses/LICENSE-2.0
 631  *
 632  * Unless required by applicable law or agreed to in writing, software
 633  * distributed under the License is distributed on an "AS IS" BASIS,
 634  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 635  * See the License for the specific language governing permissions and
 636  * limitations under the License.
 637  */
 638 /* Remove the unwanted box around FAB buttons */
 639 /* More info: http://goo.gl/IPwKi */
 640 a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
 641 .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
 642     -webkit-tap-highlight-color: transparent;
 643     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 644 }
 645
 646 /*
 647  * Make html take up the entire screen
 648  * Then set touch-action to avoid touch delay on mobile IE
 649  */
 650 html {
 651     width: 100%;
 652     height: 100%;
 653     -ms-touch-action: manipulation;
 654     touch-action: manipulation;
 655 }
 656
 657 /*
 658 * Make body take up the entire screen
 659 * Remove body margin so layout containers don't cause extra overflow.
 660 */
 661 body {
 662     width: 100%;
 663     min-height: 100%;
 664     margin: 0;
 665 }
 666
 667 /*
 668  * Main display reset for IE support.
 669  * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 670  */
 671 main {
 672     display: block;
 673 }
 674
 675 /*
 676 * Apply no display to elements with the hidden attribute.
 677 * IE 9 and 10 support.
 678 */
 679 *[hidden] {
 680     display: none !important;
 681 }
 682
 683 /**
 684  * Copyright 2015 Google Inc. All Rights Reserved.
 685  *
 686  * Licensed under the Apache License, Version 2.0 (the "License");
 687  * you may not use this file except in compliance with the License.
 688  * You may obtain a copy of the License at
 689  *
 690  *      http://www.apache.org/licenses/LICENSE-2.0
 691  *
 692  * Unless required by applicable law or agreed to in writing, software
 693  * distributed under the License is distributed on an "AS IS" BASIS,
 694  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 695  * See the License for the specific language governing permissions and
 696  * limitations under the License.
 697  */
 698 /**
 699  * Copyright 2015 Google Inc. All Rights Reserved.
 700  *
 701  * Licensed under the Apache License, Version 2.0 (the "License");
 702  * you may not use this file except in compliance with the License.
 703  * You may obtain a copy of the License at
 704  *
 705  *      http://www.apache.org/licenses/LICENSE-2.0
 706  *
 707  * Unless required by applicable law or agreed to in writing, software
 708  * distributed under the License is distributed on an "AS IS" BASIS,
 709  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 710  * See the License for the specific language governing permissions and
 711  * limitations under the License.
 712  */
 713 /*------------------------------------*    $CONTENTS
 714 \*------------------------------------*/
 715 /**
 716  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 717  * -----Typography
 718  * -----Colors
 719  * -----Textfield
 720  * -----Switch
 721  * -----Spinner
 722  * -----Radio
 723  * -----Menu
 724  * -----List
 725  * -----Layout
 726  * -----Icon toggles
 727  * -----Footer
 728  * -----Column
 729  * -----Checkbox
 730  * -----Card
 731  * -----Button
 732  * -----Animation
 733  * -----Progress
 734  * -----Badge
 735  * -----Shadows
 736  * -----Grid
 737  * -----Data table
 738  * -----Dialog
 739  * -----Snackbar
 740  * -----Tooltip
 741  * -----Chip
 742  *
 743  * Even though all variables have the `!default` directive, most of them
 744  * should not be changed as they are dependent one another. This can cause
 745  * visual distortions (like alignment issues) that are hard to track down
 746  * and fix.
 747  */
 748 /* ==========  TYPOGRAPHY  ========== */
 749 /* We're splitting fonts into "preferred" and "performance" in order to optimize
 750    page loading. For important text, such as the body, we want it to load
 751    immediately and not wait for the web font load, whereas for other sections,
 752    such as headers and titles, we're OK with things taking a bit longer to load.
 753    We do have some optional classes and parameters in the mixins, in case you
 754    definitely want to make sure you're using the preferred font and don't mind
 755    the performance hit.
 756    We should be able to improve on this once CSS Font Loading L3 becomes more
 757    widely available.
 758 */
 759 /* ==========  COLORS  ========== */
 760 /**
 761 *
 762 * Material design color palettes.
 763 * @see http://www.google.com/design/spec/style/color.html
 764 *
 765 **/
 766 /**
 767  * Copyright 2015 Google Inc. All Rights Reserved.
 768  *
 769  * Licensed under the Apache License, Version 2.0 (the "License");
 770  * you may not use this file except in compliance with the License.
 771  * You may obtain a copy of the License at
 772  *
 773  *      http://www.apache.org/licenses/LICENSE-2.0
 774  *
 775  * Unless required by applicable law or agreed to in writing, software
 776  * distributed under the License is distributed on an "AS IS" BASIS,
 777  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 778  * See the License for the specific language governing permissions and
 779  * limitations under the License.
 780  */
 781 /* ==========  Color Palettes  ========== */
 782 /* colors.scss */
 783 /**
 784  * Copyright 2015 Google Inc. All Rights Reserved.
 785  *
 786  * Licensed under the Apache License, Version 2.0 (the "License");
 787  * you may not use this file except in compliance with the License.
 788  * You may obtain a copy of the License at
 789  *
 790  *      http://www.apache.org/licenses/LICENSE-2.0
 791  *
 792  * Unless required by applicable law or agreed to in writing, software
 793  * distributed under the License is distributed on an "AS IS" BASIS,
 794  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 795  * See the License for the specific language governing permissions and
 796  * limitations under the License.
 797  */
 798 /* ==========  IMAGES  ========== */
 799 /* ==========  Color & Themes  ========== */
 800 /* ==========  Typography  ========== */
 801 /* ==========  Components  ========== */
 802 /* ==========  Standard Buttons  ========== */
 803 /* ==========  Icon Toggles  ========== */
 804 /* ==========  Radio Buttons  ========== */
 805 /* ==========  Ripple effect  ========== */
 806 /* ==========  Layout  ========== */
 807 /* ==========  Content Tabs  ========== */
 808 /* ==========  Checkboxes  ========== */
 809 /* ==========  Switches  ========== */
 810 /* ==========  Spinner  ========== */
 811 /* ==========  Text fields  ========== */
 812 /* ==========  Card  ========== */
 813 /* ==========  Sliders ========== */
 814 /* ========== Progress ========== */
 815 /* ==========  List ========== */
 816 /* ==========  Item ========== */
 817 /* ==========  Dropdown menu ========== */
 818 /* ==========  Tooltips  ========== */
 819 /* ==========  Footer  ========== */
 820 /* TEXTFIELD */
 821 /* SWITCH */
 822 /* SPINNER */
 823 /* RADIO */
 824 /* MENU */
 825 /* LIST */
 826 /* LAYOUT */
 827 /* ICON TOGGLE */
 828 /* FOOTER */
 829 /*mega-footer*/
 830 /*mini-footer*/
 831 /* CHECKBOX */
 832 /* CARD */
 833 /* Card dimensions */
 834 /* Cover image */
 835 /* BUTTON */
 836 /**
 837  *
 838  * Dimensions
 839  *
 840  */
 841 /* ANIMATION */
 842 /* PROGRESS */
 843 /* BADGE */
 844 /* SHADOWS */
 845 /* GRID */
 846 /* DATA TABLE */
 847 /* DIALOG */
 848 /* SNACKBAR */
 849 /* TOOLTIP */
 850 /* CHIP */
 851 /**
 852  * Copyright 2015 Google Inc. All Rights Reserved.
 853  *
 854  * Licensed under the Apache License, Version 2.0 (the "License");
 855  * you may not use this file except in compliance with the License.
 856  * You may obtain a copy of the License at
 857  *
 858  *      http://www.apache.org/licenses/LICENSE-2.0
 859  *
 860  * Unless required by applicable law or agreed to in writing, software
 861  * distributed under the License is distributed on an "AS IS" BASIS,
 862  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 863  * See the License for the specific language governing permissions and
 864  * limitations under the License.
 865  */
 866 /* Typography */
 867 /* Shadows */
 868 /* Animations */
 869 /* Dialog */
 870 html, body {
 871     font-family: "Roboto";
 872     font-size: 14px;
 873     font-weight: 400;
 874     line-height: 20px;
 875 }
 876
 877 h1, h2, h3, h4, h5, h6, p {
 878     margin: 0;
 879     padding: 0;
 880 }
 881
 882 /**
 883   * Styles for HTML elements
 884   */
 885 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 886     font-family: "Roboto";
 887     font-size: 56px;
 888     font-weight: 400;
 889     line-height: 1.35;
 890     letter-spacing: -0.02em;
 891     opacity: 0.54;
 892     font-size: 0.6em;
 893 }
 894
 895 h1 {
 896     font-family: "Roboto";
 897     font-size: 56px;
 898     font-weight: 400;
 899     line-height: 1.35;
 900     letter-spacing: -0.02em;
 901     margin-top: 24px;
 902     margin-bottom: 24px;
 903 }
 904
 905 h2 {
 906     font-family: "Roboto";
 907     font-size: 45px;
 908     font-weight: 400;
 909     line-height: 48px;
 910     margin-top: 24px;
 911     margin-bottom: 24px;
 912 }
 913
 914 h3 {
 915     font-family: "Roboto";
 916     font-size: 34px;
 917     font-weight: 400;
 918     line-height: 40px;
 919     margin-top: 24px;
 920     margin-bottom: 24px;
 921 }
 922
 923 h4 {
 924     font-family: "Roboto";
 925     font-size: 24px;
 926     font-weight: 400;
 927     line-height: 32px;
 928     -moz-osx-font-smoothing: grayscale;
 929     margin-top: 24px;
 930     margin-bottom: 16px;
 931 }
 932
 933 h5 {
 934     font-family: "Roboto";
 935     font-size: 20px;
 936     font-weight: 500;
 937     line-height: 1;
 938     letter-spacing: 0.02em;
 939     margin-top: 24px;
 940     margin-bottom: 16px;
 941 }
 942
 943 h6 {
 944     font-family: "Roboto";
 945     font-size: 16px;
 946     font-weight: 400;
 947     line-height: 24px;
 948     letter-spacing: 0.04em;
 949     margin-top: 24px;
 950     margin-bottom: 16px;
 951 }
 952
 953 p {
 954     font-size: 14px;
 955     font-weight: 400;
 956     line-height: 24px;
 957     letter-spacing: 0;
 958     margin-bottom: 16px;
 959 }
 960
 961 a {
 962     color: rgb(255, 64, 129);
 963     font-weight: 500;
 964 }
 965
 966 blockquote {
 967     font-family: "Roboto";
 968     position: relative;
 969     font-size: 24px;
 970     font-weight: 300;
 971     font-style: italic;
 972     line-height: 1.35;
 973     letter-spacing: 0.08em;
 974 }
 975
 976 blockquote:before {
 977     position: absolute;
 978     left: -0.5em;
 979     content: '“';
 980 }
 981
 982 blockquote:after {
 983     content: '”';
 984     margin-left: -0.05em;
 985 }
 986
 987 mark {
 988     background-color: #f4ff81;
 989 }
 990
 991 dt {
 992     font-weight: 700;
 993 }
 994
 995 address {
 996     font-size: 12px;
 997     font-weight: 400;
 998     line-height: 1;
 999     letter-spacing: 0;
1000     font-style: normal;
1001 }
1002
1003 ul, ol {
1004     font-size: 14px;
1005     font-weight: 400;
1006     line-height: 24px;
1007     letter-spacing: 0;
1008 }
1009
1010 /**
1011  * Class Name Styles
1012  */
1013 .mdl-typography--display-4 {
1014     font-family: "Roboto";
1015     font-size: 112px;
1016     font-weight: 300;
1017     line-height: 1;
1018     letter-spacing: -0.04em;
1019 }
1020
1021 .mdl-typography--display-4-color-contrast {
1022     font-family: "Roboto";
1023     font-size: 112px;
1024     font-weight: 300;
1025     line-height: 1;
1026     letter-spacing: -0.04em;
1027     opacity: 0.54;
1028 }
1029
1030 .mdl-typography--display-3 {
1031     font-family: "Roboto";
1032     font-size: 56px;
1033     font-weight: 400;
1034     line-height: 1.35;
1035     letter-spacing: -0.02em;
1036 }
1037
1038 .mdl-typography--display-3-color-contrast {
1039     font-family: "Roboto";
1040     font-size: 56px;
1041     font-weight: 400;
1042     line-height: 1.35;
1043     letter-spacing: -0.02em;
1044     opacity: 0.54;
1045 }
1046
1047 .mdl-typography--display-2 {
1048     font-family: "Roboto";
1049     font-size: 45px;
1050     font-weight: 400;
1051     line-height: 48px;
1052 }
1053
1054 .mdl-typography--display-2-color-contrast {
1055     font-family: "Roboto";
1056     font-size: 45px;
1057     font-weight: 400;
1058     line-height: 48px;
1059     opacity: 0.54;
1060 }
1061
1062 .mdl-typography--display-1 {
1063     font-family: "Roboto";
1064     font-size: 34px;
1065     font-weight: 400;
1066     line-height: 40px;
1067 }
1068
1069 .mdl-typography--display-1-color-contrast {
1070     font-family: "Roboto";
1071     font-size: 34px;
1072     font-weight: 400;
1073     line-height: 40px;
1074     opacity: 0.54;
1075 }
1076
1077 .mdl-typography--headline {
1078     font-family: "Roboto";
1079     font-size: 24px;
1080     font-weight: 400;
1081     line-height: 32px;
1082     -moz-osx-font-smoothing: grayscale;
1083 }
1084
1085 .mdl-typography--headline-color-contrast {
1086     font-family: "Roboto";
1087     font-size: 24px;
1088     font-weight: 400;
1089     line-height: 32px;
1090     -moz-osx-font-smoothing: grayscale;
1091     opacity: 0.87;
1092 }
1093
1094 .mdl-typography--title {
1095     font-family: "Roboto";
1096     font-size: 20px;
1097     font-weight: 500;
1098     line-height: 1;
1099     letter-spacing: 0.02em;
1100 }
1101
1102 .mdl-typography--title-color-contrast {
1103     font-family: "Roboto";
1104     font-size: 20px;
1105     font-weight: 500;
1106     line-height: 1;
1107     letter-spacing: 0.02em;
1108     opacity: 0.87;
1109 }
1110
1111 .mdl-typography--subhead {
1112     font-family: "Roboto";
1113     font-size: 16px;
1114     font-weight: 400;
1115     line-height: 24px;
1116     letter-spacing: 0.04em;
1117 }
1118
1119 .mdl-typography--subhead-color-contrast {
1120     font-family: "Roboto";
1121     font-size: 16px;
1122     font-weight: 400;
1123     line-height: 24px;
1124     letter-spacing: 0.04em;
1125     opacity: 0.87;
1126 }
1127
1128 .mdl-typography--body-2 {
1129     font-size: 14px;
1130     font-weight: bold;
1131     line-height: 24px;
1132     letter-spacing: 0;
1133 }
1134
1135 .mdl-typography--body-2-color-contrast {
1136     font-size: 14px;
1137     font-weight: bold;
1138     line-height: 24px;
1139     letter-spacing: 0;
1140     opacity: 0.87;
1141 }
1142
1143 .mdl-typography--body-1 {
1144     font-size: 14px;
1145     font-weight: 400;
1146     line-height: 24px;
1147     letter-spacing: 0;
1148 }
1149
1150 .mdl-typography--body-1-color-contrast {
1151     font-size: 14px;
1152     font-weight: 400;
1153     line-height: 24px;
1154     letter-spacing: 0;
1155     opacity: 0.87;
1156 }
1157
1158 .mdl-typography--body-2-force-preferred-font {
1159     font-family: "Roboto";
1160     font-size: 14px;
1161     font-weight: 500;
1162     line-height: 24px;
1163     letter-spacing: 0;
1164 }
1165
1166 .mdl-typography--body-2-force-preferred-font-color-contrast {
1167     font-family: "Roboto";
1168     font-size: 14px;
1169     font-weight: 500;
1170     line-height: 24px;
1171     letter-spacing: 0;
1172     opacity: 0.87;
1173 }
1174
1175 .mdl-typography--body-1-force-preferred-font {
1176     font-family: "Roboto";
1177     font-size: 14px;
1178     font-weight: 400;
1179     line-height: 24px;
1180     letter-spacing: 0;
1181 }
1182
1183 .mdl-typography--body-1-force-preferred-font-color-contrast {
1184     font-family: "Roboto";
1185     font-size: 14px;
1186     font-weight: 400;
1187     line-height: 24px;
1188     letter-spacing: 0;
1189     opacity: 0.87;
1190 }
1191
1192 .mdl-typography--caption {
1193     font-size: 12px;
1194     font-weight: 400;
1195     line-height: 1;
1196     letter-spacing: 0;
1197 }
1198
1199 .mdl-typography--caption-force-preferred-font {
1200     font-family: "Roboto";
1201     font-size: 12px;
1202     font-weight: 400;
1203     line-height: 1;
1204     letter-spacing: 0;
1205 }
1206
1207 .mdl-typography--caption-color-contrast {
1208     font-size: 12px;
1209     font-weight: 400;
1210     line-height: 1;
1211     letter-spacing: 0;
1212     opacity: 0.54;
1213 }
1214
1215 .mdl-typography--caption-force-preferred-font-color-contrast {
1216     font-family: "Roboto";
1217     font-size: 12px;
1218     font-weight: 400;
1219     line-height: 1;
1220     letter-spacing: 0;
1221     opacity: 0.54;
1222 }
1223
1224 .mdl-typography--menu {
1225     font-family: "Roboto";
1226     font-size: 14px;
1227     font-weight: 500;
1228     line-height: 1;
1229     letter-spacing: 0;
1230 }
1231
1232 .mdl-typography--menu-color-contrast {
1233     font-family: "Roboto";
1234     font-size: 14px;
1235     font-weight: 500;
1236     line-height: 1;
1237     letter-spacing: 0;
1238     opacity: 0.87;
1239 }
1240
1241 .mdl-typography--button {
1242     font-family: "Roboto";
1243     font-size: 14px;
1244     font-weight: 500;
1245     text-transform: uppercase;
1246     line-height: 1;
1247     letter-spacing: 0;
1248 }
1249
1250 .mdl-typography--button-color-contrast {
1251     font-family: "Roboto";
1252     font-size: 14px;
1253     font-weight: 500;
1254     text-transform: uppercase;
1255     line-height: 1;
1256     letter-spacing: 0;
1257     opacity: 0.87;
1258 }
1259
1260 .mdl-typography--text-left {
1261     text-align: left;
1262 }
1263
1264 .mdl-typography--text-right {
1265     text-align: right;
1266 }
1267
1268 .mdl-typography--text-center {
1269     text-align: center;
1270 }
1271
1272 .mdl-typography--text-justify {
1273     text-align: justify;
1274 }
1275
1276 .mdl-typography--text-nowrap {
1277     white-space: nowrap;
1278 }
1279
1280 .mdl-typography--text-lowercase {
1281     text-transform: lowercase;
1282 }
1283
1284 .mdl-typography--text-uppercase {
1285     text-transform: uppercase;
1286 }
1287
1288 .mdl-typography--text-capitalize {
1289     text-transform: capitalize;
1290 }
1291
1292 .mdl-typography--font-thin {
1293     font-weight: 200 !important;
1294 }
1295
1296 .mdl-typography--font-light {
1297     font-weight: 300 !important;
1298 }
1299
1300 .mdl-typography--font-regular {
1301     font-weight: 400 !important;
1302 }
1303
1304 .mdl-typography--font-medium {
1305     font-weight: 500 !important;
1306 }
1307
1308 .mdl-typography--font-bold {
1309     font-weight: 700 !important;
1310 }
1311
1312 .mdl-typography--font-black {
1313     font-weight: 900 !important;
1314 }
1315
1316 .material-icons {
1317     font-family: 'Material Icons';
1318     font-weight: normal;
1319     font-style: normal;
1320     font-size: 24px;
1321     line-height: 1;
1322     letter-spacing: normal;
1323     text-transform: none;
1324     display: inline-block;
1325     word-wrap: normal;
1326     -moz-font-feature-settings: 'liga';
1327     font-feature-settings: 'liga';
1328     -webkit-font-feature-settings: 'liga';
1329     -webkit-font-smoothing: antialiased;
1330 }
1331
1332 /**
1333  * Copyright 2015 Google Inc. All Rights Reserved.
1334  *
1335  * Licensed under the Apache License, Version 2.0 (the "License");
1336  * you may not use this file except in compliance with the License.
1337  * You may obtain a copy of the License at
1338  *
1339  *      http://www.apache.org/licenses/LICENSE-2.0
1340  *
1341  * Unless required by applicable law or agreed to in writing, software
1342  * distributed under the License is distributed on an "AS IS" BASIS,
1343  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1344  * See the License for the specific language governing permissions and
1345  * limitations under the License.
1346  */
1347 /**
1348  * Copyright 2015 Google Inc. All Rights Reserved.
1349  *
1350  * Licensed under the Apache License, Version 2.0 (the "License");
1351  * you may not use this file except in compliance with the License.
1352  * You may obtain a copy of the License at
1353  *
1354  *      http://www.apache.org/licenses/LICENSE-2.0
1355  *
1356  * Unless required by applicable law or agreed to in writing, software
1357  * distributed under the License is distributed on an "AS IS" BASIS,
1358  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1359  * See the License for the specific language governing permissions and
1360  * limitations under the License.
1361  */
1362 /*------------------------------------*    $CONTENTS
1363 \*------------------------------------*/
1364 /**
1365  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
1366  * -----Typography
1367  * -----Colors
1368  * -----Textfield
1369  * -----Switch
1370  * -----Spinner
1371  * -----Radio
1372  * -----Menu
1373  * -----List
1374  * -----Layout
1375  * -----Icon toggles
1376  * -----Footer
1377  * -----Column
1378  * -----Checkbox
1379  * -----Card
1380  * -----Button
1381  * -----Animation
1382  * -----Progress
1383  * -----Badge
1384  * -----Shadows
1385  * -----Grid
1386  * -----Data table
1387  * -----Dialog
1388  * -----Snackbar
1389  * -----Tooltip
1390  * -----Chip
1391  *
1392  * Even though all variables have the `!default` directive, most of them
1393  * should not be changed as they are dependent one another. This can cause
1394  * visual distortions (like alignment issues) that are hard to track down
1395  * and fix.
1396  */
1397 /* ==========  TYPOGRAPHY  ========== */
1398 /* We're splitting fonts into "preferred" and "performance" in order to optimize
1399    page loading. For important text, such as the body, we want it to load
1400    immediately and not wait for the web font load, whereas for other sections,
1401    such as headers and titles, we're OK with things taking a bit longer to load.
1402    We do have some optional classes and parameters in the mixins, in case you
1403    definitely want to make sure you're using the preferred font and don't mind
1404    the performance hit.
1405    We should be able to improve on this once CSS Font Loading L3 becomes more
1406    widely available.
1407 */
1408 /* ==========  COLORS  ========== */
1409 /**
1410 *
1411 * Material design color palettes.
1412 * @see http://www.google.com/design/spec/style/color.html
1413 *
1414 **/
1415 /**
1416  * Copyright 2015 Google Inc. All Rights Reserved.
1417  *
1418  * Licensed under the Apache License, Version 2.0 (the "License");
1419  * you may not use this file except in compliance with the License.
1420  * You may obtain a copy of the License at
1421  *
1422  *      http://www.apache.org/licenses/LICENSE-2.0
1423  *
1424  * Unless required by applicable law or agreed to in writing, software
1425  * distributed under the License is distributed on an "AS IS" BASIS,
1426  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1427  * See the License for the specific language governing permissions and
1428  * limitations under the License.
1429  */
1430 /* ==========  Color Palettes  ========== */
1431 /* colors.scss */
1432 /**
1433  * Copyright 2015 Google Inc. All Rights Reserved.
1434  *
1435  * Licensed under the Apache License, Version 2.0 (the "License");
1436  * you may not use this file except in compliance with the License.
1437  * You may obtain a copy of the License at
1438  *
1439  *      http://www.apache.org/licenses/LICENSE-2.0
1440  *
1441  * Unless required by applicable law or agreed to in writing, software
1442  * distributed under the License is distributed on an "AS IS" BASIS,
1443  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1444  * See the License for the specific language governing permissions and
1445  * limitations under the License.
1446  */
1447 /* ==========  IMAGES  ========== */
1448 /* ==========  Color & Themes  ========== */
1449 /* ==========  Typography  ========== */
1450 /* ==========  Components  ========== */
1451 /* ==========  Standard Buttons  ========== */
1452 /* ==========  Icon Toggles  ========== */
1453 /* ==========  Radio Buttons  ========== */
1454 /* ==========  Ripple effect  ========== */
1455 /* ==========  Layout  ========== */
1456 /* ==========  Content Tabs  ========== */
1457 /* ==========  Checkboxes  ========== */
1458 /* ==========  Switches  ========== */
1459 /* ==========  Spinner  ========== */
1460 /* ==========  Text fields  ========== */
1461 /* ==========  Card  ========== */
1462 /* ==========  Sliders ========== */
1463 /* ========== Progress ========== */
1464 /* ==========  List ========== */
1465 /* ==========  Item ========== */
1466 /* ==========  Dropdown menu ========== */
1467 /* ==========  Tooltips  ========== */
1468 /* ==========  Footer  ========== */
1469 /* TEXTFIELD */
1470 /* SWITCH */
1471 /* SPINNER */
1472 /* RADIO */
1473 /* MENU */
1474 /* LIST */
1475 /* LAYOUT */
1476 /* ICON TOGGLE */
1477 /* FOOTER */
1478 /*mega-footer*/
1479 /*mini-footer*/
1480 /* CHECKBOX */
1481 /* CARD */
1482 /* Card dimensions */
1483 /* Cover image */
1484 /* BUTTON */
1485 /**
1486  *
1487  * Dimensions
1488  *
1489  */
1490 /* ANIMATION */
1491 /* PROGRESS */
1492 /* BADGE */
1493 /* SHADOWS */
1494 /* GRID */
1495 /* DATA TABLE */
1496 /* DIALOG */
1497 /* SNACKBAR */
1498 /* TOOLTIP */
1499 /* CHIP */
1500 .mdl-color-text--red {
1501     color: rgb(244, 67, 54) !important;
1502 }
1503
1504 .mdl-color--red {
1505     background-color: rgb(244, 67, 54) !important;
1506 }
1507
1508 .mdl-color-text--red-50 {
1509     color: rgb(255, 235, 238) !important;
1510 }
1511
1512 .mdl-color--red-50 {
1513     background-color: rgb(255, 235, 238) !important;
1514 }
1515
1516 .mdl-color-text--red-100 {
1517     color: rgb(255, 205, 210) !important;
1518 }
1519
1520 .mdl-color--red-100 {
1521     background-color: rgb(255, 205, 210) !important;
1522 }
1523
1524 .mdl-color-text--red-200 {
1525     color: rgb(239, 154, 154) !important;
1526 }
1527
1528 .mdl-color--red-200 {
1529     background-color: rgb(239, 154, 154) !important;
1530 }
1531
1532 .mdl-color-text--red-300 {
1533     color: rgb(229, 115, 115) !important;
1534 }
1535
1536 .mdl-color--red-300 {
1537     background-color: rgb(229, 115, 115) !important;
1538 }
1539
1540 .mdl-color-text--red-400 {
1541     color: rgb(239, 83, 80) !important;
1542 }
1543
1544 .mdl-color--red-400 {
1545     background-color: rgb(239, 83, 80) !important;
1546 }
1547
1548 .mdl-color-text--red-500 {
1549     color: rgb(244, 67, 54) !important;
1550 }
1551
1552 .mdl-color--red-500 {
1553     background-color: rgb(244, 67, 54) !important;
1554 }
1555
1556 .mdl-color-text--red-600 {
1557     color: rgb(229, 57, 53) !important;
1558 }
1559
1560 .mdl-color--red-600 {
1561     background-color: rgb(229, 57, 53) !important;
1562 }
1563
1564 .mdl-color-text--red-700 {
1565     color: rgb(211, 47, 47) !important;
1566 }
1567
1568 .mdl-color--red-700 {
1569     background-color: rgb(211, 47, 47) !important;
1570 }
1571
1572 .mdl-color-text--red-800 {
1573     color: rgb(198, 40, 40) !important;
1574 }
1575
1576 .mdl-color--red-800 {
1577     background-color: rgb(198, 40, 40) !important;
1578 }
1579
1580 .mdl-color-text--red-900 {
1581     color: rgb(183, 28, 28) !important;
1582 }
1583
1584 .mdl-color--red-900 {
1585     background-color: rgb(183, 28, 28) !important;
1586 }
1587
1588 .mdl-color-text--red-A100 {
1589     color: rgb(255, 138, 128) !important;
1590 }
1591
1592 .mdl-color--red-A100 {
1593     background-color: rgb(255, 138, 128) !important;
1594 }
1595
1596 .mdl-color-text--red-A200 {
1597     color: rgb(255, 82, 82) !important;
1598 }
1599
1600 .mdl-color--red-A200 {
1601     background-color: rgb(255, 82, 82) !important;
1602 }
1603
1604 .mdl-color-text--red-A400 {
1605     color: rgb(255, 23, 68) !important;
1606 }
1607
1608 .mdl-color--red-A400 {
1609     background-color: rgb(255, 23, 68) !important;
1610 }
1611
1612 .mdl-color-text--red-A700 {
1613     color: rgb(213, 0, 0) !important;
1614 }
1615
1616 .mdl-color--red-A700 {
1617     background-color: rgb(213, 0, 0) !important;
1618 }
1619
1620 .mdl-color-text--pink {
1621     color: rgb(233, 30, 99) !important;
1622 }
1623
1624 .mdl-color--pink {
1625     background-color: rgb(233, 30, 99) !important;
1626 }
1627
1628 .mdl-color-text--pink-50 {
1629     color: rgb(252, 228, 236) !important;
1630 }
1631
1632 .mdl-color--pink-50 {
1633     background-color: rgb(252, 228, 236) !important;
1634 }
1635
1636 .mdl-color-text--pink-100 {
1637     color: rgb(248, 187, 208) !important;
1638 }
1639
1640 .mdl-color--pink-100 {
1641     background-color: rgb(248, 187, 208) !important;
1642 }
1643
1644 .mdl-color-text--pink-200 {
1645     color: rgb(244, 143, 177) !important;
1646 }
1647
1648 .mdl-color--pink-200 {
1649     background-color: rgb(244, 143, 177) !important;
1650 }
1651
1652 .mdl-color-text--pink-300 {
1653     color: rgb(240, 98, 146) !important;
1654 }
1655
1656 .mdl-color--pink-300 {
1657     background-color: rgb(240, 98, 146) !important;
1658 }
1659
1660 .mdl-color-text--pink-400 {
1661     color: rgb(236, 64, 122) !important;
1662 }
1663
1664 .mdl-color--pink-400 {
1665     background-color: rgb(236, 64, 122) !important;
1666 }
1667
1668 .mdl-color-text--pink-500 {
1669     color: rgb(233, 30, 99) !important;
1670 }
1671
1672 .mdl-color--pink-500 {
1673     background-color: rgb(233, 30, 99) !important;
1674 }
1675
1676 .mdl-color-text--pink-600 {
1677     color: rgb(216, 27, 96) !important;
1678 }
1679
1680 .mdl-color--pink-600 {
1681     background-color: rgb(216, 27, 96) !important;
1682 }
1683
1684 .mdl-color-text--pink-700 {
1685     color: rgb(194, 24, 91) !important;
1686 }
1687
1688 .mdl-color--pink-700 {
1689     background-color: rgb(194, 24, 91) !important;
1690 }
1691
1692 .mdl-color-text--pink-800 {
1693     color: rgb(173, 20, 87) !important;
1694 }
1695
1696 .mdl-color--pink-800 {
1697     background-color: rgb(173, 20, 87) !important;
1698 }
1699
1700 .mdl-color-text--pink-900 {
1701     color: rgb(136, 14, 79) !important;
1702 }
1703
1704 .mdl-color--pink-900 {
1705     background-color: rgb(136, 14, 79) !important;
1706 }
1707
1708 .mdl-color-text--pink-A100 {
1709     color: rgb(255, 128, 171) !important;
1710 }
1711
1712 .mdl-color--pink-A100 {
1713     background-color: rgb(255, 128, 171) !important;
1714 }
1715
1716 .mdl-color-text--pink-A200 {
1717     color: rgb(255, 64, 129) !important;
1718 }
1719
1720 .mdl-color--pink-A200 {
1721     background-color: rgb(255, 64, 129) !important;
1722 }
1723
1724 .mdl-color-text--pink-A400 {
1725     color: rgb(245, 0, 87) !important;
1726 }
1727
1728 .mdl-color--pink-A400 {
1729     background-color: rgb(245, 0, 87) !important;
1730 }
1731
1732 .mdl-color-text--pink-A700 {
1733     color: rgb(197, 17, 98) !important;
1734 }
1735
1736 .mdl-color--pink-A700 {
1737     background-color: rgb(197, 17, 98) !important;
1738 }
1739
1740 .mdl-color-text--purple {
1741     color: rgb(156, 39, 176) !important;
1742 }
1743
1744 .mdl-color--purple {
1745     background-color: rgb(156, 39, 176) !important;
1746 }
1747
1748 .mdl-color-text--purple-50 {
1749     color: rgb(243, 229, 245) !important;
1750 }
1751
1752 .mdl-color--purple-50 {
1753     background-color: rgb(243, 229, 245) !important;
1754 }
1755
1756 .mdl-color-text--purple-100 {
1757     color: rgb(225, 190, 231) !important;
1758 }
1759
1760 .mdl-color--purple-100 {
1761     background-color: rgb(225, 190, 231) !important;
1762 }
1763
1764 .mdl-color-text--purple-200 {
1765     color: rgb(206, 147, 216) !important;
1766 }
1767
1768 .mdl-color--purple-200 {
1769     background-color: rgb(206, 147, 216) !important;
1770 }
1771
1772 .mdl-color-text--purple-300 {
1773     color: rgb(186, 104, 200) !important;
1774 }
1775
1776 .mdl-color--purple-300 {
1777     background-color: rgb(186, 104, 200) !important;
1778 }
1779
1780 .mdl-color-text--purple-400 {
1781     color: rgb(171, 71, 188) !important;
1782 }
1783
1784 .mdl-color--purple-400 {
1785     background-color: rgb(171, 71, 188) !important;
1786 }
1787
1788 .mdl-color-text--purple-500 {
1789     color: rgb(156, 39, 176) !important;
1790 }
1791
1792 .mdl-color--purple-500 {
1793     background-color: rgb(156, 39, 176) !important;
1794 }
1795
1796 .mdl-color-text--purple-600 {
1797     color: rgb(142, 36, 170) !important;
1798 }
1799
1800 .mdl-color--purple-600 {
1801     background-color: rgb(142, 36, 170) !important;
1802 }
1803
1804 .mdl-color-text--purple-700 {
1805     color: rgb(123, 31, 162) !important;
1806 }
1807
1808 .mdl-color--purple-700 {
1809     background-color: rgb(123, 31, 162) !important;
1810 }
1811
1812 .mdl-color-text--purple-800 {
1813     color: rgb(106, 27, 154) !important;
1814 }
1815
1816 .mdl-color--purple-800 {
1817     background-color: rgb(106, 27, 154) !important;
1818 }
1819
1820 .mdl-color-text--purple-900 {
1821     color: rgb(74, 20, 140) !important;
1822 }
1823
1824 .mdl-color--purple-900 {
1825     background-color: rgb(74, 20, 140) !important;
1826 }
1827
1828 .mdl-color-text--purple-A100 {
1829     color: rgb(234, 128, 252) !important;
1830 }
1831
1832 .mdl-color--purple-A100 {
1833     background-color: rgb(234, 128, 252) !important;
1834 }
1835
1836 .mdl-color-text--purple-A200 {
1837     color: rgb(224, 64, 251) !important;
1838 }
1839
1840 .mdl-color--purple-A200 {
1841     background-color: rgb(224, 64, 251) !important;
1842 }
1843
1844 .mdl-color-text--purple-A400 {
1845     color: rgb(213, 0, 249) !important;
1846 }
1847
1848 .mdl-color--purple-A400 {
1849     background-color: rgb(213, 0, 249) !important;
1850 }
1851
1852 .mdl-color-text--purple-A700 {
1853     color: rgb(170, 0, 255) !important;
1854 }
1855
1856 .mdl-color--purple-A700 {
1857     background-color: rgb(170, 0, 255) !important;
1858 }
1859
1860 .mdl-color-text--deep-purple {
1861     color: rgb(103, 58, 183) !important;
1862 }
1863
1864 .mdl-color--deep-purple {
1865     background-color: rgb(103, 58, 183) !important;
1866 }
1867
1868 .mdl-color-text--deep-purple-50 {
1869     color: rgb(237, 231, 246) !important;
1870 }
1871
1872 .mdl-color--deep-purple-50 {
1873     background-color: rgb(237, 231, 246) !important;
1874 }
1875
1876 .mdl-color-text--deep-purple-100 {
1877     color: rgb(209, 196, 233) !important;
1878 }
1879
1880 .mdl-color--deep-purple-100 {
1881     background-color: rgb(209, 196, 233) !important;
1882 }
1883
1884 .mdl-color-text--deep-purple-200 {
1885     color: rgb(179, 157, 219) !important;
1886 }
1887
1888 .mdl-color--deep-purple-200 {
1889     background-color: rgb(179, 157, 219) !important;
1890 }
1891
1892 .mdl-color-text--deep-purple-300 {
1893     color: rgb(149, 117, 205) !important;
1894 }
1895
1896 .mdl-color--deep-purple-300 {
1897     background-color: rgb(149, 117, 205) !important;
1898 }
1899
1900 .mdl-color-text--deep-purple-400 {
1901     color: rgb(126, 87, 194) !important;
1902 }
1903
1904 .mdl-color--deep-purple-400 {
1905     background-color: rgb(126, 87, 194) !important;
1906 }
1907
1908 .mdl-color-text--deep-purple-500 {
1909     color: rgb(103, 58, 183) !important;
1910 }
1911
1912 .mdl-color--deep-purple-500 {
1913     background-color: rgb(103, 58, 183) !important;
1914 }
1915
1916 .mdl-color-text--deep-purple-600 {
1917     color: rgb(94, 53, 177) !important;
1918 }
1919
1920 .mdl-color--deep-purple-600 {
1921     background-color: rgb(94, 53, 177) !important;
1922 }
1923
1924 .mdl-color-text--deep-purple-700 {
1925     color: rgb(81, 45, 168) !important;
1926 }
1927
1928 .mdl-color--deep-purple-700 {
1929     background-color: rgb(81, 45, 168) !important;
1930 }
1931
1932 .mdl-color-text--deep-purple-800 {
1933     color: rgb(69, 39, 160) !important;
1934 }
1935
1936 .mdl-color--deep-purple-800 {
1937     background-color: rgb(69, 39, 160) !important;
1938 }
1939
1940 .mdl-color-text--deep-purple-900 {
1941     color: rgb(49, 27, 146) !important;
1942 }
1943
1944 .mdl-color--deep-purple-900 {
1945     background-color: rgb(49, 27, 146) !important;
1946 }
1947
1948 .mdl-color-text--deep-purple-A100 {
1949     color: rgb(179, 136, 255) !important;
1950 }
1951
1952 .mdl-color--deep-purple-A100 {
1953     background-color: rgb(179, 136, 255) !important;
1954 }
1955
1956 .mdl-color-text--deep-purple-A200 {
1957     color: rgb(124, 77, 255) !important;
1958 }
1959
1960 .mdl-color--deep-purple-A200 {
1961     background-color: rgb(124, 77, 255) !important;
1962 }
1963
1964 .mdl-color-text--deep-purple-A400 {
1965     color: rgb(101, 31, 255) !important;
1966 }
1967
1968 .mdl-color--deep-purple-A400 {
1969     background-color: rgb(101, 31, 255) !important;
1970 }
1971
1972 .mdl-color-text--deep-purple-A700 {
1973     color: rgb(98, 0, 234) !important;
1974 }
1975
1976 .mdl-color--deep-purple-A700 {
1977     background-color: rgb(98, 0, 234) !important;
1978 }
1979
1980 .mdl-color-text--indigo {
1981     color: rgb(63, 81, 181) !important;
1982 }
1983
1984 .mdl-color--indigo {
1985     background-color: rgb(63, 81, 181) !important;
1986 }
1987
1988 .mdl-color-text--indigo-50 {
1989     color: rgb(232, 234, 246) !important;
1990 }
1991
1992 .mdl-color--indigo-50 {
1993     background-color: rgb(232, 234, 246) !important;
1994 }
1995
1996 .mdl-color-text--indigo-100 {
1997     color: rgb(197, 202, 233) !important;
1998 }
1999
2000 .mdl-color--indigo-100 {
2001     background-color: rgb(197, 202, 233) !important;
2002 }
2003
2004 .mdl-color-text--indigo-200 {
2005     color: rgb(159, 168, 218) !important;
2006 }
2007
2008 .mdl-color--indigo-200 {
2009     background-color: rgb(159, 168, 218) !important;
2010 }
2011
2012 .mdl-color-text--indigo-300 {
2013     color: rgb(121, 134, 203) !important;
2014 }
2015
2016 .mdl-color--indigo-300 {
2017     background-color: rgb(121, 134, 203) !important;
2018 }
2019
2020 .mdl-color-text--indigo-400 {
2021     color: rgb(92, 107, 192) !important;
2022 }
2023
2024 .mdl-color--indigo-400 {
2025     background-color: rgb(92, 107, 192) !important;
2026 }
2027
2028 .mdl-color-text--indigo-500 {
2029     color: rgb(63, 81, 181) !important;
2030 }
2031
2032 .mdl-color--indigo-500 {
2033     background-color: rgb(63, 81, 181) !important;
2034 }
2035
2036 .mdl-color-text--indigo-600 {
2037     color: rgb(57, 73, 171) !important;
2038 }
2039
2040 .mdl-color--indigo-600 {
2041     background-color: rgb(57, 73, 171) !important;
2042 }
2043
2044 .mdl-color-text--indigo-700 {
2045     color: rgb(48, 63, 159) !important;
2046 }
2047
2048 .mdl-color--indigo-700 {
2049     background-color: rgb(48, 63, 159) !important;
2050 }
2051
2052 .mdl-color-text--indigo-800 {
2053     color: rgb(40, 53, 147) !important;
2054 }
2055
2056 .mdl-color--indigo-800 {
2057     background-color: rgb(40, 53, 147) !important;
2058 }
2059
2060 .mdl-color-text--indigo-900 {
2061     color: rgb(26, 35, 126) !important;
2062 }
2063
2064 .mdl-color--indigo-900 {
2065     background-color: rgb(26, 35, 126) !important;
2066 }
2067
2068 .mdl-color-text--indigo-A100 {
2069     color: rgb(140, 158, 255) !important;
2070 }
2071
2072 .mdl-color--indigo-A100 {
2073     background-color: rgb(140, 158, 255) !important;
2074 }
2075
2076 .mdl-color-text--indigo-A200 {
2077     color: rgb(83, 109, 254) !important;
2078 }
2079
2080 .mdl-color--indigo-A200 {
2081     background-color: rgb(83, 109, 254) !important;
2082 }
2083
2084 .mdl-color-text--indigo-A400 {
2085     color: rgb(61, 90, 254) !important;
2086 }
2087
2088 .mdl-color--indigo-A400 {
2089     background-color: rgb(61, 90, 254) !important;
2090 }
2091
2092 .mdl-color-text--indigo-A700 {
2093     color: rgb(48, 79, 254) !important;
2094 }
2095
2096 .mdl-color--indigo-A700 {
2097     background-color: rgb(48, 79, 254) !important;
2098 }
2099
2100 .mdl-color-text--blue {
2101     color: rgb(33, 150, 243) !important;
2102 }
2103
2104 .mdl-color--blue {
2105     background-color: rgb(33, 150, 243) !important;
2106 }
2107
2108 .mdl-color-text--blue-50 {
2109     color: rgb(227, 242, 253) !important;
2110 }
2111
2112 .mdl-color--blue-50 {
2113     background-color: rgb(227, 242, 253) !important;
2114 }
2115
2116 .mdl-color-text--blue-100 {
2117     color: rgb(187, 222, 251) !important;
2118 }
2119
2120 .mdl-color--blue-100 {
2121     background-color: rgb(187, 222, 251) !important;
2122 }
2123
2124 .mdl-color-text--blue-200 {
2125     color: rgb(144, 202, 249) !important;
2126 }
2127
2128 .mdl-color--blue-200 {
2129     background-color: rgb(144, 202, 249) !important;
2130 }
2131
2132 .mdl-color-text--blue-300 {
2133     color: rgb(100, 181, 246) !important;
2134 }
2135
2136 .mdl-color--blue-300 {
2137     background-color: rgb(100, 181, 246) !important;
2138 }
2139
2140 .mdl-color-text--blue-400 {
2141     color: rgb(66, 165, 245) !important;
2142 }
2143
2144 .mdl-color--blue-400 {
2145     background-color: rgb(66, 165, 245) !important;
2146 }
2147
2148 .mdl-color-text--blue-500 {
2149     color: rgb(33, 150, 243) !important;
2150 }
2151
2152 .mdl-color--blue-500 {
2153     background-color: rgb(33, 150, 243) !important;
2154 }
2155
2156 .mdl-color-text--blue-600 {
2157     color: rgb(30, 136, 229) !important;
2158 }
2159
2160 .mdl-color--blue-600 {
2161     background-color: rgb(30, 136, 229) !important;
2162 }
2163
2164 .mdl-color-text--blue-700 {
2165     color: rgb(25, 118, 210) !important;
2166 }
2167
2168 .mdl-color--blue-700 {
2169     background-color: rgb(25, 118, 210) !important;
2170 }
2171
2172 .mdl-color-text--blue-800 {
2173     color: rgb(21, 101, 192) !important;
2174 }
2175
2176 .mdl-color--blue-800 {
2177     background-color: rgb(21, 101, 192) !important;
2178 }
2179
2180 .mdl-color-text--blue-900 {
2181     color: rgb(13, 71, 161) !important;
2182 }
2183
2184 .mdl-color--blue-900 {
2185     background-color: rgb(13, 71, 161) !important;
2186 }
2187
2188 .mdl-color-text--blue-A100 {
2189     color: rgb(130, 177, 255) !important;
2190 }
2191
2192 .mdl-color--blue-A100 {
2193     background-color: rgb(130, 177, 255) !important;
2194 }
2195
2196 .mdl-color-text--blue-A200 {
2197     color: rgb(68, 138, 255) !important;
2198 }
2199
2200 .mdl-color--blue-A200 {
2201     background-color: rgb(68, 138, 255) !important;
2202 }
2203
2204 .mdl-color-text--blue-A400 {
2205     color: rgb(41, 121, 255) !important;
2206 }
2207
2208 .mdl-color--blue-A400 {
2209     background-color: rgb(41, 121, 255) !important;
2210 }
2211
2212 .mdl-color-text--blue-A700 {
2213     color: rgb(41, 98, 255) !important;
2214 }
2215
2216 .mdl-color--blue-A700 {
2217     background-color: rgb(41, 98, 255) !important;
2218 }
2219
2220 .mdl-color-text--light-blue {
2221     color: rgb(3, 169, 244) !important;
2222 }
2223
2224 .mdl-color--light-blue {
2225     background-color: rgb(3, 169, 244) !important;
2226 }
2227
2228 .mdl-color-text--light-blue-50 {
2229     color: rgb(225, 245, 254) !important;
2230 }
2231
2232 .mdl-color--light-blue-50 {
2233     background-color: rgb(225, 245, 254) !important;
2234 }
2235
2236 .mdl-color-text--light-blue-100 {
2237     color: rgb(179, 229, 252) !important;
2238 }
2239
2240 .mdl-color--light-blue-100 {
2241     background-color: rgb(179, 229, 252) !important;
2242 }
2243
2244 .mdl-color-text--light-blue-200 {
2245     color: rgb(129, 212, 250) !important;
2246 }
2247
2248 .mdl-color--light-blue-200 {
2249     background-color: rgb(129, 212, 250) !important;
2250 }
2251
2252 .mdl-color-text--light-blue-300 {
2253     color: rgb(79, 195, 247) !important;
2254 }
2255
2256 .mdl-color--light-blue-300 {
2257     background-color: rgb(79, 195, 247) !important;
2258 }
2259
2260 .mdl-color-text--light-blue-400 {
2261     color: rgb(41, 182, 246) !important;
2262 }
2263
2264 .mdl-color--light-blue-400 {
2265     background-color: rgb(41, 182, 246) !important;
2266 }
2267
2268 .mdl-color-text--light-blue-500 {
2269     color: rgb(3, 169, 244) !important;
2270 }
2271
2272 .mdl-color--light-blue-500 {
2273     background-color: rgb(3, 169, 244) !important;
2274 }
2275
2276 .mdl-color-text--light-blue-600 {
2277     color: rgb(3, 155, 229) !important;
2278 }
2279
2280 .mdl-color--light-blue-600 {
2281     background-color: rgb(3, 155, 229) !important;
2282 }
2283
2284 .mdl-color-text--light-blue-700 {
2285     color: rgb(2, 136, 209) !important;
2286 }
2287
2288 .mdl-color--light-blue-700 {
2289     background-color: rgb(2, 136, 209) !important;
2290 }
2291
2292 .mdl-color-text--light-blue-800 {
2293     color: rgb(2, 119, 189) !important;
2294 }
2295
2296 .mdl-color--light-blue-800 {
2297     background-color: rgb(2, 119, 189) !important;
2298 }
2299
2300 .mdl-color-text--light-blue-900 {
2301     color: rgb(1, 87, 155) !important;
2302 }
2303
2304 .mdl-color--light-blue-900 {
2305     background-color: rgb(1, 87, 155) !important;
2306 }
2307
2308 .mdl-color-text--light-blue-A100 {
2309     color: rgb(128, 216, 255) !important;
2310 }
2311
2312 .mdl-color--light-blue-A100 {
2313     background-color: rgb(128, 216, 255) !important;
2314 }
2315
2316 .mdl-color-text--light-blue-A200 {
2317     color: rgb(64, 196, 255) !important;
2318 }
2319
2320 .mdl-color--light-blue-A200 {
2321     background-color: rgb(64, 196, 255) !important;
2322 }
2323
2324 .mdl-color-text--light-blue-A400 {
2325     color: rgb(0, 176, 255) !important;
2326 }
2327
2328 .mdl-color--light-blue-A400 {
2329     background-color: rgb(0, 176, 255) !important;
2330 }
2331
2332 .mdl-color-text--light-blue-A700 {
2333     color: rgb(0, 145, 234) !important;
2334 }
2335
2336 .mdl-color--light-blue-A700 {
2337     background-color: rgb(0, 145, 234) !important;
2338 }
2339
2340 .mdl-color-text--cyan {
2341     color: rgb(0, 188, 212) !important;
2342 }
2343
2344 .mdl-color--cyan {
2345     background-color: rgb(0, 188, 212) !important;
2346 }
2347
2348 .mdl-color-text--cyan-50 {
2349     color: rgb(224, 247, 250) !important;
2350 }
2351
2352 .mdl-color--cyan-50 {
2353     background-color: rgb(224, 247, 250) !important;
2354 }
2355
2356 .mdl-color-text--cyan-100 {
2357     color: rgb(178, 235, 242) !important;
2358 }
2359
2360 .mdl-color--cyan-100 {
2361     background-color: rgb(178, 235, 242) !important;
2362 }
2363
2364 .mdl-color-text--cyan-200 {
2365     color: rgb(128, 222, 234) !important;
2366 }
2367
2368 .mdl-color--cyan-200 {
2369     background-color: rgb(128, 222, 234) !important;
2370 }
2371
2372 .mdl-color-text--cyan-300 {
2373     color: rgb(77, 208, 225) !important;
2374 }
2375
2376 .mdl-color--cyan-300 {
2377     background-color: rgb(77, 208, 225) !important;
2378 }
2379
2380 .mdl-color-text--cyan-400 {
2381     color: rgb(38, 198, 218) !important;
2382 }
2383
2384 .mdl-color--cyan-400 {
2385     background-color: rgb(38, 198, 218) !important;
2386 }
2387
2388 .mdl-color-text--cyan-500 {
2389     color: rgb(0, 188, 212) !important;
2390 }
2391
2392 .mdl-color--cyan-500 {
2393     background-color: rgb(0, 188, 212) !important;
2394 }
2395
2396 .mdl-color-text--cyan-600 {
2397     color: rgb(0, 172, 193) !important;
2398 }
2399
2400 .mdl-color--cyan-600 {
2401     background-color: rgb(0, 172, 193) !important;
2402 }
2403
2404 .mdl-color-text--cyan-700 {
2405     color: rgb(0, 151, 167) !important;
2406 }
2407
2408 .mdl-color--cyan-700 {
2409     background-color: rgb(0, 151, 167) !important;
2410 }
2411
2412 .mdl-color-text--cyan-800 {
2413     color: rgb(0, 131, 143) !important;
2414 }
2415
2416 .mdl-color--cyan-800 {
2417     background-color: rgb(0, 131, 143) !important;
2418 }
2419
2420 .mdl-color-text--cyan-900 {
2421     color: rgb(0, 96, 100) !important;
2422 }
2423
2424 .mdl-color--cyan-900 {
2425     background-color: rgb(0, 96, 100) !important;
2426 }
2427
2428 .mdl-color-text--cyan-A100 {
2429     color: rgb(132, 255, 255) !important;
2430 }
2431
2432 .mdl-color--cyan-A100 {
2433     background-color: rgb(132, 255, 255) !important;
2434 }
2435
2436 .mdl-color-text--cyan-A200 {
2437     color: rgb(24, 255, 255) !important;
2438 }
2439
2440 .mdl-color--cyan-A200 {
2441     background-color: rgb(24, 255, 255) !important;
2442 }
2443
2444 .mdl-color-text--cyan-A400 {
2445     color: rgb(0, 229, 255) !important;
2446 }
2447
2448 .mdl-color--cyan-A400 {
2449     background-color: rgb(0, 229, 255) !important;
2450 }
2451
2452 .mdl-color-text--cyan-A700 {
2453     color: rgb(0, 184, 212) !important;
2454 }
2455
2456 .mdl-color--cyan-A700 {
2457     background-color: rgb(0, 184, 212) !important;
2458 }
2459
2460 .mdl-color-text--teal {
2461     color: rgb(0, 150, 136) !important;
2462 }
2463
2464 .mdl-color--teal {
2465     background-color: rgb(0, 150, 136) !important;
2466 }
2467
2468 .mdl-color-text--teal-50 {
2469     color: rgb(224, 242, 241) !important;
2470 }
2471
2472 .mdl-color--teal-50 {
2473     background-color: rgb(224, 242, 241) !important;
2474 }
2475
2476 .mdl-color-text--teal-100 {
2477     color: rgb(178, 223, 219) !important;
2478 }
2479
2480 .mdl-color--teal-100 {
2481     background-color: rgb(178, 223, 219) !important;
2482 }
2483
2484 .mdl-color-text--teal-200 {
2485     color: rgb(128, 203, 196) !important;
2486 }
2487
2488 .mdl-color--teal-200 {
2489     background-color: rgb(128, 203, 196) !important;
2490 }
2491
2492 .mdl-color-text--teal-300 {
2493     color: rgb(77, 182, 172) !important;
2494 }
2495
2496 .mdl-color--teal-300 {
2497     background-color: rgb(77, 182, 172) !important;
2498 }
2499
2500 .mdl-color-text--teal-400 {
2501     color: rgb(38, 166, 154) !important;
2502 }
2503
2504 .mdl-color--teal-400 {
2505     background-color: rgb(38, 166, 154) !important;
2506 }
2507
2508 .mdl-color-text--teal-500 {
2509     color: rgb(0, 150, 136) !important;
2510 }
2511
2512 .mdl-color--teal-500 {
2513     background-color: rgb(0, 150, 136) !important;
2514 }
2515
2516 .mdl-color-text--teal-600 {
2517     color: rgb(0, 137, 123) !important;
2518 }
2519
2520 .mdl-color--teal-600 {
2521     background-color: rgb(0, 137, 123) !important;
2522 }
2523
2524 .mdl-color-text--teal-700 {
2525     color: rgb(0, 121, 107) !important;
2526 }
2527
2528 .mdl-color--teal-700 {
2529     background-color: rgb(0, 121, 107) !important;
2530 }
2531
2532 .mdl-color-text--teal-800 {
2533     color: rgb(0, 105, 92) !important;
2534 }
2535
2536 .mdl-color--teal-800 {
2537     background-color: rgb(0, 105, 92) !important;
2538 }
2539
2540 .mdl-color-text--teal-900 {
2541     color: rgb(0, 77, 64) !important;
2542 }
2543
2544 .mdl-color--teal-900 {
2545     background-color: rgb(0, 77, 64) !important;
2546 }
2547
2548 .mdl-color-text--teal-A100 {
2549     color: rgb(167, 255, 235) !important;
2550 }
2551
2552 .mdl-color--teal-A100 {
2553     background-color: rgb(167, 255, 235) !important;
2554 }
2555
2556 .mdl-color-text--teal-A200 {
2557     color: rgb(100, 255, 218) !important;
2558 }
2559
2560 .mdl-color--teal-A200 {
2561     background-color: rgb(100, 255, 218) !important;
2562 }
2563
2564 .mdl-color-text--teal-A400 {
2565     color: rgb(29, 233, 182) !important;
2566 }
2567
2568 .mdl-color--teal-A400 {
2569     background-color: rgb(29, 233, 182) !important;
2570 }
2571
2572 .mdl-color-text--teal-A700 {
2573     color: rgb(0, 191, 165) !important;
2574 }
2575
2576 .mdl-color--teal-A700 {
2577     background-color: rgb(0, 191, 165) !important;
2578 }
2579
2580 .mdl-color-text--green {
2581     color: rgb(76, 175, 80) !important;
2582 }
2583
2584 .mdl-color--green {
2585     background-color: rgb(76, 175, 80) !important;
2586 }
2587
2588 .mdl-color-text--green-50 {
2589     color: rgb(232, 245, 233) !important;
2590 }
2591
2592 .mdl-color--green-50 {
2593     background-color: rgb(232, 245, 233) !important;
2594 }
2595
2596 .mdl-color-text--green-100 {
2597     color: rgb(200, 230, 201) !important;
2598 }
2599
2600 .mdl-color--green-100 {
2601     background-color: rgb(200, 230, 201) !important;
2602 }
2603
2604 .mdl-color-text--green-200 {
2605     color: rgb(165, 214, 167) !important;
2606 }
2607
2608 .mdl-color--green-200 {
2609     background-color: rgb(165, 214, 167) !important;
2610 }
2611
2612 .mdl-color-text--green-300 {
2613     color: rgb(129, 199, 132) !important;
2614 }
2615
2616 .mdl-color--green-300 {
2617     background-color: rgb(129, 199, 132) !important;
2618 }
2619
2620 .mdl-color-text--green-400 {
2621     color: rgb(102, 187, 106) !important;
2622 }
2623
2624 .mdl-color--green-400 {
2625     background-color: rgb(102, 187, 106) !important;
2626 }
2627
2628 .mdl-color-text--green-500 {
2629     color: rgb(76, 175, 80) !important;
2630 }
2631
2632 .mdl-color--green-500 {
2633     background-color: rgb(76, 175, 80) !important;
2634 }
2635
2636 .mdl-color-text--green-600 {
2637     color: rgb(67, 160, 71) !important;
2638 }
2639
2640 .mdl-color--green-600 {
2641     background-color: rgb(67, 160, 71) !important;
2642 }
2643
2644 .mdl-color-text--green-700 {
2645     color: rgb(56, 142, 60) !important;
2646 }
2647
2648 .mdl-color--green-700 {
2649     background-color: rgb(56, 142, 60) !important;
2650 }
2651
2652 .mdl-color-text--green-800 {
2653     color: rgb(46, 125, 50) !important;
2654 }
2655
2656 .mdl-color--green-800 {
2657     background-color: rgb(46, 125, 50) !important;
2658 }
2659
2660 .mdl-color-text--green-900 {
2661     color: rgb(27, 94, 32) !important;
2662 }
2663
2664 .mdl-color--green-900 {
2665     background-color: rgb(27, 94, 32) !important;
2666 }
2667
2668 .mdl-color-text--green-A100 {
2669     color: rgb(185, 246, 202) !important;
2670 }
2671
2672 .mdl-color--green-A100 {
2673     background-color: rgb(185, 246, 202) !important;
2674 }
2675
2676 .mdl-color-text--green-A200 {
2677     color: rgb(105, 240, 174) !important;
2678 }
2679
2680 .mdl-color--green-A200 {
2681     background-color: rgb(105, 240, 174) !important;
2682 }
2683
2684 .mdl-color-text--green-A400 {
2685     color: rgb(0, 230, 118) !important;
2686 }
2687
2688 .mdl-color--green-A400 {
2689     background-color: rgb(0, 230, 118) !important;
2690 }
2691
2692 .mdl-color-text--green-A700 {
2693     color: rgb(0, 200, 83) !important;
2694 }
2695
2696 .mdl-color--green-A700 {
2697     background-color: rgb(0, 200, 83) !important;
2698 }
2699
2700 .mdl-color-text--light-green {
2701     color: rgb(139, 195, 74) !important;
2702 }
2703
2704 .mdl-color--light-green {
2705     background-color: rgb(139, 195, 74) !important;
2706 }
2707
2708 .mdl-color-text--light-green-50 {
2709     color: rgb(241, 248, 233) !important;
2710 }
2711
2712 .mdl-color--light-green-50 {
2713     background-color: rgb(241, 248, 233) !important;
2714 }
2715
2716 .mdl-color-text--light-green-100 {
2717     color: rgb(220, 237, 200) !important;
2718 }
2719
2720 .mdl-color--light-green-100 {
2721     background-color: rgb(220, 237, 200) !important;
2722 }
2723
2724 .mdl-color-text--light-green-200 {
2725     color: rgb(197, 225, 165) !important;
2726 }
2727
2728 .mdl-color--light-green-200 {
2729     background-color: rgb(197, 225, 165) !important;
2730 }
2731
2732 .mdl-color-text--light-green-300 {
2733     color: rgb(174, 213, 129) !important;
2734 }
2735
2736 .mdl-color--light-green-300 {
2737     background-color: rgb(174, 213, 129) !important;
2738 }
2739
2740 .mdl-color-text--light-green-400 {
2741     color: rgb(156, 204, 101) !important;
2742 }
2743
2744 .mdl-color--light-green-400 {
2745     background-color: rgb(156, 204, 101) !important;
2746 }
2747
2748 .mdl-color-text--light-green-500 {
2749     color: rgb(139, 195, 74) !important;
2750 }
2751
2752 .mdl-color--light-green-500 {
2753     background-color: rgb(139, 195, 74) !important;
2754 }
2755
2756 .mdl-color-text--light-green-600 {
2757     color: rgb(124, 179, 66) !important;
2758 }
2759
2760 .mdl-color--light-green-600 {
2761     background-color: rgb(124, 179, 66) !important;
2762 }
2763
2764 .mdl-color-text--light-green-700 {
2765     color: rgb(104, 159, 56) !important;
2766 }
2767
2768 .mdl-color--light-green-700 {
2769     background-color: rgb(104, 159, 56) !important;
2770 }
2771
2772 .mdl-color-text--light-green-800 {
2773     color: rgb(85, 139, 47) !important;
2774 }
2775
2776 .mdl-color--light-green-800 {
2777     background-color: rgb(85, 139, 47) !important;
2778 }
2779
2780 .mdl-color-text--light-green-900 {
2781     color: rgb(51, 105, 30) !important;
2782 }
2783
2784 .mdl-color--light-green-900 {
2785     background-color: rgb(51, 105, 30) !important;
2786 }
2787
2788 .mdl-color-text--light-green-A100 {
2789     color: rgb(204, 255, 144) !important;
2790 }
2791
2792 .mdl-color--light-green-A100 {
2793     background-color: rgb(204, 255, 144) !important;
2794 }
2795
2796 .mdl-color-text--light-green-A200 {
2797     color: rgb(178, 255, 89) !important;
2798 }
2799
2800 .mdl-color--light-green-A200 {
2801     background-color: rgb(178, 255, 89) !important;
2802 }
2803
2804 .mdl-color-text--light-green-A400 {
2805     color: rgb(118, 255, 3) !important;
2806 }
2807
2808 .mdl-color--light-green-A400 {
2809     background-color: rgb(118, 255, 3) !important;
2810 }
2811
2812 .mdl-color-text--light-green-A700 {
2813     color: rgb(100, 221, 23) !important;
2814 }
2815
2816 .mdl-color--light-green-A700 {
2817     background-color: rgb(100, 221, 23) !important;
2818 }
2819
2820 .mdl-color-text--lime {
2821     color: rgb(205, 220, 57) !important;
2822 }
2823
2824 .mdl-color--lime {
2825     background-color: rgb(205, 220, 57) !important;
2826 }
2827
2828 .mdl-color-text--lime-50 {
2829     color: rgb(249, 251, 231) !important;
2830 }
2831
2832 .mdl-color--lime-50 {
2833     background-color: rgb(249, 251, 231) !important;
2834 }
2835
2836 .mdl-color-text--lime-100 {
2837     color: rgb(240, 244, 195) !important;
2838 }
2839
2840 .mdl-color--lime-100 {
2841     background-color: rgb(240, 244, 195) !important;
2842 }
2843
2844 .mdl-color-text--lime-200 {
2845     color: rgb(230, 238, 156) !important;
2846 }
2847
2848 .mdl-color--lime-200 {
2849     background-color: rgb(230, 238, 156) !important;
2850 }
2851
2852 .mdl-color-text--lime-300 {
2853     color: rgb(220, 231, 117) !important;
2854 }
2855
2856 .mdl-color--lime-300 {
2857     background-color: rgb(220, 231, 117) !important;
2858 }
2859
2860 .mdl-color-text--lime-400 {
2861     color: rgb(212, 225, 87) !important;
2862 }
2863
2864 .mdl-color--lime-400 {
2865     background-color: rgb(212, 225, 87) !important;
2866 }
2867
2868 .mdl-color-text--lime-500 {
2869     color: rgb(205, 220, 57) !important;
2870 }
2871
2872 .mdl-color--lime-500 {
2873     background-color: rgb(205, 220, 57) !important;
2874 }
2875
2876 .mdl-color-text--lime-600 {
2877     color: rgb(192, 202, 51) !important;
2878 }
2879
2880 .mdl-color--lime-600 {
2881     background-color: rgb(192, 202, 51) !important;
2882 }
2883
2884 .mdl-color-text--lime-700 {
2885     color: rgb(175, 180, 43) !important;
2886 }
2887
2888 .mdl-color--lime-700 {
2889     background-color: rgb(175, 180, 43) !important;
2890 }
2891
2892 .mdl-color-text--lime-800 {
2893     color: rgb(158, 157, 36) !important;
2894 }
2895
2896 .mdl-color--lime-800 {
2897     background-color: rgb(158, 157, 36) !important;
2898 }
2899
2900 .mdl-color-text--lime-900 {
2901     color: rgb(130, 119, 23) !important;
2902 }
2903
2904 .mdl-color--lime-900 {
2905     background-color: rgb(130, 119, 23) !important;
2906 }
2907
2908 .mdl-color-text--lime-A100 {
2909     color: rgb(244, 255, 129) !important;
2910 }
2911
2912 .mdl-color--lime-A100 {
2913     background-color: rgb(244, 255, 129) !important;
2914 }
2915
2916 .mdl-color-text--lime-A200 {
2917     color: rgb(238, 255, 65) !important;
2918 }
2919
2920 .mdl-color--lime-A200 {
2921     background-color: rgb(238, 255, 65) !important;
2922 }
2923
2924 .mdl-color-text--lime-A400 {
2925     color: rgb(198, 255, 0) !important;
2926 }
2927
2928 .mdl-color--lime-A400 {
2929     background-color: rgb(198, 255, 0) !important;
2930 }
2931
2932 .mdl-color-text--lime-A700 {
2933     color: rgb(174, 234, 0) !important;
2934 }
2935
2936 .mdl-color--lime-A700 {
2937     background-color: rgb(174, 234, 0) !important;
2938 }
2939
2940 .mdl-color-text--yellow {
2941     color: rgb(255, 235, 59) !important;
2942 }
2943
2944 .mdl-color--yellow {
2945     background-color: rgb(255, 235, 59) !important;
2946 }
2947
2948 .mdl-color-text--yellow-50 {
2949     color: rgb(255, 253, 231) !important;
2950 }
2951
2952 .mdl-color--yellow-50 {
2953     background-color: rgb(255, 253, 231) !important;
2954 }
2955
2956 .mdl-color-text--yellow-100 {
2957     color: rgb(255, 249, 196) !important;
2958 }
2959
2960 .mdl-color--yellow-100 {
2961     background-color: rgb(255, 249, 196) !important;
2962 }
2963
2964 .mdl-color-text--yellow-200 {
2965     color: rgb(255, 245, 157) !important;
2966 }
2967
2968 .mdl-color--yellow-200 {
2969     background-color: rgb(255, 245, 157) !important;
2970 }
2971
2972 .mdl-color-text--yellow-300 {
2973     color: rgb(255, 241, 118) !important;
2974 }
2975
2976 .mdl-color--yellow-300 {
2977     background-color: rgb(255, 241, 118) !important;
2978 }
2979
2980 .mdl-color-text--yellow-400 {
2981     color: rgb(255, 238, 88) !important;
2982 }
2983
2984 .mdl-color--yellow-400 {
2985     background-color: rgb(255, 238, 88) !important;
2986 }
2987
2988 .mdl-color-text--yellow-500 {
2989     color: rgb(255, 235, 59) !important;
2990 }
2991
2992 .mdl-color--yellow-500 {
2993     background-color: rgb(255, 235, 59) !important;
2994 }
2995
2996 .mdl-color-text--yellow-600 {
2997     color: rgb(253, 216, 53) !important;
2998 }
2999
3000 .mdl-color--yellow-600 {
3001     background-color: rgb(253, 216, 53) !important;
3002 }
3003
3004 .mdl-color-text--yellow-700 {
3005     color: rgb(251, 192, 45) !important;
3006 }
3007
3008 .mdl-color--yellow-700 {
3009     background-color: rgb(251, 192, 45) !important;
3010 }
3011
3012 .mdl-color-text--yellow-800 {
3013     color: rgb(249, 168, 37) !important;
3014 }
3015
3016 .mdl-color--yellow-800 {
3017     background-color: rgb(249, 168, 37) !important;
3018 }
3019
3020 .mdl-color-text--yellow-900 {
3021     color: rgb(245, 127, 23) !important;
3022 }
3023
3024 .mdl-color--yellow-900 {
3025     background-color: rgb(245, 127, 23) !important;
3026 }
3027
3028 .mdl-color-text--yellow-A100 {
3029     color: rgb(255, 255, 141) !important;
3030 }
3031
3032 .mdl-color--yellow-A100 {
3033     background-color: rgb(255, 255, 141) !important;
3034 }
3035
3036 .mdl-color-text--yellow-A200 {
3037     color: rgb(255, 255, 0) !important;
3038 }
3039
3040 .mdl-color--yellow-A200 {
3041     background-color: rgb(255, 255, 0) !important;
3042 }
3043
3044 .mdl-color-text--yellow-A400 {
3045     color: rgb(255, 234, 0) !important;
3046 }
3047
3048 .mdl-color--yellow-A400 {
3049     background-color: rgb(255, 234, 0) !important;
3050 }
3051
3052 .mdl-color-text--yellow-A700 {
3053     color: rgb(255, 214, 0) !important;
3054 }
3055
3056 .mdl-color--yellow-A700 {
3057     background-color: rgb(255, 214, 0) !important;
3058 }
3059
3060 .mdl-color-text--amber {
3061     color: rgb(255, 193, 7) !important;
3062 }
3063
3064 .mdl-color--amber {
3065     background-color: rgb(255, 193, 7) !important;
3066 }
3067
3068 .mdl-color-text--amber-50 {
3069     color: rgb(255, 248, 225) !important;
3070 }
3071
3072 .mdl-color--amber-50 {
3073     background-color: rgb(255, 248, 225) !important;
3074 }
3075
3076 .mdl-color-text--amber-100 {
3077     color: rgb(255, 236, 179) !important;
3078 }
3079
3080 .mdl-color--amber-100 {
3081     background-color: rgb(255, 236, 179) !important;
3082 }
3083
3084 .mdl-color-text--amber-200 {
3085     color: rgb(255, 224, 130) !important;
3086 }
3087
3088 .mdl-color--amber-200 {
3089     background-color: rgb(255, 224, 130) !important;
3090 }
3091
3092 .mdl-color-text--amber-300 {
3093     color: rgb(255, 213, 79) !important;
3094 }
3095
3096 .mdl-color--amber-300 {
3097     background-color: rgb(255, 213, 79) !important;
3098 }
3099
3100 .mdl-color-text--amber-400 {
3101     color: rgb(255, 202, 40) !important;
3102 }
3103
3104 .mdl-color--amber-400 {
3105     background-color: rgb(255, 202, 40) !important;
3106 }
3107
3108 .mdl-color-text--amber-500 {
3109     color: rgb(255, 193, 7) !important;
3110 }
3111
3112 .mdl-color--amber-500 {
3113     background-color: rgb(255, 193, 7) !important;
3114 }
3115
3116 .mdl-color-text--amber-600 {
3117     color: rgb(255, 179, 0) !important;
3118 }
3119
3120 .mdl-color--amber-600 {
3121     background-color: rgb(255, 179, 0) !important;
3122 }
3123
3124 .mdl-color-text--amber-700 {
3125     color: rgb(255, 160, 0) !important;
3126 }
3127
3128 .mdl-color--amber-700 {
3129     background-color: rgb(255, 160, 0) !important;
3130 }
3131
3132 .mdl-color-text--amber-800 {
3133     color: rgb(255, 143, 0) !important;
3134 }
3135
3136 .mdl-color--amber-800 {
3137     background-color: rgb(255, 143, 0) !important;
3138 }
3139
3140 .mdl-color-text--amber-900 {
3141     color: rgb(255, 111, 0) !important;
3142 }
3143
3144 .mdl-color--amber-900 {
3145     background-color: rgb(255, 111, 0) !important;
3146 }
3147
3148 .mdl-color-text--amber-A100 {
3149     color: rgb(255, 229, 127) !important;
3150 }
3151
3152 .mdl-color--amber-A100 {
3153     background-color: rgb(255, 229, 127) !important;
3154 }
3155
3156 .mdl-color-text--amber-A200 {
3157     color: rgb(255, 215, 64) !important;
3158 }
3159
3160 .mdl-color--amber-A200 {
3161     background-color: rgb(255, 215, 64) !important;
3162 }
3163
3164 .mdl-color-text--amber-A400 {
3165     color: rgb(255, 196, 0) !important;
3166 }
3167
3168 .mdl-color--amber-A400 {
3169     background-color: rgb(255, 196, 0) !important;
3170 }
3171
3172 .mdl-color-text--amber-A700 {
3173     color: rgb(255, 171, 0) !important;
3174 }
3175
3176 .mdl-color--amber-A700 {
3177     background-color: rgb(255, 171, 0) !important;
3178 }
3179
3180 .mdl-color-text--orange {
3181     color: rgb(255, 152, 0) !important;
3182 }
3183
3184 .mdl-color--orange {
3185     background-color: rgb(255, 152, 0) !important;
3186 }
3187
3188 .mdl-color-text--orange-50 {
3189     color: rgb(255, 243, 224) !important;
3190 }
3191
3192 .mdl-color--orange-50 {
3193     background-color: rgb(255, 243, 224) !important;
3194 }
3195
3196 .mdl-color-text--orange-100 {
3197     color: rgb(255, 224, 178) !important;
3198 }
3199
3200 .mdl-color--orange-100 {
3201     background-color: rgb(255, 224, 178) !important;
3202 }
3203
3204 .mdl-color-text--orange-200 {
3205     color: rgb(255, 204, 128) !important;
3206 }
3207
3208 .mdl-color--orange-200 {
3209     background-color: rgb(255, 204, 128) !important;
3210 }
3211
3212 .mdl-color-text--orange-300 {
3213     color: rgb(255, 183, 77) !important;
3214 }
3215
3216 .mdl-color--orange-300 {
3217     background-color: rgb(255, 183, 77) !important;
3218 }
3219
3220 .mdl-color-text--orange-400 {
3221     color: rgb(255, 167, 38) !important;
3222 }
3223
3224 .mdl-color--orange-400 {
3225     background-color: rgb(255, 167, 38) !important;
3226 }
3227
3228 .mdl-color-text--orange-500 {
3229     color: rgb(255, 152, 0) !important;
3230 }
3231
3232 .mdl-color--orange-500 {
3233     background-color: rgb(255, 152, 0) !important;
3234 }
3235
3236 .mdl-color-text--orange-600 {
3237     color: rgb(251, 140, 0) !important;
3238 }
3239
3240 .mdl-color--orange-600 {
3241     background-color: rgb(251, 140, 0) !important;
3242 }
3243
3244 .mdl-color-text--orange-700 {
3245     color: rgb(245, 124, 0) !important;
3246 }
3247
3248 .mdl-color--orange-700 {
3249     background-color: rgb(245, 124, 0) !important;
3250 }
3251
3252 .mdl-color-text--orange-800 {
3253     color: rgb(239, 108, 0) !important;
3254 }
3255
3256 .mdl-color--orange-800 {
3257     background-color: rgb(239, 108, 0) !important;
3258 }
3259
3260 .mdl-color-text--orange-900 {
3261     color: rgb(230, 81, 0) !important;
3262 }
3263
3264 .mdl-color--orange-900 {
3265     background-color: rgb(230, 81, 0) !important;
3266 }
3267
3268 .mdl-color-text--orange-A100 {
3269     color: rgb(255, 209, 128) !important;
3270 }
3271
3272 .mdl-color--orange-A100 {
3273     background-color: rgb(255, 209, 128) !important;
3274 }
3275
3276 .mdl-color-text--orange-A200 {
3277     color: rgb(255, 171, 64) !important;
3278 }
3279
3280 .mdl-color--orange-A200 {
3281     background-color: rgb(255, 171, 64) !important;
3282 }
3283
3284 .mdl-color-text--orange-A400 {
3285     color: rgb(255, 145, 0) !important;
3286 }
3287
3288 .mdl-color--orange-A400 {
3289     background-color: rgb(255, 145, 0) !important;
3290 }
3291
3292 .mdl-color-text--orange-A700 {
3293     color: rgb(255, 109, 0) !important;
3294 }
3295
3296 .mdl-color--orange-A700 {
3297     background-color: rgb(255, 109, 0) !important;
3298 }
3299
3300 .mdl-color-text--deep-orange {
3301     color: rgb(255, 87, 34) !important;
3302 }
3303
3304 .mdl-color--deep-orange {
3305     background-color: rgb(255, 87, 34) !important;
3306 }
3307
3308 .mdl-color-text--deep-orange-50 {
3309     color: rgb(251, 233, 231) !important;
3310 }
3311
3312 .mdl-color--deep-orange-50 {
3313     background-color: rgb(251, 233, 231) !important;
3314 }
3315
3316 .mdl-color-text--deep-orange-100 {
3317     color: rgb(255, 204, 188) !important;
3318 }
3319
3320 .mdl-color--deep-orange-100 {
3321     background-color: rgb(255, 204, 188) !important;
3322 }
3323
3324 .mdl-color-text--deep-orange-200 {
3325     color: rgb(255, 171, 145) !important;
3326 }
3327
3328 .mdl-color--deep-orange-200 {
3329     background-color: rgb(255, 171, 145) !important;
3330 }
3331
3332 .mdl-color-text--deep-orange-300 {
3333     color: rgb(255, 138, 101) !important;
3334 }
3335
3336 .mdl-color--deep-orange-300 {
3337     background-color: rgb(255, 138, 101) !important;
3338 }
3339
3340 .mdl-color-text--deep-orange-400 {
3341     color: rgb(255, 112, 67) !important;
3342 }
3343
3344 .mdl-color--deep-orange-400 {
3345     background-color: rgb(255, 112, 67) !important;
3346 }
3347
3348 .mdl-color-text--deep-orange-500 {
3349     color: rgb(255, 87, 34) !important;
3350 }
3351
3352 .mdl-color--deep-orange-500 {
3353     background-color: rgb(255, 87, 34) !important;
3354 }
3355
3356 .mdl-color-text--deep-orange-600 {
3357     color: rgb(244, 81, 30) !important;
3358 }
3359
3360 .mdl-color--deep-orange-600 {
3361     background-color: rgb(244, 81, 30) !important;
3362 }
3363
3364 .mdl-color-text--deep-orange-700 {
3365     color: rgb(230, 74, 25) !important;
3366 }
3367
3368 .mdl-color--deep-orange-700 {
3369     background-color: rgb(230, 74, 25) !important;
3370 }
3371
3372 .mdl-color-text--deep-orange-800 {
3373     color: rgb(216, 67, 21) !important;
3374 }
3375
3376 .mdl-color--deep-orange-800 {
3377     background-color: rgb(216, 67, 21) !important;
3378 }
3379
3380 .mdl-color-text--deep-orange-900 {
3381     color: rgb(191, 54, 12) !important;
3382 }
3383
3384 .mdl-color--deep-orange-900 {
3385     background-color: rgb(191, 54, 12) !important;
3386 }
3387
3388 .mdl-color-text--deep-orange-A100 {
3389     color: rgb(255, 158, 128) !important;
3390 }
3391
3392 .mdl-color--deep-orange-A100 {
3393     background-color: rgb(255, 158, 128) !important;
3394 }
3395
3396 .mdl-color-text--deep-orange-A200 {
3397     color: rgb(255, 110, 64) !important;
3398 }
3399
3400 .mdl-color--deep-orange-A200 {
3401     background-color: rgb(255, 110, 64) !important;
3402 }
3403
3404 .mdl-color-text--deep-orange-A400 {
3405     color: rgb(255, 61, 0) !important;
3406 }
3407
3408 .mdl-color--deep-orange-A400 {
3409     background-color: rgb(255, 61, 0) !important;
3410 }
3411
3412 .mdl-color-text--deep-orange-A700 {
3413     color: rgb(221, 44, 0) !important;
3414 }
3415
3416 .mdl-color--deep-orange-A700 {
3417     background-color: rgb(221, 44, 0) !important;
3418 }
3419
3420 .mdl-color-text--brown {
3421     color: rgb(121, 85, 72) !important;
3422 }
3423
3424 .mdl-color--brown {
3425     background-color: rgb(121, 85, 72) !important;
3426 }
3427
3428 .mdl-color-text--brown-50 {
3429     color: rgb(239, 235, 233) !important;
3430 }
3431
3432 .mdl-color--brown-50 {
3433     background-color: rgb(239, 235, 233) !important;
3434 }
3435
3436 .mdl-color-text--brown-100 {
3437     color: rgb(215, 204, 200) !important;
3438 }
3439
3440 .mdl-color--brown-100 {
3441     background-color: rgb(215, 204, 200) !important;
3442 }
3443
3444 .mdl-color-text--brown-200 {
3445     color: rgb(188, 170, 164) !important;
3446 }
3447
3448 .mdl-color--brown-200 {
3449     background-color: rgb(188, 170, 164) !important;
3450 }
3451
3452 .mdl-color-text--brown-300 {
3453     color: rgb(161, 136, 127) !important;
3454 }
3455
3456 .mdl-color--brown-300 {
3457     background-color: rgb(161, 136, 127) !important;
3458 }
3459
3460 .mdl-color-text--brown-400 {
3461     color: rgb(141, 110, 99) !important;
3462 }
3463
3464 .mdl-color--brown-400 {
3465     background-color: rgb(141, 110, 99) !important;
3466 }
3467
3468 .mdl-color-text--brown-500 {
3469     color: rgb(121, 85, 72) !important;
3470 }
3471
3472 .mdl-color--brown-500 {
3473     background-color: rgb(121, 85, 72) !important;
3474 }
3475
3476 .mdl-color-text--brown-600 {
3477     color: rgb(109, 76, 65) !important;
3478 }
3479
3480 .mdl-color--brown-600 {
3481     background-color: rgb(109, 76, 65) !important;
3482 }
3483
3484 .mdl-color-text--brown-700 {
3485     color: rgb(93, 64, 55) !important;
3486 }
3487
3488 .mdl-color--brown-700 {
3489     background-color: rgb(93, 64, 55) !important;
3490 }
3491
3492 .mdl-color-text--brown-800 {
3493     color: rgb(78, 52, 46) !important;
3494 }
3495
3496 .mdl-color--brown-800 {
3497     background-color: rgb(78, 52, 46) !important;
3498 }
3499
3500 .mdl-color-text--brown-900 {
3501     color: rgb(62, 39, 35) !important;
3502 }
3503
3504 .mdl-color--brown-900 {
3505     background-color: rgb(62, 39, 35) !important;
3506 }
3507
3508 .mdl-color-text--grey {
3509     color: rgb(158, 158, 158) !important;
3510 }
3511
3512 .mdl-color--grey {
3513     background-color: rgb(158, 158, 158) !important;
3514 }
3515
3516 .mdl-color-text--grey-50 {
3517     color: rgb(250, 250, 250) !important;
3518 }
3519
3520 .mdl-color--grey-50 {
3521     background-color: rgb(250, 250, 250) !important;
3522 }
3523
3524 .mdl-color-text--grey-100 {
3525     color: rgb(245, 245, 245) !important;
3526 }
3527
3528 .mdl-color--grey-100 {
3529     background-color: rgb(245, 245, 245) !important;
3530 }
3531
3532 .mdl-color-text--grey-200 {
3533     color: rgb(238, 238, 238) !important;
3534 }
3535
3536 .mdl-color--grey-200 {
3537     background-color: rgb(238, 238, 238) !important;
3538 }
3539
3540 .mdl-color-text--grey-300 {
3541     color: rgb(224, 224, 224) !important;
3542 }
3543
3544 .mdl-color--grey-300 {
3545     background-color: rgb(224, 224, 224) !important;
3546 }
3547
3548 .mdl-color-text--grey-400 {
3549     color: rgb(189, 189, 189) !important;
3550 }
3551
3552 .mdl-color--grey-400 {
3553     background-color: rgb(189, 189, 189) !important;
3554 }
3555
3556 .mdl-color-text--grey-500 {
3557     color: rgb(158, 158, 158) !important;
3558 }
3559
3560 .mdl-color--grey-500 {
3561     background-color: rgb(158, 158, 158) !important;
3562 }
3563
3564 .mdl-color-text--grey-600 {
3565     color: rgb(117, 117, 117) !important;
3566 }
3567
3568 .mdl-color--grey-600 {
3569     background-color: rgb(117, 117, 117) !important;
3570 }
3571
3572 .mdl-color-text--grey-700 {
3573     color: rgb(97, 97, 97) !important;
3574 }
3575
3576 .mdl-color--grey-700 {
3577     background-color: rgb(97, 97, 97) !important;
3578 }
3579
3580 .mdl-color-text--grey-800 {
3581     color: rgb(66, 66, 66) !important;
3582 }
3583
3584 .mdl-color--grey-800 {
3585     background-color: rgb(66, 66, 66) !important;
3586 }
3587
3588 .mdl-color-text--grey-900 {
3589     color: rgb(33, 33, 33) !important;
3590 }
3591
3592 .mdl-color--grey-900 {
3593     background-color: rgb(33, 33, 33) !important;
3594 }
3595
3596 .mdl-color-text--blue-grey {
3597     color: rgb(96, 125, 139) !important;
3598 }
3599
3600 .mdl-color--blue-grey {
3601     background-color: rgb(96, 125, 139) !important;
3602 }
3603
3604 .mdl-color-text--blue-grey-50 {
3605     color: rgb(236, 239, 241) !important;
3606 }
3607
3608 .mdl-color--blue-grey-50 {
3609     background-color: rgb(236, 239, 241) !important;
3610 }
3611
3612 .mdl-color-text--blue-grey-100 {
3613     color: rgb(207, 216, 220) !important;
3614 }
3615
3616 .mdl-color--blue-grey-100 {
3617     background-color: rgb(207, 216, 220) !important;
3618 }
3619
3620 .mdl-color-text--blue-grey-200 {
3621     color: rgb(176, 190, 197) !important;
3622 }
3623
3624 .mdl-color--blue-grey-200 {
3625     background-color: rgb(176, 190, 197) !important;
3626 }
3627
3628 .mdl-color-text--blue-grey-300 {
3629     color: rgb(144, 164, 174) !important;
3630 }
3631
3632 .mdl-color--blue-grey-300 {
3633     background-color: rgb(144, 164, 174) !important;
3634 }
3635
3636 .mdl-color-text--blue-grey-400 {
3637     color: rgb(120, 144, 156) !important;
3638 }
3639
3640 .mdl-color--blue-grey-400 {
3641     background-color: rgb(120, 144, 156) !important;
3642 }
3643
3644 .mdl-color-text--blue-grey-500 {
3645     color: rgb(96, 125, 139) !important;
3646 }
3647
3648 .mdl-color--blue-grey-500 {
3649     background-color: rgb(96, 125, 139) !important;
3650 }
3651
3652 .mdl-color-text--blue-grey-600 {
3653     color: rgb(84, 110, 122) !important;
3654 }
3655
3656 .mdl-color--blue-grey-600 {
3657     background-color: rgb(84, 110, 122) !important;
3658 }
3659
3660 .mdl-color-text--blue-grey-700 {
3661     color: rgb(69, 90, 100) !important;
3662 }
3663
3664 .mdl-color--blue-grey-700 {
3665     background-color: rgb(69, 90, 100) !important;
3666 }
3667
3668 .mdl-color-text--blue-grey-800 {
3669     color: rgb(55, 71, 79) !important;
3670 }
3671
3672 .mdl-color--blue-grey-800 {
3673     background-color: rgb(55, 71, 79) !important;
3674 }
3675
3676 .mdl-color-text--blue-grey-900 {
3677     color: rgb(38, 50, 56) !important;
3678 }
3679
3680 .mdl-color--blue-grey-900 {
3681     background-color: rgb(38, 50, 56) !important;
3682 }
3683
3684 .mdl-color--black {
3685     background-color: rgb(0, 0, 0) !important;
3686 }
3687
3688 .mdl-color-text--black {
3689     color: rgb(0, 0, 0) !important;
3690 }
3691
3692 .mdl-color--white {
3693     background-color: rgb(255, 255, 255) !important;
3694 }
3695
3696 .mdl-color-text--white {
3697     color: rgb(255, 255, 255) !important;
3698 }
3699
3700 .mdl-color--primary {
3701     background-color: rgb(63, 81, 181) !important;
3702 }
3703
3704 .mdl-color--primary-contrast {
3705     background-color: rgb(255, 255, 255) !important;
3706 }
3707
3708 .mdl-color--primary-dark {
3709     background-color: rgb(48, 63, 159) !important;
3710 }
3711
3712 .mdl-color--accent {
3713     background-color: rgb(255, 64, 129) !important;
3714 }
3715
3716 .mdl-color--accent-contrast {
3717     background-color: rgb(255, 255, 255) !important;
3718 }
3719
3720 .mdl-color-text--primary {
3721     color: rgb(63, 81, 181) !important;
3722 }
3723
3724 .mdl-color-text--primary-contrast {
3725     color: rgb(255, 255, 255) !important;
3726 }
3727
3728 .mdl-color-text--primary-dark {
3729     color: rgb(48, 63, 159) !important;
3730 }
3731
3732 .mdl-color-text--accent {
3733     color: rgb(255, 64, 129) !important;
3734 }
3735
3736 .mdl-color-text--accent-contrast {
3737     color: rgb(255, 255, 255) !important;
3738 }
3739
3740 /**
3741  * Copyright 2015 Google Inc. All Rights Reserved.
3742  *
3743  * Licensed under the Apache License, Version 2.0 (the "License");
3744  * you may not use this file except in compliance with the License.
3745  * You may obtain a copy of the License at
3746  *
3747  *      http://www.apache.org/licenses/LICENSE-2.0
3748  *
3749  * Unless required by applicable law or agreed to in writing, software
3750  * distributed under the License is distributed on an "AS IS" BASIS,
3751  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3752  * See the License for the specific language governing permissions and
3753  * limitations under the License.
3754  */
3755 /**
3756  * Copyright 2015 Google Inc. All Rights Reserved.
3757  *
3758  * Licensed under the Apache License, Version 2.0 (the "License");
3759  * you may not use this file except in compliance with the License.
3760  * You may obtain a copy of the License at
3761  *
3762  *      http://www.apache.org/licenses/LICENSE-2.0
3763  *
3764  * Unless required by applicable law or agreed to in writing, software
3765  * distributed under the License is distributed on an "AS IS" BASIS,
3766  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3767  * See the License for the specific language governing permissions and
3768  * limitations under the License.
3769  */
3770 /*------------------------------------*    $CONTENTS
3771 \*------------------------------------*/
3772 /**
3773  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3774  * -----Typography
3775  * -----Colors
3776  * -----Textfield
3777  * -----Switch
3778  * -----Spinner
3779  * -----Radio
3780  * -----Menu
3781  * -----List
3782  * -----Layout
3783  * -----Icon toggles
3784  * -----Footer
3785  * -----Column
3786  * -----Checkbox
3787  * -----Card
3788  * -----Button
3789  * -----Animation
3790  * -----Progress
3791  * -----Badge
3792  * -----Shadows
3793  * -----Grid
3794  * -----Data table
3795  * -----Dialog
3796  * -----Snackbar
3797  * -----Tooltip
3798  * -----Chip
3799  *
3800  * Even though all variables have the `!default` directive, most of them
3801  * should not be changed as they are dependent one another. This can cause
3802  * visual distortions (like alignment issues) that are hard to track down
3803  * and fix.
3804  */
3805 /* ==========  TYPOGRAPHY  ========== */
3806 /* We're splitting fonts into "preferred" and "performance" in order to optimize
3807    page loading. For important text, such as the body, we want it to load
3808    immediately and not wait for the web font load, whereas for other sections,
3809    such as headers and titles, we're OK with things taking a bit longer to load.
3810    We do have some optional classes and parameters in the mixins, in case you
3811    definitely want to make sure you're using the preferred font and don't mind
3812    the performance hit.
3813    We should be able to improve on this once CSS Font Loading L3 becomes more
3814    widely available.
3815 */
3816 /* ==========  COLORS  ========== */
3817 /**
3818 *
3819 * Material design color palettes.
3820 * @see http://www.google.com/design/spec/style/color.html
3821 *
3822 **/
3823 /**
3824  * Copyright 2015 Google Inc. All Rights Reserved.
3825  *
3826  * Licensed under the Apache License, Version 2.0 (the "License");
3827  * you may not use this file except in compliance with the License.
3828  * You may obtain a copy of the License at
3829  *
3830  *      http://www.apache.org/licenses/LICENSE-2.0
3831  *
3832  * Unless required by applicable law or agreed to in writing, software
3833  * distributed under the License is distributed on an "AS IS" BASIS,
3834  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3835  * See the License for the specific language governing permissions and
3836  * limitations under the License.
3837  */
3838 /* ==========  Color Palettes  ========== */
3839 /* colors.scss */
3840 /**
3841  * Copyright 2015 Google Inc. All Rights Reserved.
3842  *
3843  * Licensed under the Apache License, Version 2.0 (the "License");
3844  * you may not use this file except in compliance with the License.
3845  * You may obtain a copy of the License at
3846  *
3847  *      http://www.apache.org/licenses/LICENSE-2.0
3848  *
3849  * Unless required by applicable law or agreed to in writing, software
3850  * distributed under the License is distributed on an "AS IS" BASIS,
3851  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3852  * See the License for the specific language governing permissions and
3853  * limitations under the License.
3854  */
3855 /* ==========  IMAGES  ========== */
3856 /* ==========  Color & Themes  ========== */
3857 /* ==========  Typography  ========== */
3858 /* ==========  Components  ========== */
3859 /* ==========  Standard Buttons  ========== */
3860 /* ==========  Icon Toggles  ========== */
3861 /* ==========  Radio Buttons  ========== */
3862 /* ==========  Ripple effect  ========== */
3863 /* ==========  Layout  ========== */
3864 /* ==========  Content Tabs  ========== */
3865 /* ==========  Checkboxes  ========== */
3866 /* ==========  Switches  ========== */
3867 /* ==========  Spinner  ========== */
3868 /* ==========  Text fields  ========== */
3869 /* ==========  Card  ========== */
3870 /* ==========  Sliders ========== */
3871 /* ========== Progress ========== */
3872 /* ==========  List ========== */
3873 /* ==========  Item ========== */
3874 /* ==========  Dropdown menu ========== */
3875 /* ==========  Tooltips  ========== */
3876 /* ==========  Footer  ========== */
3877 /* TEXTFIELD */
3878 /* SWITCH */
3879 /* SPINNER */
3880 /* RADIO */
3881 /* MENU */
3882 /* LIST */
3883 /* LAYOUT */
3884 /* ICON TOGGLE */
3885 /* FOOTER */
3886 /*mega-footer*/
3887 /*mini-footer*/
3888 /* CHECKBOX */
3889 /* CARD */
3890 /* Card dimensions */
3891 /* Cover image */
3892 /* BUTTON */
3893 /**
3894  *
3895  * Dimensions
3896  *
3897  */
3898 /* ANIMATION */
3899 /* PROGRESS */
3900 /* BADGE */
3901 /* SHADOWS */
3902 /* GRID */
3903 /* DATA TABLE */
3904 /* DIALOG */
3905 /* SNACKBAR */
3906 /* TOOLTIP */
3907 /* CHIP */
3908 .mdl-ripple {
3909     background: rgb(0, 0, 0);
3910     border-radius: 50%;
3911     height: 50px;
3912     left: 0;
3913     opacity: 0;
3914     pointer-events: none;
3915     position: absolute;
3916     top: 0;
3917     -webkit-transform: translate(-50%, -50%);
3918     transform: translate(-50%, -50%);
3919     width: 50px;
3920     overflow: hidden;
3921 }
3922
3923 .mdl-ripple.is-animating {
3924     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);
3925     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);
3926     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);
3927 }
3928
3929 .mdl-ripple.is-visible {
3930     opacity: 0.3;
3931 }
3932
3933 /**
3934  * Copyright 2015 Google Inc. All Rights Reserved.
3935  *
3936  * Licensed under the Apache License, Version 2.0 (the "License");
3937  * you may not use this file except in compliance with the License.
3938  * You may obtain a copy of the License at
3939  *
3940  *      http://www.apache.org/licenses/LICENSE-2.0
3941  *
3942  * Unless required by applicable law or agreed to in writing, software
3943  * distributed under the License is distributed on an "AS IS" BASIS,
3944  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3945  * See the License for the specific language governing permissions and
3946  * limitations under the License.
3947  */
3948 /**
3949  * Copyright 2015 Google Inc. All Rights Reserved.
3950  *
3951  * Licensed under the Apache License, Version 2.0 (the "License");
3952  * you may not use this file except in compliance with the License.
3953  * You may obtain a copy of the License at
3954  *
3955  *      http://www.apache.org/licenses/LICENSE-2.0
3956  *
3957  * Unless required by applicable law or agreed to in writing, software
3958  * distributed under the License is distributed on an "AS IS" BASIS,
3959  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3960  * See the License for the specific language governing permissions and
3961  * limitations under the License.
3962  */
3963 /*------------------------------------*    $CONTENTS
3964 \*------------------------------------*/
3965 /**
3966  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3967  * -----Typography
3968  * -----Colors
3969  * -----Textfield
3970  * -----Switch
3971  * -----Spinner
3972  * -----Radio
3973  * -----Menu
3974  * -----List
3975  * -----Layout
3976  * -----Icon toggles
3977  * -----Footer
3978  * -----Column
3979  * -----Checkbox
3980  * -----Card
3981  * -----Button
3982  * -----Animation
3983  * -----Progress
3984  * -----Badge
3985  * -----Shadows
3986  * -----Grid
3987  * -----Data table
3988  * -----Dialog
3989  * -----Snackbar
3990  * -----Tooltip
3991  * -----Chip
3992  *
3993  * Even though all variables have the `!default` directive, most of them
3994  * should not be changed as they are dependent one another. This can cause
3995  * visual distortions (like alignment issues) that are hard to track down
3996  * and fix.
3997  */
3998 /* ==========  TYPOGRAPHY  ========== */
3999 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4000    page loading. For important text, such as the body, we want it to load
4001    immediately and not wait for the web font load, whereas for other sections,
4002    such as headers and titles, we're OK with things taking a bit longer to load.
4003    We do have some optional classes and parameters in the mixins, in case you
4004    definitely want to make sure you're using the preferred font and don't mind
4005    the performance hit.
4006    We should be able to improve on this once CSS Font Loading L3 becomes more
4007    widely available.
4008 */
4009 /* ==========  COLORS  ========== */
4010 /**
4011 *
4012 * Material design color palettes.
4013 * @see http://www.google.com/design/spec/style/color.html
4014 *
4015 **/
4016 /**
4017  * Copyright 2015 Google Inc. All Rights Reserved.
4018  *
4019  * Licensed under the Apache License, Version 2.0 (the "License");
4020  * you may not use this file except in compliance with the License.
4021  * You may obtain a copy of the License at
4022  *
4023  *      http://www.apache.org/licenses/LICENSE-2.0
4024  *
4025  * Unless required by applicable law or agreed to in writing, software
4026  * distributed under the License is distributed on an "AS IS" BASIS,
4027  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4028  * See the License for the specific language governing permissions and
4029  * limitations under the License.
4030  */
4031 /* ==========  Color Palettes  ========== */
4032 /* colors.scss */
4033 /**
4034  * Copyright 2015 Google Inc. All Rights Reserved.
4035  *
4036  * Licensed under the Apache License, Version 2.0 (the "License");
4037  * you may not use this file except in compliance with the License.
4038  * You may obtain a copy of the License at
4039  *
4040  *      http://www.apache.org/licenses/LICENSE-2.0
4041  *
4042  * Unless required by applicable law or agreed to in writing, software
4043  * distributed under the License is distributed on an "AS IS" BASIS,
4044  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4045  * See the License for the specific language governing permissions and
4046  * limitations under the License.
4047  */
4048 /* ==========  IMAGES  ========== */
4049 /* ==========  Color & Themes  ========== */
4050 /* ==========  Typography  ========== */
4051 /* ==========  Components  ========== */
4052 /* ==========  Standard Buttons  ========== */
4053 /* ==========  Icon Toggles  ========== */
4054 /* ==========  Radio Buttons  ========== */
4055 /* ==========  Ripple effect  ========== */
4056 /* ==========  Layout  ========== */
4057 /* ==========  Content Tabs  ========== */
4058 /* ==========  Checkboxes  ========== */
4059 /* ==========  Switches  ========== */
4060 /* ==========  Spinner  ========== */
4061 /* ==========  Text fields  ========== */
4062 /* ==========  Card  ========== */
4063 /* ==========  Sliders ========== */
4064 /* ========== Progress ========== */
4065 /* ==========  List ========== */
4066 /* ==========  Item ========== */
4067 /* ==========  Dropdown menu ========== */
4068 /* ==========  Tooltips  ========== */
4069 /* ==========  Footer  ========== */
4070 /* TEXTFIELD */
4071 /* SWITCH */
4072 /* SPINNER */
4073 /* RADIO */
4074 /* MENU */
4075 /* LIST */
4076 /* LAYOUT */
4077 /* ICON TOGGLE */
4078 /* FOOTER */
4079 /*mega-footer*/
4080 /*mini-footer*/
4081 /* CHECKBOX */
4082 /* CARD */
4083 /* Card dimensions */
4084 /* Cover image */
4085 /* BUTTON */
4086 /**
4087  *
4088  * Dimensions
4089  *
4090  */
4091 /* ANIMATION */
4092 /* PROGRESS */
4093 /* BADGE */
4094 /* SHADOWS */
4095 /* GRID */
4096 /* DATA TABLE */
4097 /* DIALOG */
4098 /* SNACKBAR */
4099 /* TOOLTIP */
4100 /* CHIP */
4101 .mdl-animation--default {
4102     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4103 }
4104
4105 .mdl-animation--fast-out-slow-in {
4106     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4107 }
4108
4109 .mdl-animation--linear-out-slow-in {
4110     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4111 }
4112
4113 .mdl-animation--fast-out-linear-in {
4114     transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
4115 }
4116
4117 /**
4118  * Copyright 2015 Google Inc. All Rights Reserved.
4119  *
4120  * Licensed under the Apache License, Version 2.0 (the "License");
4121  * you may not use this file except in compliance with the License.
4122  * You may obtain a copy of the License at
4123  *
4124  *      http://www.apache.org/licenses/LICENSE-2.0
4125  *
4126  * Unless required by applicable law or agreed to in writing, software
4127  * distributed under the License is distributed on an "AS IS" BASIS,
4128  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4129  * See the License for the specific language governing permissions and
4130  * limitations under the License.
4131  */
4132 /**
4133  * Copyright 2015 Google Inc. All Rights Reserved.
4134  *
4135  * Licensed under the Apache License, Version 2.0 (the "License");
4136  * you may not use this file except in compliance with the License.
4137  * You may obtain a copy of the License at
4138  *
4139  *      http://www.apache.org/licenses/LICENSE-2.0
4140  *
4141  * Unless required by applicable law or agreed to in writing, software
4142  * distributed under the License is distributed on an "AS IS" BASIS,
4143  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4144  * See the License for the specific language governing permissions and
4145  * limitations under the License.
4146  */
4147 /*------------------------------------*    $CONTENTS
4148 \*------------------------------------*/
4149 /**
4150  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4151  * -----Typography
4152  * -----Colors
4153  * -----Textfield
4154  * -----Switch
4155  * -----Spinner
4156  * -----Radio
4157  * -----Menu
4158  * -----List
4159  * -----Layout
4160  * -----Icon toggles
4161  * -----Footer
4162  * -----Column
4163  * -----Checkbox
4164  * -----Card
4165  * -----Button
4166  * -----Animation
4167  * -----Progress
4168  * -----Badge
4169  * -----Shadows
4170  * -----Grid
4171  * -----Data table
4172  * -----Dialog
4173  * -----Snackbar
4174  * -----Tooltip
4175  * -----Chip
4176  *
4177  * Even though all variables have the `!default` directive, most of them
4178  * should not be changed as they are dependent one another. This can cause
4179  * visual distortions (like alignment issues) that are hard to track down
4180  * and fix.
4181  */
4182 /* ==========  TYPOGRAPHY  ========== */
4183 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4184    page loading. For important text, such as the body, we want it to load
4185    immediately and not wait for the web font load, whereas for other sections,
4186    such as headers and titles, we're OK with things taking a bit longer to load.
4187    We do have some optional classes and parameters in the mixins, in case you
4188    definitely want to make sure you're using the preferred font and don't mind
4189    the performance hit.
4190    We should be able to improve on this once CSS Font Loading L3 becomes more
4191    widely available.
4192 */
4193 /* ==========  COLORS  ========== */
4194 /**
4195 *
4196 * Material design color palettes.
4197 * @see http://www.google.com/design/spec/style/color.html
4198 *
4199 **/
4200 /**
4201  * Copyright 2015 Google Inc. All Rights Reserved.
4202  *
4203  * Licensed under the Apache License, Version 2.0 (the "License");
4204  * you may not use this file except in compliance with the License.
4205  * You may obtain a copy of the License at
4206  *
4207  *      http://www.apache.org/licenses/LICENSE-2.0
4208  *
4209  * Unless required by applicable law or agreed to in writing, software
4210  * distributed under the License is distributed on an "AS IS" BASIS,
4211  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4212  * See the License for the specific language governing permissions and
4213  * limitations under the License.
4214  */
4215 /* ==========  Color Palettes  ========== */
4216 /* colors.scss */
4217 /**
4218  * Copyright 2015 Google Inc. All Rights Reserved.
4219  *
4220  * Licensed under the Apache License, Version 2.0 (the "License");
4221  * you may not use this file except in compliance with the License.
4222  * You may obtain a copy of the License at
4223  *
4224  *      http://www.apache.org/licenses/LICENSE-2.0
4225  *
4226  * Unless required by applicable law or agreed to in writing, software
4227  * distributed under the License is distributed on an "AS IS" BASIS,
4228  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4229  * See the License for the specific language governing permissions and
4230  * limitations under the License.
4231  */
4232 /* ==========  IMAGES  ========== */
4233 /* ==========  Color & Themes  ========== */
4234 /* ==========  Typography  ========== */
4235 /* ==========  Components  ========== */
4236 /* ==========  Standard Buttons  ========== */
4237 /* ==========  Icon Toggles  ========== */
4238 /* ==========  Radio Buttons  ========== */
4239 /* ==========  Ripple effect  ========== */
4240 /* ==========  Layout  ========== */
4241 /* ==========  Content Tabs  ========== */
4242 /* ==========  Checkboxes  ========== */
4243 /* ==========  Switches  ========== */
4244 /* ==========  Spinner  ========== */
4245 /* ==========  Text fields  ========== */
4246 /* ==========  Card  ========== */
4247 /* ==========  Sliders ========== */
4248 /* ========== Progress ========== */
4249 /* ==========  List ========== */
4250 /* ==========  Item ========== */
4251 /* ==========  Dropdown menu ========== */
4252 /* ==========  Tooltips  ========== */
4253 /* ==========  Footer  ========== */
4254 /* TEXTFIELD */
4255 /* SWITCH */
4256 /* SPINNER */
4257 /* RADIO */
4258 /* MENU */
4259 /* LIST */
4260 /* LAYOUT */
4261 /* ICON TOGGLE */
4262 /* FOOTER */
4263 /*mega-footer*/
4264 /*mini-footer*/
4265 /* CHECKBOX */
4266 /* CARD */
4267 /* Card dimensions */
4268 /* Cover image */
4269 /* BUTTON */
4270 /**
4271  *
4272  * Dimensions
4273  *
4274  */
4275 /* ANIMATION */
4276 /* PROGRESS */
4277 /* BADGE */
4278 /* SHADOWS */
4279 /* GRID */
4280 /* DATA TABLE */
4281 /* DIALOG */
4282 /* SNACKBAR */
4283 /* TOOLTIP */
4284 /* CHIP */
4285 .mdl-badge {
4286     position: relative;
4287     white-space: nowrap;
4288     margin-right: 24px;
4289 }
4290
4291 .mdl-badge:not([data-badge]) {
4292     margin-right: auto;
4293 }
4294
4295 .mdl-badge[data-badge]:after {
4296     content: attr(data-badge);
4297     display: -webkit-flex;
4298     display: -ms-flexbox;
4299     display: flex;
4300     -webkit-flex-direction: row;
4301     -ms-flex-direction: row;
4302     flex-direction: row;
4303     -webkit-flex-wrap: wrap;
4304     -ms-flex-wrap: wrap;
4305     flex-wrap: wrap;
4306     -webkit-justify-content: center;
4307     -ms-flex-pack: center;
4308     justify-content: center;
4309     -webkit-align-content: center;
4310     -ms-flex-line-pack: center;
4311     align-content: center;
4312     -webkit-align-items: center;
4313     -ms-flex-align: center;
4314     align-items: center;
4315     position: absolute;
4316     top: -11px;
4317     right: -24px;
4318     font-family: "Roboto";
4319     font-weight: 600;
4320     font-size: 12px;
4321     width: 22px;
4322     height: 22px;
4323     border-radius: 50%;
4324     background: rgb(255, 64, 129);
4325     color: rgb(255, 255, 255);
4326 }
4327
4328 .mdl-button .mdl-badge[data-badge]:after {
4329     top: -10px;
4330     right: -5px;
4331 }
4332
4333 .mdl-badge.mdl-badge--no-background[data-badge]:after {
4334     color: rgb(255, 64, 129);
4335     background: rgba(255, 255, 255, 0.2);
4336     box-shadow: 0 0 1px gray;
4337 }
4338
4339 .mdl-badge.mdl-badge--overlap {
4340     margin-right: 10px;
4341 }
4342
4343 .mdl-badge.mdl-badge--overlap:after {
4344     right: -10px;
4345 }
4346
4347 /**
4348  * Copyright 2015 Google Inc. All Rights Reserved.
4349  *
4350  * Licensed under the Apache License, Version 2.0 (the "License");
4351  * you may not use this file except in compliance with the License.
4352  * You may obtain a copy of the License at
4353  *
4354  *      http://www.apache.org/licenses/LICENSE-2.0
4355  *
4356  * Unless required by applicable law or agreed to in writing, software
4357  * distributed under the License is distributed on an "AS IS" BASIS,
4358  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4359  * See the License for the specific language governing permissions and
4360  * limitations under the License.
4361  */
4362 /**
4363  * Copyright 2015 Google Inc. All Rights Reserved.
4364  *
4365  * Licensed under the Apache License, Version 2.0 (the "License");
4366  * you may not use this file except in compliance with the License.
4367  * You may obtain a copy of the License at
4368  *
4369  *      http://www.apache.org/licenses/LICENSE-2.0
4370  *
4371  * Unless required by applicable law or agreed to in writing, software
4372  * distributed under the License is distributed on an "AS IS" BASIS,
4373  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4374  * See the License for the specific language governing permissions and
4375  * limitations under the License.
4376  */
4377 /*------------------------------------*    $CONTENTS
4378 \*------------------------------------*/
4379 /**
4380  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4381  * -----Typography
4382  * -----Colors
4383  * -----Textfield
4384  * -----Switch
4385  * -----Spinner
4386  * -----Radio
4387  * -----Menu
4388  * -----List
4389  * -----Layout
4390  * -----Icon toggles
4391  * -----Footer
4392  * -----Column
4393  * -----Checkbox
4394  * -----Card
4395  * -----Button
4396  * -----Animation
4397  * -----Progress
4398  * -----Badge
4399  * -----Shadows
4400  * -----Grid
4401  * -----Data table
4402  * -----Dialog
4403  * -----Snackbar
4404  * -----Tooltip
4405  * -----Chip
4406  *
4407  * Even though all variables have the `!default` directive, most of them
4408  * should not be changed as they are dependent one another. This can cause
4409  * visual distortions (like alignment issues) that are hard to track down
4410  * and fix.
4411  */
4412 /* ==========  TYPOGRAPHY  ========== */
4413 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4414    page loading. For important text, such as the body, we want it to load
4415    immediately and not wait for the web font load, whereas for other sections,
4416    such as headers and titles, we're OK with things taking a bit longer to load.
4417    We do have some optional classes and parameters in the mixins, in case you
4418    definitely want to make sure you're using the preferred font and don't mind
4419    the performance hit.
4420    We should be able to improve on this once CSS Font Loading L3 becomes more
4421    widely available.
4422 */
4423 /* ==========  COLORS  ========== */
4424 /**
4425 *
4426 * Material design color palettes.
4427 * @see http://www.google.com/design/spec/style/color.html
4428 *
4429 **/
4430 /**
4431  * Copyright 2015 Google Inc. All Rights Reserved.
4432  *
4433  * Licensed under the Apache License, Version 2.0 (the "License");
4434  * you may not use this file except in compliance with the License.
4435  * You may obtain a copy of the License at
4436  *
4437  *      http://www.apache.org/licenses/LICENSE-2.0
4438  *
4439  * Unless required by applicable law or agreed to in writing, software
4440  * distributed under the License is distributed on an "AS IS" BASIS,
4441  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4442  * See the License for the specific language governing permissions and
4443  * limitations under the License.
4444  */
4445 /* ==========  Color Palettes  ========== */
4446 /* colors.scss */
4447 /**
4448  * Copyright 2015 Google Inc. All Rights Reserved.
4449  *
4450  * Licensed under the Apache License, Version 2.0 (the "License");
4451  * you may not use this file except in compliance with the License.
4452  * You may obtain a copy of the License at
4453  *
4454  *      http://www.apache.org/licenses/LICENSE-2.0
4455  *
4456  * Unless required by applicable law or agreed to in writing, software
4457  * distributed under the License is distributed on an "AS IS" BASIS,
4458  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4459  * See the License for the specific language governing permissions and
4460  * limitations under the License.
4461  */
4462 /* ==========  IMAGES  ========== */
4463 /* ==========  Color & Themes  ========== */
4464 /* ==========  Typography  ========== */
4465 /* ==========  Components  ========== */
4466 /* ==========  Standard Buttons  ========== */
4467 /* ==========  Icon Toggles  ========== */
4468 /* ==========  Radio Buttons  ========== */
4469 /* ==========  Ripple effect  ========== */
4470 /* ==========  Layout  ========== */
4471 /* ==========  Content Tabs  ========== */
4472 /* ==========  Checkboxes  ========== */
4473 /* ==========  Switches  ========== */
4474 /* ==========  Spinner  ========== */
4475 /* ==========  Text fields  ========== */
4476 /* ==========  Card  ========== */
4477 /* ==========  Sliders ========== */
4478 /* ========== Progress ========== */
4479 /* ==========  List ========== */
4480 /* ==========  Item ========== */
4481 /* ==========  Dropdown menu ========== */
4482 /* ==========  Tooltips  ========== */
4483 /* ==========  Footer  ========== */
4484 /* TEXTFIELD */
4485 /* SWITCH */
4486 /* SPINNER */
4487 /* RADIO */
4488 /* MENU */
4489 /* LIST */
4490 /* LAYOUT */
4491 /* ICON TOGGLE */
4492 /* FOOTER */
4493 /*mega-footer*/
4494 /*mini-footer*/
4495 /* CHECKBOX */
4496 /* CARD */
4497 /* Card dimensions */
4498 /* Cover image */
4499 /* BUTTON */
4500 /**
4501  *
4502  * Dimensions
4503  *
4504  */
4505 /* ANIMATION */
4506 /* PROGRESS */
4507 /* BADGE */
4508 /* SHADOWS */
4509 /* GRID */
4510 /* DATA TABLE */
4511 /* DIALOG */
4512 /* SNACKBAR */
4513 /* TOOLTIP */
4514 /* CHIP */
4515 /**
4516  * Copyright 2015 Google Inc. All Rights Reserved.
4517  *
4518  * Licensed under the Apache License, Version 2.0 (the "License");
4519  * you may not use this file except in compliance with the License.
4520  * You may obtain a copy of the License at
4521  *
4522  *      http://www.apache.org/licenses/LICENSE-2.0
4523  *
4524  * Unless required by applicable law or agreed to in writing, software
4525  * distributed under the License is distributed on an "AS IS" BASIS,
4526  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4527  * See the License for the specific language governing permissions and
4528  * limitations under the License.
4529  */
4530 /* Typography */
4531 /* Shadows */
4532 /* Animations */
4533 /* Dialog */
4534 .mdl-button {
4535     background: transparent;
4536     border: none;
4537     border-radius: 2px;
4538     color: rgb(0, 0, 0);
4539     position: relative;
4540     height: 36px;
4541     margin: 0;
4542     min-width: 64px;
4543     padding: 0 16px;
4544     display: inline-block;
4545     font-family: "Roboto";
4546     font-size: 14px;
4547     font-weight: 500;
4548     text-transform: uppercase;
4549     line-height: 1;
4550     letter-spacing: 0;
4551     overflow: hidden;
4552     will-change: box-shadow;
4553     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);
4554     outline: none;
4555     cursor: pointer;
4556     text-decoration: none;
4557     text-align: center;
4558     line-height: 36px;
4559     vertical-align: middle;
4560 }
4561
4562 .mdl-button::-moz-focus-inner {
4563     border: 0;
4564 }
4565
4566 .mdl-button:hover {
4567     background-color: rgba(158, 158, 158, 0.20);
4568 }
4569
4570 .mdl-button:focus:not(:active) {
4571     background-color: rgba(0, 0, 0, 0.12);
4572 }
4573
4574 .mdl-button:active {
4575     background-color: rgba(158, 158, 158, 0.40);
4576 }
4577
4578 .mdl-button.mdl-button--colored {
4579     color: rgb(63, 81, 181);
4580 }
4581
4582 .mdl-button.mdl-button--colored:focus:not(:active) {
4583     background-color: rgba(0, 0, 0, 0.12);
4584 }
4585
4586 input.mdl-button[type="submit"] {
4587     -webkit-appearance: none;
4588 }
4589
4590 .mdl-button--raised {
4591     background: rgba(158, 158, 158, 0.20);
4592     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);
4593 }
4594
4595 .mdl-button--raised:active {
4596     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);
4597     background-color: rgba(158, 158, 158, 0.40);
4598 }
4599
4600 .mdl-button--raised:focus:not(:active) {
4601     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
4602     background-color: rgba(158, 158, 158, 0.40);
4603 }
4604
4605 .mdl-button--raised.mdl-button--colored {
4606     background: rgb(63, 81, 181);
4607     color: rgb(255, 255, 255);
4608 }
4609
4610 .mdl-button--raised.mdl-button--colored:hover {
4611     background-color: rgb(63, 81, 181);
4612 }
4613
4614 .mdl-button--raised.mdl-button--colored:active {
4615     background-color: rgb(63, 81, 181);
4616 }
4617
4618 .mdl-button--raised.mdl-button--colored:focus:not(:active) {
4619     background-color: rgb(63, 81, 181);
4620 }
4621
4622 .mdl-button--raised.mdl-button--colored .mdl-ripple {
4623     background: rgb(255, 255, 255);
4624 }
4625
4626 .mdl-button--fab {
4627     border-radius: 50%;
4628     font-size: 24px;
4629     height: 56px;
4630     margin: auto;
4631     min-width: 56px;
4632     width: 56px;
4633     padding: 0;
4634     overflow: hidden;
4635     background: rgba(158, 158, 158, 0.20);
4636     box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
4637     position: relative;
4638     line-height: normal;
4639 }
4640
4641 .mdl-button--fab .material-icons {
4642     position: absolute;
4643     top: 50%;
4644     left: 50%;
4645     -webkit-transform: translate(-12px, -12px);
4646     transform: translate(-12px, -12px);
4647     line-height: 24px;
4648     width: 24px;
4649 }
4650
4651 .mdl-button--fab.mdl-button--mini-fab {
4652     height: 40px;
4653     min-width: 40px;
4654     width: 40px;
4655 }
4656
4657 .mdl-button--fab .mdl-button__ripple-container {
4658     border-radius: 50%;
4659     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
4660 }
4661
4662 .mdl-button--fab:active {
4663     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);
4664     background-color: rgba(158, 158, 158, 0.40);
4665 }
4666
4667 .mdl-button--fab:focus:not(:active) {
4668     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
4669     background-color: rgba(158, 158, 158, 0.40);
4670 }
4671
4672 .mdl-button--fab.mdl-button--colored {
4673     background: rgb(255, 64, 129);
4674     color: rgb(255, 255, 255);
4675 }
4676
4677 .mdl-button--fab.mdl-button--colored:hover {
4678     background-color: rgb(255, 64, 129);
4679 }
4680
4681 .mdl-button--fab.mdl-button--colored:focus:not(:active) {
4682     background-color: rgb(255, 64, 129);
4683 }
4684
4685 .mdl-button--fab.mdl-button--colored:active {
4686     background-color: rgb(255, 64, 129);
4687 }
4688
4689 .mdl-button--fab.mdl-button--colored .mdl-ripple {
4690     background: rgb(255, 255, 255);
4691 }
4692
4693 .mdl-button--icon {
4694     border-radius: 50%;
4695     font-size: 24px;
4696     height: 32px;
4697     margin-left: 0;
4698     margin-right: 0;
4699     min-width: 32px;
4700     width: 32px;
4701     padding: 0;
4702     overflow: hidden;
4703     color: inherit;
4704     line-height: normal;
4705 }
4706
4707 .mdl-button--icon .material-icons {
4708     position: absolute;
4709     top: 50%;
4710     left: 50%;
4711     -webkit-transform: translate(-12px, -12px);
4712     transform: translate(-12px, -12px);
4713     line-height: 24px;
4714     width: 24px;
4715 }
4716
4717 .mdl-button--icon.mdl-button--mini-icon {
4718     height: 24px;
4719     min-width: 24px;
4720     width: 24px;
4721 }
4722
4723 .mdl-button--icon.mdl-button--mini-icon .material-icons {
4724     top: 0px;
4725     left: 0px;
4726 }
4727
4728 .mdl-button--icon .mdl-button__ripple-container {
4729     border-radius: 50%;
4730     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
4731 }
4732
4733 .mdl-button__ripple-container {
4734     display: block;
4735     height: 100%;
4736     left: 0px;
4737     position: absolute;
4738     top: 0px;
4739     width: 100%;
4740     z-index: 0;
4741     overflow: hidden;
4742 }
4743
4744 .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
4745 .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
4746     background-color: transparent;
4747 }
4748
4749 .mdl-button--primary.mdl-button--primary {
4750     color: rgb(63, 81, 181);
4751 }
4752
4753 .mdl-button--primary.mdl-button--primary .mdl-ripple {
4754     background: rgb(255, 255, 255);
4755 }
4756
4757 .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
4758     color: rgb(255, 255, 255);
4759     background-color: rgb(63, 81, 181);
4760 }
4761
4762 .mdl-button--accent.mdl-button--accent {
4763     color: rgb(255, 64, 129);
4764 }
4765
4766 .mdl-button--accent.mdl-button--accent .mdl-ripple {
4767     background: rgb(255, 255, 255);
4768 }
4769
4770 .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
4771     color: rgb(255, 255, 255);
4772     background-color: rgb(255, 64, 129);
4773 }
4774
4775 .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
4776     color: rgba(0, 0, 0, 0.26);
4777     cursor: default;
4778     background-color: transparent;
4779 }
4780
4781 .mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
4782     background-color: rgba(0, 0, 0, 0.12);
4783     color: rgba(0, 0, 0, 0.26);
4784 }
4785
4786 .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
4787     background-color: rgba(0, 0, 0, 0.12);
4788     color: rgba(0, 0, 0, 0.26);
4789     box-shadow: none;
4790 }
4791
4792 .mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
4793     color: rgba(0, 0, 0, 0.26);
4794 }
4795
4796 .mdl-button .material-icons {
4797     vertical-align: middle;
4798 }
4799
4800 /**
4801  * Copyright 2015 Google Inc. All Rights Reserved.
4802  *
4803  * Licensed under the Apache License, Version 2.0 (the "License");
4804  * you may not use this file except in compliance with the License.
4805  * You may obtain a copy of the License at
4806  *
4807  *      http://www.apache.org/licenses/LICENSE-2.0
4808  *
4809  * Unless required by applicable law or agreed to in writing, software
4810  * distributed under the License is distributed on an "AS IS" BASIS,
4811  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4812  * See the License for the specific language governing permissions and
4813  * limitations under the License.
4814  */
4815 /**
4816  * Copyright 2015 Google Inc. All Rights Reserved.
4817  *
4818  * Licensed under the Apache License, Version 2.0 (the "License");
4819  * you may not use this file except in compliance with the License.
4820  * You may obtain a copy of the License at
4821  *
4822  *      http://www.apache.org/licenses/LICENSE-2.0
4823  *
4824  * Unless required by applicable law or agreed to in writing, software
4825  * distributed under the License is distributed on an "AS IS" BASIS,
4826  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4827  * See the License for the specific language governing permissions and
4828  * limitations under the License.
4829  */
4830 /*------------------------------------*    $CONTENTS
4831 \*------------------------------------*/
4832 /**
4833  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4834  * -----Typography
4835  * -----Colors
4836  * -----Textfield
4837  * -----Switch
4838  * -----Spinner
4839  * -----Radio
4840  * -----Menu
4841  * -----List
4842  * -----Layout
4843  * -----Icon toggles
4844  * -----Footer
4845  * -----Column
4846  * -----Checkbox
4847  * -----Card
4848  * -----Button
4849  * -----Animation
4850  * -----Progress
4851  * -----Badge
4852  * -----Shadows
4853  * -----Grid
4854  * -----Data table
4855  * -----Dialog
4856  * -----Snackbar
4857  * -----Tooltip
4858  * -----Chip
4859  *
4860  * Even though all variables have the `!default` directive, most of them
4861  * should not be changed as they are dependent one another. This can cause
4862  * visual distortions (like alignment issues) that are hard to track down
4863  * and fix.
4864  */
4865 /* ==========  TYPOGRAPHY  ========== */
4866 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4867    page loading. For important text, such as the body, we want it to load
4868    immediately and not wait for the web font load, whereas for other sections,
4869    such as headers and titles, we're OK with things taking a bit longer to load.
4870    We do have some optional classes and parameters in the mixins, in case you
4871    definitely want to make sure you're using the preferred font and don't mind
4872    the performance hit.
4873    We should be able to improve on this once CSS Font Loading L3 becomes more
4874    widely available.
4875 */
4876 /* ==========  COLORS  ========== */
4877 /**
4878 *
4879 * Material design color palettes.
4880 * @see http://www.google.com/design/spec/style/color.html
4881 *
4882 **/
4883 /**
4884  * Copyright 2015 Google Inc. All Rights Reserved.
4885  *
4886  * Licensed under the Apache License, Version 2.0 (the "License");
4887  * you may not use this file except in compliance with the License.
4888  * You may obtain a copy of the License at
4889  *
4890  *      http://www.apache.org/licenses/LICENSE-2.0
4891  *
4892  * Unless required by applicable law or agreed to in writing, software
4893  * distributed under the License is distributed on an "AS IS" BASIS,
4894  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4895  * See the License for the specific language governing permissions and
4896  * limitations under the License.
4897  */
4898 /* ==========  Color Palettes  ========== */
4899 /* colors.scss */
4900 /**
4901  * Copyright 2015 Google Inc. All Rights Reserved.
4902  *
4903  * Licensed under the Apache License, Version 2.0 (the "License");
4904  * you may not use this file except in compliance with the License.
4905  * You may obtain a copy of the License at
4906  *
4907  *      http://www.apache.org/licenses/LICENSE-2.0
4908  *
4909  * Unless required by applicable law or agreed to in writing, software
4910  * distributed under the License is distributed on an "AS IS" BASIS,
4911  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4912  * See the License for the specific language governing permissions and
4913  * limitations under the License.
4914  */
4915 /* ==========  IMAGES  ========== */
4916 /* ==========  Color & Themes  ========== */
4917 /* ==========  Typography  ========== */
4918 /* ==========  Components  ========== */
4919 /* ==========  Standard Buttons  ========== */
4920 /* ==========  Icon Toggles  ========== */
4921 /* ==========  Radio Buttons  ========== */
4922 /* ==========  Ripple effect  ========== */
4923 /* ==========  Layout  ========== */
4924 /* ==========  Content Tabs  ========== */
4925 /* ==========  Checkboxes  ========== */
4926 /* ==========  Switches  ========== */
4927 /* ==========  Spinner  ========== */
4928 /* ==========  Text fields  ========== */
4929 /* ==========  Card  ========== */
4930 /* ==========  Sliders ========== */
4931 /* ========== Progress ========== */
4932 /* ==========  List ========== */
4933 /* ==========  Item ========== */
4934 /* ==========  Dropdown menu ========== */
4935 /* ==========  Tooltips  ========== */
4936 /* ==========  Footer  ========== */
4937 /* TEXTFIELD */
4938 /* SWITCH */
4939 /* SPINNER */
4940 /* RADIO */
4941 /* MENU */
4942 /* LIST */
4943 /* LAYOUT */
4944 /* ICON TOGGLE */
4945 /* FOOTER */
4946 /*mega-footer*/
4947 /*mini-footer*/
4948 /* CHECKBOX */
4949 /* CARD */
4950 /* Card dimensions */
4951 /* Cover image */
4952 /* BUTTON */
4953 /**
4954  *
4955  * Dimensions
4956  *
4957  */
4958 /* ANIMATION */
4959 /* PROGRESS */
4960 /* BADGE */
4961 /* SHADOWS */
4962 /* GRID */
4963 /* DATA TABLE */
4964 /* DIALOG */
4965 /* SNACKBAR */
4966 /* TOOLTIP */
4967 /* CHIP */
4968 .mdl-card {
4969     display: -webkit-flex;
4970     display: -ms-flexbox;
4971     display: flex;
4972     -webkit-flex-direction: column;
4973     -ms-flex-direction: column;
4974     flex-direction: column;
4975     font-size: 16px;
4976     font-weight: 400;
4977     min-height: 200px;
4978     overflow: hidden;
4979     width: 330px;
4980     z-index: 1;
4981     position: relative;
4982     background: rgb(255, 255, 255);
4983     border-radius: 2px;
4984     box-sizing: border-box;
4985 }
4986
4987 .mdl-card__media {
4988     background-color: rgb(255, 64, 129);
4989     background-repeat: repeat;
4990     background-position: 50% 50%;
4991     background-size: cover;
4992     background-origin: padding-box;
4993     background-attachment: scroll;
4994     box-sizing: border-box;
4995 }
4996
4997 .mdl-card__title {
4998     -webkit-align-items: center;
4999     -ms-flex-align: center;
5000     align-items: center;
5001     color: rgb(0, 0, 0);
5002     display: block;
5003     display: -webkit-flex;
5004     display: -ms-flexbox;
5005     display: flex;
5006     -webkit-justify-content: stretch;
5007     -ms-flex-pack: stretch;
5008     justify-content: stretch;
5009     line-height: normal;
5010     padding: 16px 16px;
5011     -webkit-perspective-origin: 165px 56px;
5012     perspective-origin: 165px 56px;
5013     -webkit-transform-origin: 165px 56px;
5014     transform-origin: 165px 56px;
5015     box-sizing: border-box;
5016 }
5017
5018 .mdl-card__title.mdl-card--border {
5019     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5020 }
5021
5022 .mdl-card__title-text {
5023     -webkit-align-self: flex-end;
5024     -ms-flex-item-align: end;
5025     align-self: flex-end;
5026     color: inherit;
5027     display: block;
5028     display: -webkit-flex;
5029     display: -ms-flexbox;
5030     display: flex;
5031     font-size: 24px;
5032     font-weight: 300;
5033     line-height: normal;
5034     overflow: hidden;
5035     -webkit-transform-origin: 149px 48px;
5036     transform-origin: 149px 48px;
5037     margin: 0;
5038 }
5039
5040 .mdl-card__subtitle-text {
5041     font-size: 14px;
5042     color: rgba(0, 0, 0, 0.54);
5043     margin: 0;
5044 }
5045
5046 .mdl-card__supporting-text {
5047     color: rgba(0, 0, 0, 0.54);
5048     font-size: 1rem;
5049     line-height: 18px;
5050     overflow: hidden;
5051     padding: 16px 16px;
5052     width: 90%;
5053 }
5054
5055 .mdl-card__supporting-text.mdl-card--border {
5056     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5057 }
5058
5059 .mdl-card__actions {
5060     font-size: 16px;
5061     line-height: normal;
5062     width: 100%;
5063     background-color: transparent;
5064     padding: 8px;
5065     box-sizing: border-box;
5066 }
5067
5068 .mdl-card__actions.mdl-card--border {
5069     border-top: 1px solid rgba(0, 0, 0, 0.1);
5070 }
5071
5072 .mdl-card--expand {
5073     -webkit-flex-grow: 1;
5074     -ms-flex-positive: 1;
5075     flex-grow: 1;
5076 }
5077
5078 .mdl-card__menu {
5079     position: absolute;
5080     right: 16px;
5081     top: 16px;
5082 }
5083
5084 /**
5085  * Copyright 2015 Google Inc. All Rights Reserved.
5086  *
5087  * Licensed under the Apache License, Version 2.0 (the "License");
5088  * you may not use this file except in compliance with the License.
5089  * You may obtain a copy of the License at
5090  *
5091  *      http://www.apache.org/licenses/LICENSE-2.0
5092  *
5093  * Unless required by applicable law or agreed to in writing, software
5094  * distributed under the License is distributed on an "AS IS" BASIS,
5095  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5096  * See the License for the specific language governing permissions and
5097  * limitations under the License.
5098  */
5099 /**
5100  * Copyright 2015 Google Inc. All Rights Reserved.
5101  *
5102  * Licensed under the Apache License, Version 2.0 (the "License");
5103  * you may not use this file except in compliance with the License.
5104  * You may obtain a copy of the License at
5105  *
5106  *      http://www.apache.org/licenses/LICENSE-2.0
5107  *
5108  * Unless required by applicable law or agreed to in writing, software
5109  * distributed under the License is distributed on an "AS IS" BASIS,
5110  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5111  * See the License for the specific language governing permissions and
5112  * limitations under the License.
5113  */
5114 /*------------------------------------*    $CONTENTS
5115 \*------------------------------------*/
5116 /**
5117  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5118  * -----Typography
5119  * -----Colors
5120  * -----Textfield
5121  * -----Switch
5122  * -----Spinner
5123  * -----Radio
5124  * -----Menu
5125  * -----List
5126  * -----Layout
5127  * -----Icon toggles
5128  * -----Footer
5129  * -----Column
5130  * -----Checkbox
5131  * -----Card
5132  * -----Button
5133  * -----Animation
5134  * -----Progress
5135  * -----Badge
5136  * -----Shadows
5137  * -----Grid
5138  * -----Data table
5139  * -----Dialog
5140  * -----Snackbar
5141  * -----Tooltip
5142  * -----Chip
5143  *
5144  * Even though all variables have the `!default` directive, most of them
5145  * should not be changed as they are dependent one another. This can cause
5146  * visual distortions (like alignment issues) that are hard to track down
5147  * and fix.
5148  */
5149 /* ==========  TYPOGRAPHY  ========== */
5150 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5151    page loading. For important text, such as the body, we want it to load
5152    immediately and not wait for the web font load, whereas for other sections,
5153    such as headers and titles, we're OK with things taking a bit longer to load.
5154    We do have some optional classes and parameters in the mixins, in case you
5155    definitely want to make sure you're using the preferred font and don't mind
5156    the performance hit.
5157    We should be able to improve on this once CSS Font Loading L3 becomes more
5158    widely available.
5159 */
5160 /* ==========  COLORS  ========== */
5161 /**
5162 *
5163 * Material design color palettes.
5164 * @see http://www.google.com/design/spec/style/color.html
5165 *
5166 **/
5167 /**
5168  * Copyright 2015 Google Inc. All Rights Reserved.
5169  *
5170  * Licensed under the Apache License, Version 2.0 (the "License");
5171  * you may not use this file except in compliance with the License.
5172  * You may obtain a copy of the License at
5173  *
5174  *      http://www.apache.org/licenses/LICENSE-2.0
5175  *
5176  * Unless required by applicable law or agreed to in writing, software
5177  * distributed under the License is distributed on an "AS IS" BASIS,
5178  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5179  * See the License for the specific language governing permissions and
5180  * limitations under the License.
5181  */
5182 /* ==========  Color Palettes  ========== */
5183 /* colors.scss */
5184 /**
5185  * Copyright 2015 Google Inc. All Rights Reserved.
5186  *
5187  * Licensed under the Apache License, Version 2.0 (the "License");
5188  * you may not use this file except in compliance with the License.
5189  * You may obtain a copy of the License at
5190  *
5191  *      http://www.apache.org/licenses/LICENSE-2.0
5192  *
5193  * Unless required by applicable law or agreed to in writing, software
5194  * distributed under the License is distributed on an "AS IS" BASIS,
5195  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5196  * See the License for the specific language governing permissions and
5197  * limitations under the License.
5198  */
5199 /* ==========  IMAGES  ========== */
5200 /* ==========  Color & Themes  ========== */
5201 /* ==========  Typography  ========== */
5202 /* ==========  Components  ========== */
5203 /* ==========  Standard Buttons  ========== */
5204 /* ==========  Icon Toggles  ========== */
5205 /* ==========  Radio Buttons  ========== */
5206 /* ==========  Ripple effect  ========== */
5207 /* ==========  Layout  ========== */
5208 /* ==========  Content Tabs  ========== */
5209 /* ==========  Checkboxes  ========== */
5210 /* ==========  Switches  ========== */
5211 /* ==========  Spinner  ========== */
5212 /* ==========  Text fields  ========== */
5213 /* ==========  Card  ========== */
5214 /* ==========  Sliders ========== */
5215 /* ========== Progress ========== */
5216 /* ==========  List ========== */
5217 /* ==========  Item ========== */
5218 /* ==========  Dropdown menu ========== */
5219 /* ==========  Tooltips  ========== */
5220 /* ==========  Footer  ========== */
5221 /* TEXTFIELD */
5222 /* SWITCH */
5223 /* SPINNER */
5224 /* RADIO */
5225 /* MENU */
5226 /* LIST */
5227 /* LAYOUT */
5228 /* ICON TOGGLE */
5229 /* FOOTER */
5230 /*mega-footer*/
5231 /*mini-footer*/
5232 /* CHECKBOX */
5233 /* CARD */
5234 /* Card dimensions */
5235 /* Cover image */
5236 /* BUTTON */
5237 /**
5238  *
5239  * Dimensions
5240  *
5241  */
5242 /* ANIMATION */
5243 /* PROGRESS */
5244 /* BADGE */
5245 /* SHADOWS */
5246 /* GRID */
5247 /* DATA TABLE */
5248 /* DIALOG */
5249 /* SNACKBAR */
5250 /* TOOLTIP */
5251 /* CHIP */
5252 /**
5253  * Copyright 2015 Google Inc. All Rights Reserved.
5254  *
5255  * Licensed under the Apache License, Version 2.0 (the "License");
5256  * you may not use this file except in compliance with the License.
5257  * You may obtain a copy of the License at
5258  *
5259  *      http://www.apache.org/licenses/LICENSE-2.0
5260  *
5261  * Unless required by applicable law or agreed to in writing, software
5262  * distributed under the License is distributed on an "AS IS" BASIS,
5263  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5264  * See the License for the specific language governing permissions and
5265  * limitations under the License.
5266  */
5267 /* Typography */
5268 /* Shadows */
5269 /* Animations */
5270 /* Dialog */
5271 .mdl-checkbox {
5272     position: relative;
5273     z-index: 1;
5274     vertical-align: middle;
5275     display: inline-block;
5276     box-sizing: border-box;
5277     width: 100%;
5278     height: 24px;
5279     margin: 0;
5280     padding: 0;
5281 }
5282
5283 .mdl-checkbox.is-upgraded {
5284     padding-left: 24px;
5285 }
5286
5287 .mdl-checkbox__input {
5288     line-height: 24px;
5289 }
5290
5291 .mdl-checkbox.is-upgraded .mdl-checkbox__input {
5292     position: absolute;
5293     width: 0;
5294     height: 0;
5295     margin: 0;
5296     padding: 0;
5297     opacity: 0;
5298     -ms-appearance: none;
5299     -moz-appearance: none;
5300     -webkit-appearance: none;
5301     appearance: none;
5302     border: none;
5303 }
5304
5305 .mdl-checkbox__box-outline {
5306     position: absolute;
5307     top: 3px;
5308     left: 0;
5309     display: inline-block;
5310     box-sizing: border-box;
5311     width: 16px;
5312     height: 16px;
5313     margin: 0;
5314     cursor: pointer;
5315     overflow: hidden;
5316     border: 2px solid rgba(0, 0, 0, 0.54);
5317     border-radius: 2px;
5318     z-index: 2;
5319 }
5320
5321 .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
5322     border: 2px solid rgb(63, 81, 181);
5323 }
5324
5325 fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
5326 .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
5327     border: 2px solid rgba(0, 0, 0, 0.26);
5328     cursor: auto;
5329 }
5330
5331 .mdl-checkbox__focus-helper {
5332     position: absolute;
5333     top: 3px;
5334     left: 0;
5335     display: inline-block;
5336     box-sizing: border-box;
5337     width: 16px;
5338     height: 16px;
5339     border-radius: 50%;
5340     background-color: transparent;
5341 }
5342
5343 .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
5344     box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
5345     background-color: rgba(0, 0, 0, 0.1);
5346 }
5347
5348 .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
5349     box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
5350     background-color: rgba(63, 81, 181, 0.26);
5351 }
5352
5353 .mdl-checkbox__tick-outline {
5354     position: absolute;
5355     top: 0;
5356     left: 0;
5357     height: 100%;
5358     width: 100%;
5359     -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
5360     mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
5361     background: transparent;
5362     transition-duration: 0.28s;
5363     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5364     transition-property: background;
5365 }
5366
5367 .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
5368     background: rgb(63, 81, 181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
5369 }
5370
5371 fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
5372 .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
5373     background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
5374 }
5375
5376 .mdl-checkbox__label {
5377     position: relative;
5378     cursor: pointer;
5379     font-size: 16px;
5380     line-height: 24px;
5381     margin: 0;
5382 }
5383
5384 fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
5385 .mdl-checkbox.is-disabled .mdl-checkbox__label {
5386     color: rgba(0, 0, 0, 0.26);
5387     cursor: auto;
5388 }
5389
5390 .mdl-checkbox__ripple-container {
5391     position: absolute;
5392     z-index: 2;
5393     top: -6px;
5394     left: -10px;
5395     box-sizing: border-box;
5396     width: 36px;
5397     height: 36px;
5398     border-radius: 50%;
5399     cursor: pointer;
5400     overflow: hidden;
5401     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
5402 }
5403
5404 .mdl-checkbox__ripple-container .mdl-ripple {
5405     background: rgb(63, 81, 181);
5406 }
5407
5408 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
5409 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
5410     cursor: auto;
5411 }
5412
5413 fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
5414 .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
5415     background: transparent;
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 /**
5434  * Copyright 2015 Google Inc. All Rights Reserved.
5435  *
5436  * Licensed under the Apache License, Version 2.0 (the "License");
5437  * you may not use this file except in compliance with the License.
5438  * You may obtain a copy of the License at
5439  *
5440  *      http://www.apache.org/licenses/LICENSE-2.0
5441  *
5442  * Unless required by applicable law or agreed to in writing, software
5443  * distributed under the License is distributed on an "AS IS" BASIS,
5444  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5445  * See the License for the specific language governing permissions and
5446  * limitations under the License.
5447  */
5448 /*------------------------------------*    $CONTENTS
5449 \*------------------------------------*/
5450 /**
5451  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5452  * -----Typography
5453  * -----Colors
5454  * -----Textfield
5455  * -----Switch
5456  * -----Spinner
5457  * -----Radio
5458  * -----Menu
5459  * -----List
5460  * -----Layout
5461  * -----Icon toggles
5462  * -----Footer
5463  * -----Column
5464  * -----Checkbox
5465  * -----Card
5466  * -----Button
5467  * -----Animation
5468  * -----Progress
5469  * -----Badge
5470  * -----Shadows
5471  * -----Grid
5472  * -----Data table
5473  * -----Dialog
5474  * -----Snackbar
5475  * -----Tooltip
5476  * -----Chip
5477  *
5478  * Even though all variables have the `!default` directive, most of them
5479  * should not be changed as they are dependent one another. This can cause
5480  * visual distortions (like alignment issues) that are hard to track down
5481  * and fix.
5482  */
5483 /* ==========  TYPOGRAPHY  ========== */
5484 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5485    page loading. For important text, such as the body, we want it to load
5486    immediately and not wait for the web font load, whereas for other sections,
5487    such as headers and titles, we're OK with things taking a bit longer to load.
5488    We do have some optional classes and parameters in the mixins, in case you
5489    definitely want to make sure you're using the preferred font and don't mind
5490    the performance hit.
5491    We should be able to improve on this once CSS Font Loading L3 becomes more
5492    widely available.
5493 */
5494 /* ==========  COLORS  ========== */
5495 /**
5496 *
5497 * Material design color palettes.
5498 * @see http://www.google.com/design/spec/style/color.html
5499 *
5500 **/
5501 /**
5502  * Copyright 2015 Google Inc. All Rights Reserved.
5503  *
5504  * Licensed under the Apache License, Version 2.0 (the "License");
5505  * you may not use this file except in compliance with the License.
5506  * You may obtain a copy of the License at
5507  *
5508  *      http://www.apache.org/licenses/LICENSE-2.0
5509  *
5510  * Unless required by applicable law or agreed to in writing, software
5511  * distributed under the License is distributed on an "AS IS" BASIS,
5512  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5513  * See the License for the specific language governing permissions and
5514  * limitations under the License.
5515  */
5516 /* ==========  Color Palettes  ========== */
5517 /* colors.scss */
5518 /**
5519  * Copyright 2015 Google Inc. All Rights Reserved.
5520  *
5521  * Licensed under the Apache License, Version 2.0 (the "License");
5522  * you may not use this file except in compliance with the License.
5523  * You may obtain a copy of the License at
5524  *
5525  *      http://www.apache.org/licenses/LICENSE-2.0
5526  *
5527  * Unless required by applicable law or agreed to in writing, software
5528  * distributed under the License is distributed on an "AS IS" BASIS,
5529  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5530  * See the License for the specific language governing permissions and
5531  * limitations under the License.
5532  */
5533 /* ==========  IMAGES  ========== */
5534 /* ==========  Color & Themes  ========== */
5535 /* ==========  Typography  ========== */
5536 /* ==========  Components  ========== */
5537 /* ==========  Standard Buttons  ========== */
5538 /* ==========  Icon Toggles  ========== */
5539 /* ==========  Radio Buttons  ========== */
5540 /* ==========  Ripple effect  ========== */
5541 /* ==========  Layout  ========== */
5542 /* ==========  Content Tabs  ========== */
5543 /* ==========  Checkboxes  ========== */
5544 /* ==========  Switches  ========== */
5545 /* ==========  Spinner  ========== */
5546 /* ==========  Text fields  ========== */
5547 /* ==========  Card  ========== */
5548 /* ==========  Sliders ========== */
5549 /* ========== Progress ========== */
5550 /* ==========  List ========== */
5551 /* ==========  Item ========== */
5552 /* ==========  Dropdown menu ========== */
5553 /* ==========  Tooltips  ========== */
5554 /* ==========  Footer  ========== */
5555 /* TEXTFIELD */
5556 /* SWITCH */
5557 /* SPINNER */
5558 /* RADIO */
5559 /* MENU */
5560 /* LIST */
5561 /* LAYOUT */
5562 /* ICON TOGGLE */
5563 /* FOOTER */
5564 /*mega-footer*/
5565 /*mini-footer*/
5566 /* CHECKBOX */
5567 /* CARD */
5568 /* Card dimensions */
5569 /* Cover image */
5570 /* BUTTON */
5571 /**
5572  *
5573  * Dimensions
5574  *
5575  */
5576 /* ANIMATION */
5577 /* PROGRESS */
5578 /* BADGE */
5579 /* SHADOWS */
5580 /* GRID */
5581 /* DATA TABLE */
5582 /* DIALOG */
5583 /* SNACKBAR */
5584 /* TOOLTIP */
5585 /* CHIP */
5586 /**
5587  * Copyright 2015 Google Inc. All Rights Reserved.
5588  *
5589  * Licensed under the Apache License, Version 2.0 (the "License");
5590  * you may not use this file except in compliance with the License.
5591  * You may obtain a copy of the License at
5592  *
5593  *      http://www.apache.org/licenses/LICENSE-2.0
5594  *
5595  * Unless required by applicable law or agreed to in writing, software
5596  * distributed under the License is distributed on an "AS IS" BASIS,
5597  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5598  * See the License for the specific language governing permissions and
5599  * limitations under the License.
5600  */
5601 /* Typography */
5602 /* Shadows */
5603 /* Animations */
5604 /* Dialog */
5605 .mdl-chip {
5606     height: 32px;
5607     font-family: "Roboto";
5608     line-height: 32px;
5609     padding: 0 12px;
5610     border: 0;
5611     border-radius: 16px;
5612     background-color: #dedede;
5613     display: inline-block;
5614     color: rgba(0, 0, 0, 0.87);
5615     margin: 2px 0;
5616     font-size: 0;
5617     white-space: nowrap;
5618 }
5619
5620 .mdl-chip__text {
5621     font-size: 13px;
5622     vertical-align: middle;
5623     display: inline-block;
5624 }
5625
5626 .mdl-chip__action {
5627     height: 24px;
5628     width: 24px;
5629     background: transparent;
5630     opacity: 0.54;
5631     display: inline-block;
5632     cursor: pointer;
5633     text-align: center;
5634     vertical-align: middle;
5635     padding: 0;
5636     margin: 0 0 0 4px;
5637     font-size: 13px;
5638     text-decoration: none;
5639     color: rgba(0, 0, 0, 0.87);
5640     border: none;
5641     outline: none;
5642     overflow: hidden;
5643 }
5644
5645 .mdl-chip__contact {
5646     height: 32px;
5647     width: 32px;
5648     border-radius: 16px;
5649     display: inline-block;
5650     vertical-align: middle;
5651     margin-right: 8px;
5652     overflow: hidden;
5653     text-align: center;
5654     font-size: 18px;
5655     line-height: 32px;
5656 }
5657
5658 .mdl-chip:focus {
5659     outline: 0;
5660     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);
5661 }
5662
5663 .mdl-chip:active {
5664     background-color: #d6d6d6;
5665 }
5666
5667 .mdl-chip--deletable {
5668     padding-right: 4px;
5669 }
5670
5671 .mdl-chip--contact {
5672     padding-left: 0;
5673 }
5674
5675 /**
5676  * Copyright 2015 Google Inc. All Rights Reserved.
5677  *
5678  * Licensed under the Apache License, Version 2.0 (the "License");
5679  * you may not use this file except in compliance with the License.
5680  * You may obtain a copy of the License at
5681  *
5682  *      http://www.apache.org/licenses/LICENSE-2.0
5683  *
5684  * Unless required by applicable law or agreed to in writing, software
5685  * distributed under the License is distributed on an "AS IS" BASIS,
5686  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5687  * See the License for the specific language governing permissions and
5688  * limitations under the License.
5689  */
5690 /**
5691  * Copyright 2015 Google Inc. All Rights Reserved.
5692  *
5693  * Licensed under the Apache License, Version 2.0 (the "License");
5694  * you may not use this file except in compliance with the License.
5695  * You may obtain a copy of the License at
5696  *
5697  *      http://www.apache.org/licenses/LICENSE-2.0
5698  *
5699  * Unless required by applicable law or agreed to in writing, software
5700  * distributed under the License is distributed on an "AS IS" BASIS,
5701  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5702  * See the License for the specific language governing permissions and
5703  * limitations under the License.
5704  */
5705 /*------------------------------------*    $CONTENTS
5706 \*------------------------------------*/
5707 /**
5708  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5709  * -----Typography
5710  * -----Colors
5711  * -----Textfield
5712  * -----Switch
5713  * -----Spinner
5714  * -----Radio
5715  * -----Menu
5716  * -----List
5717  * -----Layout
5718  * -----Icon toggles
5719  * -----Footer
5720  * -----Column
5721  * -----Checkbox
5722  * -----Card
5723  * -----Button
5724  * -----Animation
5725  * -----Progress
5726  * -----Badge
5727  * -----Shadows
5728  * -----Grid
5729  * -----Data table
5730  * -----Dialog
5731  * -----Snackbar
5732  * -----Tooltip
5733  * -----Chip
5734  *
5735  * Even though all variables have the `!default` directive, most of them
5736  * should not be changed as they are dependent one another. This can cause
5737  * visual distortions (like alignment issues) that are hard to track down
5738  * and fix.
5739  */
5740 /* ==========  TYPOGRAPHY  ========== */
5741 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5742    page loading. For important text, such as the body, we want it to load
5743    immediately and not wait for the web font load, whereas for other sections,
5744    such as headers and titles, we're OK with things taking a bit longer to load.
5745    We do have some optional classes and parameters in the mixins, in case you
5746    definitely want to make sure you're using the preferred font and don't mind
5747    the performance hit.
5748    We should be able to improve on this once CSS Font Loading L3 becomes more
5749    widely available.
5750 */
5751 /* ==========  COLORS  ========== */
5752 /**
5753 *
5754 * Material design color palettes.
5755 * @see http://www.google.com/design/spec/style/color.html
5756 *
5757 **/
5758 /**
5759  * Copyright 2015 Google Inc. All Rights Reserved.
5760  *
5761  * Licensed under the Apache License, Version 2.0 (the "License");
5762  * you may not use this file except in compliance with the License.
5763  * You may obtain a copy of the License at
5764  *
5765  *      http://www.apache.org/licenses/LICENSE-2.0
5766  *
5767  * Unless required by applicable law or agreed to in writing, software
5768  * distributed under the License is distributed on an "AS IS" BASIS,
5769  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5770  * See the License for the specific language governing permissions and
5771  * limitations under the License.
5772  */
5773 /* ==========  Color Palettes  ========== */
5774 /* colors.scss */
5775 /**
5776  * Copyright 2015 Google Inc. All Rights Reserved.
5777  *
5778  * Licensed under the Apache License, Version 2.0 (the "License");
5779  * you may not use this file except in compliance with the License.
5780  * You may obtain a copy of the License at
5781  *
5782  *      http://www.apache.org/licenses/LICENSE-2.0
5783  *
5784  * Unless required by applicable law or agreed to in writing, software
5785  * distributed under the License is distributed on an "AS IS" BASIS,
5786  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5787  * See the License for the specific language governing permissions and
5788  * limitations under the License.
5789  */
5790 /* ==========  IMAGES  ========== */
5791 /* ==========  Color & Themes  ========== */
5792 /* ==========  Typography  ========== */
5793 /* ==========  Components  ========== */
5794 /* ==========  Standard Buttons  ========== */
5795 /* ==========  Icon Toggles  ========== */
5796 /* ==========  Radio Buttons  ========== */
5797 /* ==========  Ripple effect  ========== */
5798 /* ==========  Layout  ========== */
5799 /* ==========  Content Tabs  ========== */
5800 /* ==========  Checkboxes  ========== */
5801 /* ==========  Switches  ========== */
5802 /* ==========  Spinner  ========== */
5803 /* ==========  Text fields  ========== */
5804 /* ==========  Card  ========== */
5805 /* ==========  Sliders ========== */
5806 /* ========== Progress ========== */
5807 /* ==========  List ========== */
5808 /* ==========  Item ========== */
5809 /* ==========  Dropdown menu ========== */
5810 /* ==========  Tooltips  ========== */
5811 /* ==========  Footer  ========== */
5812 /* TEXTFIELD */
5813 /* SWITCH */
5814 /* SPINNER */
5815 /* RADIO */
5816 /* MENU */
5817 /* LIST */
5818 /* LAYOUT */
5819 /* ICON TOGGLE */
5820 /* FOOTER */
5821 /*mega-footer*/
5822 /*mini-footer*/
5823 /* CHECKBOX */
5824 /* CARD */
5825 /* Card dimensions */
5826 /* Cover image */
5827 /* BUTTON */
5828 /**
5829  *
5830  * Dimensions
5831  *
5832  */
5833 /* ANIMATION */
5834 /* PROGRESS */
5835 /* BADGE */
5836 /* SHADOWS */
5837 /* GRID */
5838 /* DATA TABLE */
5839 /* DIALOG */
5840 /* SNACKBAR */
5841 /* TOOLTIP */
5842 /* CHIP */
5843 /**
5844  * Copyright 2015 Google Inc. All Rights Reserved.
5845  *
5846  * Licensed under the Apache License, Version 2.0 (the "License");
5847  * you may not use this file except in compliance with the License.
5848  * You may obtain a copy of the License at
5849  *
5850  *      http://www.apache.org/licenses/LICENSE-2.0
5851  *
5852  * Unless required by applicable law or agreed to in writing, software
5853  * distributed under the License is distributed on an "AS IS" BASIS,
5854  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5855  * See the License for the specific language governing permissions and
5856  * limitations under the License.
5857  */
5858 /* Typography */
5859 /* Shadows */
5860 /* Animations */
5861 /* Dialog */
5862 .mdl-data-table {
5863     position: relative;
5864     border: 1px solid rgba(0, 0, 0, 0.12);
5865     border-collapse: collapse;
5866     white-space: nowrap;
5867     font-size: 13px;
5868     background-color: rgb(255, 255, 255);
5869 }
5870
5871 .mdl-data-table thead {
5872     padding-bottom: 3px;
5873 }
5874
5875 .mdl-data-table thead .mdl-data-table__select {
5876     margin-top: 0;
5877 }
5878
5879 .mdl-data-table tbody tr {
5880     position: relative;
5881     height: 48px;
5882     transition-duration: 0.28s;
5883     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5884     transition-property: background-color;
5885 }
5886
5887 .mdl-data-table tbody tr.is-selected {
5888     background-color: #e0e0e0;
5889 }
5890
5891 .mdl-data-table tbody tr:hover {
5892     background-color: #eeeeee;
5893 }
5894
5895 .mdl-data-table td, .mdl-data-table th {
5896     padding: 0 18px 12px 18px;
5897     text-align: right;
5898 }
5899
5900 .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
5901     padding-left: 24px;
5902 }
5903
5904 .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
5905     padding-right: 24px;
5906 }
5907
5908 .mdl-data-table td {
5909     position: relative;
5910     vertical-align: middle;
5911     height: 48px;
5912     border-top: 1px solid rgba(0, 0, 0, 0.12);
5913     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5914     padding-top: 12px;
5915     box-sizing: border-box;
5916 }
5917
5918 .mdl-data-table td .mdl-data-table__select {
5919     vertical-align: middle;
5920 }
5921
5922 .mdl-data-table th {
5923     position: relative;
5924     vertical-align: bottom;
5925     text-overflow: ellipsis;
5926     font-size: 14px;
5927     font-weight: bold;
5928     line-height: 24px;
5929     letter-spacing: 0;
5930     height: 48px;
5931     font-size: 12px;
5932     color: rgba(0, 0, 0, 0.54);
5933     padding-bottom: 8px;
5934     box-sizing: border-box;
5935 }
5936
5937 .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
5938     color: rgba(0, 0, 0, 0.87);
5939 }
5940
5941 .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5942     font-family: 'Material Icons';
5943     font-weight: normal;
5944     font-style: normal;
5945     font-size: 24px;
5946     line-height: 1;
5947     letter-spacing: normal;
5948     text-transform: none;
5949     display: inline-block;
5950     word-wrap: normal;
5951     -moz-font-feature-settings: 'liga';
5952     font-feature-settings: 'liga';
5953     -webkit-font-feature-settings: 'liga';
5954     -webkit-font-smoothing: antialiased;
5955     font-size: 16px;
5956     content: "\e5d8";
5957     margin-right: 5px;
5958     vertical-align: sub;
5959 }
5960
5961 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
5962     cursor: pointer;
5963 }
5964
5965 .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
5966     color: rgba(0, 0, 0, 0.26);
5967 }
5968
5969 .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5970     content: "\e5db";
5971 }
5972
5973 .mdl-data-table__select {
5974     width: 16px;
5975 }
5976
5977 .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
5978     text-align: left;
5979 }
5980
5981 /**
5982  * Copyright 2015 Google Inc. All Rights Reserved.
5983  *
5984  * Licensed under the Apache License, Version 2.0 (the "License");
5985  * you may not use this file except in compliance with the License.
5986  * You may obtain a copy of the License at
5987  *
5988  *      http://www.apache.org/licenses/LICENSE-2.0
5989  *
5990  * Unless required by applicable law or agreed to in writing, software
5991  * distributed under the License is distributed on an "AS IS" BASIS,
5992  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5993  * See the License for the specific language governing permissions and
5994  * limitations under the License.
5995  */
5996 /**
5997  * Copyright 2015 Google Inc. All Rights Reserved.
5998  *
5999  * Licensed under the Apache License, Version 2.0 (the "License");
6000  * you may not use this file except in compliance with the License.
6001  * You may obtain a copy of the License at
6002  *
6003  *      http://www.apache.org/licenses/LICENSE-2.0
6004  *
6005  * Unless required by applicable law or agreed to in writing, software
6006  * distributed under the License is distributed on an "AS IS" BASIS,
6007  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6008  * See the License for the specific language governing permissions and
6009  * limitations under the License.
6010  */
6011 /*------------------------------------*    $CONTENTS
6012 \*------------------------------------*/
6013 /**
6014  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6015  * -----Typography
6016  * -----Colors
6017  * -----Textfield
6018  * -----Switch
6019  * -----Spinner
6020  * -----Radio
6021  * -----Menu
6022  * -----List
6023  * -----Layout
6024  * -----Icon toggles
6025  * -----Footer
6026  * -----Column
6027  * -----Checkbox
6028  * -----Card
6029  * -----Button
6030  * -----Animation
6031  * -----Progress
6032  * -----Badge
6033  * -----Shadows
6034  * -----Grid
6035  * -----Data table
6036  * -----Dialog
6037  * -----Snackbar
6038  * -----Tooltip
6039  * -----Chip
6040  *
6041  * Even though all variables have the `!default` directive, most of them
6042  * should not be changed as they are dependent one another. This can cause
6043  * visual distortions (like alignment issues) that are hard to track down
6044  * and fix.
6045  */
6046 /* ==========  TYPOGRAPHY  ========== */
6047 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6048    page loading. For important text, such as the body, we want it to load
6049    immediately and not wait for the web font load, whereas for other sections,
6050    such as headers and titles, we're OK with things taking a bit longer to load.
6051    We do have some optional classes and parameters in the mixins, in case you
6052    definitely want to make sure you're using the preferred font and don't mind
6053    the performance hit.
6054    We should be able to improve on this once CSS Font Loading L3 becomes more
6055    widely available.
6056 */
6057 /* ==========  COLORS  ========== */
6058 /**
6059 *
6060 * Material design color palettes.
6061 * @see http://www.google.com/design/spec/style/color.html
6062 *
6063 **/
6064 /**
6065  * Copyright 2015 Google Inc. All Rights Reserved.
6066  *
6067  * Licensed under the Apache License, Version 2.0 (the "License");
6068  * you may not use this file except in compliance with the License.
6069  * You may obtain a copy of the License at
6070  *
6071  *      http://www.apache.org/licenses/LICENSE-2.0
6072  *
6073  * Unless required by applicable law or agreed to in writing, software
6074  * distributed under the License is distributed on an "AS IS" BASIS,
6075  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6076  * See the License for the specific language governing permissions and
6077  * limitations under the License.
6078  */
6079 /* ==========  Color Palettes  ========== */
6080 /* colors.scss */
6081 /**
6082  * Copyright 2015 Google Inc. All Rights Reserved.
6083  *
6084  * Licensed under the Apache License, Version 2.0 (the "License");
6085  * you may not use this file except in compliance with the License.
6086  * You may obtain a copy of the License at
6087  *
6088  *      http://www.apache.org/licenses/LICENSE-2.0
6089  *
6090  * Unless required by applicable law or agreed to in writing, software
6091  * distributed under the License is distributed on an "AS IS" BASIS,
6092  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6093  * See the License for the specific language governing permissions and
6094  * limitations under the License.
6095  */
6096 /* ==========  IMAGES  ========== */
6097 /* ==========  Color & Themes  ========== */
6098 /* ==========  Typography  ========== */
6099 /* ==========  Components  ========== */
6100 /* ==========  Standard Buttons  ========== */
6101 /* ==========  Icon Toggles  ========== */
6102 /* ==========  Radio Buttons  ========== */
6103 /* ==========  Ripple effect  ========== */
6104 /* ==========  Layout  ========== */
6105 /* ==========  Content Tabs  ========== */
6106 /* ==========  Checkboxes  ========== */
6107 /* ==========  Switches  ========== */
6108 /* ==========  Spinner  ========== */
6109 /* ==========  Text fields  ========== */
6110 /* ==========  Card  ========== */
6111 /* ==========  Sliders ========== */
6112 /* ========== Progress ========== */
6113 /* ==========  List ========== */
6114 /* ==========  Item ========== */
6115 /* ==========  Dropdown menu ========== */
6116 /* ==========  Tooltips  ========== */
6117 /* ==========  Footer  ========== */
6118 /* TEXTFIELD */
6119 /* SWITCH */
6120 /* SPINNER */
6121 /* RADIO */
6122 /* MENU */
6123 /* LIST */
6124 /* LAYOUT */
6125 /* ICON TOGGLE */
6126 /* FOOTER */
6127 /*mega-footer*/
6128 /*mini-footer*/
6129 /* CHECKBOX */
6130 /* CARD */
6131 /* Card dimensions */
6132 /* Cover image */
6133 /* BUTTON */
6134 /**
6135  *
6136  * Dimensions
6137  *
6138  */
6139 /* ANIMATION */
6140 /* PROGRESS */
6141 /* BADGE */
6142 /* SHADOWS */
6143 /* GRID */
6144 /* DATA TABLE */
6145 /* DIALOG */
6146 /* SNACKBAR */
6147 /* TOOLTIP */
6148 /* CHIP */
6149 /**
6150  * Copyright 2015 Google Inc. All Rights Reserved.
6151  *
6152  * Licensed under the Apache License, Version 2.0 (the "License");
6153  * you may not use this file except in compliance with the License.
6154  * You may obtain a copy of the License at
6155  *
6156  *      http://www.apache.org/licenses/LICENSE-2.0
6157  *
6158  * Unless required by applicable law or agreed to in writing, software
6159  * distributed under the License is distributed on an "AS IS" BASIS,
6160  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6161  * See the License for the specific language governing permissions and
6162  * limitations under the License.
6163  */
6164 /* Typography */
6165 /* Shadows */
6166 /* Animations */
6167 /* Dialog */
6168 .mdl-dialog {
6169     border: none;
6170     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);
6171     width: 280px;
6172 }
6173
6174 .mdl-dialog__title {
6175     padding: 24px 24px 0;
6176     margin: 0;
6177     font-size: 2.5rem;
6178 }
6179
6180 .mdl-dialog__actions {
6181     padding: 8px 8px 8px 24px;
6182     display: -webkit-flex;
6183     display: -ms-flexbox;
6184     display: flex;
6185     -webkit-flex-direction: row-reverse;
6186     -ms-flex-direction: row-reverse;
6187     flex-direction: row-reverse;
6188     -webkit-flex-wrap: wrap;
6189     -ms-flex-wrap: wrap;
6190     flex-wrap: wrap;
6191 }
6192
6193 .mdl-dialog__actions > * {
6194     margin-right: 8px;
6195     height: 36px;
6196 }
6197
6198 .mdl-dialog__actions > *:first-child {
6199     margin-right: 0;
6200 }
6201
6202 .mdl-dialog__actions--full-width {
6203     padding: 0 0 8px 0;
6204 }
6205
6206 .mdl-dialog__actions--full-width > * {
6207     height: 48px;
6208     -webkit-flex: 0 0 100%;
6209     -ms-flex: 0 0 100%;
6210     flex: 0 0 100%;
6211     padding-right: 16px;
6212     margin-right: 0;
6213     text-align: right;
6214 }
6215
6216 .mdl-dialog__content {
6217     padding: 20px 24px 24px 24px;
6218     color: rgba(0, 0, 0, 0.54);
6219 }
6220
6221 /**
6222  * Copyright 2015 Google Inc. All Rights Reserved.
6223  *
6224  * Licensed under the Apache License, Version 2.0 (the "License");
6225  * you may not use this file except in compliance with the License.
6226  * You may obtain a copy of the License at
6227  *
6228  *      http://www.apache.org/licenses/LICENSE-2.0
6229  *
6230  * Unless required by applicable law or agreed to in writing, software
6231  * distributed under the License is distributed on an "AS IS" BASIS,
6232  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6233  * See the License for the specific language governing permissions and
6234  * limitations under the License.
6235  */
6236 /**
6237  * Copyright 2015 Google Inc. All Rights Reserved.
6238  *
6239  * Licensed under the Apache License, Version 2.0 (the "License");
6240  * you may not use this file except in compliance with the License.
6241  * You may obtain a copy of the License at
6242  *
6243  *      http://www.apache.org/licenses/LICENSE-2.0
6244  *
6245  * Unless required by applicable law or agreed to in writing, software
6246  * distributed under the License is distributed on an "AS IS" BASIS,
6247  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6248  * See the License for the specific language governing permissions and
6249  * limitations under the License.
6250  */
6251 /*------------------------------------*    $CONTENTS
6252 \*------------------------------------*/
6253 /**
6254  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6255  * -----Typography
6256  * -----Colors
6257  * -----Textfield
6258  * -----Switch
6259  * -----Spinner
6260  * -----Radio
6261  * -----Menu
6262  * -----List
6263  * -----Layout
6264  * -----Icon toggles
6265  * -----Footer
6266  * -----Column
6267  * -----Checkbox
6268  * -----Card
6269  * -----Button
6270  * -----Animation
6271  * -----Progress
6272  * -----Badge
6273  * -----Shadows
6274  * -----Grid
6275  * -----Data table
6276  * -----Dialog
6277  * -----Snackbar
6278  * -----Tooltip
6279  * -----Chip
6280  *
6281  * Even though all variables have the `!default` directive, most of them
6282  * should not be changed as they are dependent one another. This can cause
6283  * visual distortions (like alignment issues) that are hard to track down
6284  * and fix.
6285  */
6286 /* ==========  TYPOGRAPHY  ========== */
6287 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6288    page loading. For important text, such as the body, we want it to load
6289    immediately and not wait for the web font load, whereas for other sections,
6290    such as headers and titles, we're OK with things taking a bit longer to load.
6291    We do have some optional classes and parameters in the mixins, in case you
6292    definitely want to make sure you're using the preferred font and don't mind
6293    the performance hit.
6294    We should be able to improve on this once CSS Font Loading L3 becomes more
6295    widely available.
6296 */
6297 /* ==========  COLORS  ========== */
6298 /**
6299 *
6300 * Material design color palettes.
6301 * @see http://www.google.com/design/spec/style/color.html
6302 *
6303 **/
6304 /**
6305  * Copyright 2015 Google Inc. All Rights Reserved.
6306  *
6307  * Licensed under the Apache License, Version 2.0 (the "License");
6308  * you may not use this file except in compliance with the License.
6309  * You may obtain a copy of the License at
6310  *
6311  *      http://www.apache.org/licenses/LICENSE-2.0
6312  *
6313  * Unless required by applicable law or agreed to in writing, software
6314  * distributed under the License is distributed on an "AS IS" BASIS,
6315  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6316  * See the License for the specific language governing permissions and
6317  * limitations under the License.
6318  */
6319 /* ==========  Color Palettes  ========== */
6320 /* colors.scss */
6321 /**
6322  * Copyright 2015 Google Inc. All Rights Reserved.
6323  *
6324  * Licensed under the Apache License, Version 2.0 (the "License");
6325  * you may not use this file except in compliance with the License.
6326  * You may obtain a copy of the License at
6327  *
6328  *      http://www.apache.org/licenses/LICENSE-2.0
6329  *
6330  * Unless required by applicable law or agreed to in writing, software
6331  * distributed under the License is distributed on an "AS IS" BASIS,
6332  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6333  * See the License for the specific language governing permissions and
6334  * limitations under the License.
6335  */
6336 /* ==========  IMAGES  ========== */
6337 /* ==========  Color & Themes  ========== */
6338 /* ==========  Typography  ========== */
6339 /* ==========  Components  ========== */
6340 /* ==========  Standard Buttons  ========== */
6341 /* ==========  Icon Toggles  ========== */
6342 /* ==========  Radio Buttons  ========== */
6343 /* ==========  Ripple effect  ========== */
6344 /* ==========  Layout  ========== */
6345 /* ==========  Content Tabs  ========== */
6346 /* ==========  Checkboxes  ========== */
6347 /* ==========  Switches  ========== */
6348 /* ==========  Spinner  ========== */
6349 /* ==========  Text fields  ========== */
6350 /* ==========  Card  ========== */
6351 /* ==========  Sliders ========== */
6352 /* ========== Progress ========== */
6353 /* ==========  List ========== */
6354 /* ==========  Item ========== */
6355 /* ==========  Dropdown menu ========== */
6356 /* ==========  Tooltips  ========== */
6357 /* ==========  Footer  ========== */
6358 /* TEXTFIELD */
6359 /* SWITCH */
6360 /* SPINNER */
6361 /* RADIO */
6362 /* MENU */
6363 /* LIST */
6364 /* LAYOUT */
6365 /* ICON TOGGLE */
6366 /* FOOTER */
6367 /*mega-footer*/
6368 /*mini-footer*/
6369 /* CHECKBOX */
6370 /* CARD */
6371 /* Card dimensions */
6372 /* Cover image */
6373 /* BUTTON */
6374 /**
6375  *
6376  * Dimensions
6377  *
6378  */
6379 /* ANIMATION */
6380 /* PROGRESS */
6381 /* BADGE */
6382 /* SHADOWS */
6383 /* GRID */
6384 /* DATA TABLE */
6385 /* DIALOG */
6386 /* SNACKBAR */
6387 /* TOOLTIP */
6388 /* CHIP */
6389 /**
6390  * Copyright 2015 Google Inc. All Rights Reserved.
6391  *
6392  * Licensed under the Apache License, Version 2.0 (the "License");
6393  * you may not use this file except in compliance with the License.
6394  * You may obtain a copy of the License at
6395  *
6396  *      http://www.apache.org/licenses/LICENSE-2.0
6397  *
6398  * Unless required by applicable law or agreed to in writing, software
6399  * distributed under the License is distributed on an "AS IS" BASIS,
6400  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6401  * See the License for the specific language governing permissions and
6402  * limitations under the License.
6403  */
6404 /* Typography */
6405 /* Shadows */
6406 /* Animations */
6407 /* Dialog */
6408 .mdl-mega-footer {
6409     padding: 16px 40px;
6410     color: rgb(158, 158, 158);
6411     background-color: rgb(66, 66, 66);
6412 }
6413
6414 .mdl-mega-footer--top-section:after,
6415 .mdl-mega-footer--middle-section:after,
6416 .mdl-mega-footer--bottom-section:after,
6417 .mdl-mega-footer__top-section:after,
6418 .mdl-mega-footer__middle-section:after,
6419 .mdl-mega-footer__bottom-section:after {
6420     content: '';
6421     display: block;
6422     clear: both;
6423 }
6424
6425 .mdl-mega-footer--left-section,
6426 .mdl-mega-footer__left-section {
6427     margin-bottom: 16px;
6428 }
6429
6430 .mdl-mega-footer--right-section,
6431 .mdl-mega-footer__right-section {
6432     margin-bottom: 16px;
6433 }
6434
6435 .mdl-mega-footer--right-section a,
6436 .mdl-mega-footer__right-section a {
6437     display: block;
6438     margin-bottom: 16px;
6439     color: inherit;
6440     text-decoration: none;
6441 }
6442
6443 @media screen and (min-width: 760px) {
6444     .mdl-mega-footer--left-section,
6445     .mdl-mega-footer__left-section {
6446         float: left;
6447     }
6448
6449     .mdl-mega-footer--right-section,
6450     .mdl-mega-footer__right-section {
6451         float: right;
6452     }
6453
6454     .mdl-mega-footer--right-section a,
6455     .mdl-mega-footer__right-section a {
6456         display: inline-block;
6457         margin-left: 16px;
6458         line-height: 36px;
6459         vertical-align: middle;
6460     }
6461 }
6462
6463 .mdl-mega-footer--social-btn,
6464 .mdl-mega-footer__social-btn {
6465     width: 36px;
6466     height: 36px;
6467     padding: 0;
6468     margin: 0;
6469     background-color: rgb(158, 158, 158);
6470     border: none;
6471 }
6472
6473 .mdl-mega-footer--drop-down-section,
6474 .mdl-mega-footer__drop-down-section {
6475     display: block;
6476     position: relative;
6477 }
6478
6479 @media screen and (min-width: 760px) {
6480     .mdl-mega-footer--drop-down-section,
6481     .mdl-mega-footer__drop-down-section {
6482         width: 33%;
6483     }
6484
6485     .mdl-mega-footer--drop-down-section:nth-child(1),
6486     .mdl-mega-footer--drop-down-section:nth-child(2),
6487     .mdl-mega-footer__drop-down-section:nth-child(1),
6488     .mdl-mega-footer__drop-down-section:nth-child(2) {
6489         float: left;
6490     }
6491
6492     .mdl-mega-footer--drop-down-section:nth-child(3),
6493     .mdl-mega-footer__drop-down-section:nth-child(3) {
6494         float: right;
6495     }
6496
6497     .mdl-mega-footer--drop-down-section:nth-child(3):after,
6498     .mdl-mega-footer__drop-down-section:nth-child(3):after {
6499         clear: right;
6500     }
6501
6502     .mdl-mega-footer--drop-down-section:nth-child(4),
6503     .mdl-mega-footer__drop-down-section:nth-child(4) {
6504         clear: right;
6505         float: right;
6506     }
6507
6508     .mdl-mega-footer--middle-section:after,
6509     .mdl-mega-footer__middle-section:after {
6510         content: '';
6511         display: block;
6512         clear: both;
6513     }
6514
6515     .mdl-mega-footer--bottom-section,
6516     .mdl-mega-footer__bottom-section {
6517         padding-top: 0;
6518     }
6519 }
6520
6521 @media screen and (min-width: 1024px) {
6522     .mdl-mega-footer--drop-down-section,
6523     .mdl-mega-footer--drop-down-section:nth-child(3),
6524     .mdl-mega-footer--drop-down-section:nth-child(4),
6525     .mdl-mega-footer__drop-down-section,
6526     .mdl-mega-footer__drop-down-section:nth-child(3),
6527     .mdl-mega-footer__drop-down-section:nth-child(4) {
6528         width: 24%;
6529         float: left;
6530     }
6531 }
6532
6533 .mdl-mega-footer--heading-checkbox,
6534 .mdl-mega-footer__heading-checkbox {
6535     position: absolute;
6536     width: 100%;
6537     height: 55.8px;
6538     padding: 32px;
6539     margin: 0;
6540     margin-top: -16px;
6541     cursor: pointer;
6542     z-index: 1;
6543     opacity: 0;
6544 }
6545
6546 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
6547 .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
6548 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
6549 .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
6550     font-family: 'Material Icons';
6551     content: '\E5CE';
6552 }
6553
6554 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
6555 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
6556 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
6557 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
6558 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
6559 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
6560 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
6561 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
6562     display: none;
6563 }
6564
6565 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
6566 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
6567 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
6568 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
6569     font-family: 'Material Icons';
6570     content: '\E5CF';
6571 }
6572
6573 .mdl-mega-footer--heading,
6574 .mdl-mega-footer__heading {
6575     position: relative;
6576     width: 100%;
6577     padding-right: 39.8px;
6578     margin-bottom: 16px;
6579     box-sizing: border-box;
6580     font-size: 14px;
6581     line-height: 23.8px;
6582     font-weight: 500;
6583     white-space: nowrap;
6584     text-overflow: ellipsis;
6585     overflow: hidden;
6586     color: rgb(224, 224, 224);
6587 }
6588
6589 .mdl-mega-footer--heading:after,
6590 .mdl-mega-footer__heading:after {
6591     content: '';
6592     position: absolute;
6593     top: 0;
6594     right: 0;
6595     display: block;
6596     width: 23.8px;
6597     height: 23.8px;
6598     background-size: cover;
6599 }
6600
6601 .mdl-mega-footer--link-list,
6602 .mdl-mega-footer__link-list {
6603     list-style: none;
6604     margin: 0;
6605     padding: 0;
6606     margin-bottom: 32px;
6607 }
6608
6609 .mdl-mega-footer--link-list:after,
6610 .mdl-mega-footer__link-list:after {
6611     clear: both;
6612     display: block;
6613     content: '';
6614 }
6615
6616 .mdl-mega-footer--link-list li,
6617 .mdl-mega-footer__link-list li {
6618     font-size: 14px;
6619     font-weight: 400;
6620     line-height: 24px;
6621     letter-spacing: 0;
6622     line-height: 20px;
6623 }
6624
6625 .mdl-mega-footer--link-list a,
6626 .mdl-mega-footer__link-list a {
6627     color: inherit;
6628     text-decoration: none;
6629     white-space: nowrap;
6630 }
6631
6632 @media screen and (min-width: 760px) {
6633     .mdl-mega-footer--heading-checkbox,
6634     .mdl-mega-footer__heading-checkbox {
6635         display: none;
6636     }
6637
6638     .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
6639     .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
6640     .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
6641     .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
6642         content: '';
6643     }
6644
6645     .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
6646     .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
6647     .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
6648     .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
6649     .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
6650     .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
6651     .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
6652     .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
6653         display: block;
6654     }
6655
6656     .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
6657     .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
6658     .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
6659     .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
6660         content: '';
6661     }
6662 }
6663
6664 .mdl-mega-footer--bottom-section,
6665 .mdl-mega-footer__bottom-section {
6666     padding-top: 16px;
6667     margin-bottom: 16px;
6668 }
6669
6670 .mdl-logo {
6671     margin-bottom: 16px;
6672     color: white;
6673 }
6674
6675 .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
6676 .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
6677     float: left;
6678     margin-bottom: 0;
6679     margin-right: 16px;
6680 }
6681
6682 @media screen and (min-width: 760px) {
6683     .mdl-logo {
6684         float: left;
6685         margin-bottom: 0;
6686         margin-right: 16px;
6687     }
6688 }
6689
6690 /**
6691  * Copyright 2015 Google Inc. All Rights Reserved.
6692  *
6693  * Licensed under the Apache License, Version 2.0 (the "License");
6694  * you may not use this file except in compliance with the License.
6695  * You may obtain a copy of the License at
6696  *
6697  *      http://www.apache.org/licenses/LICENSE-2.0
6698  *
6699  * Unless required by applicable law or agreed to in writing, software
6700  * distributed under the License is distributed on an "AS IS" BASIS,
6701  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6702  * See the License for the specific language governing permissions and
6703  * limitations under the License.
6704  */
6705 /**
6706  * Copyright 2015 Google Inc. All Rights Reserved.
6707  *
6708  * Licensed under the Apache License, Version 2.0 (the "License");
6709  * you may not use this file except in compliance with the License.
6710  * You may obtain a copy of the License at
6711  *
6712  *      http://www.apache.org/licenses/LICENSE-2.0
6713  *
6714  * Unless required by applicable law or agreed to in writing, software
6715  * distributed under the License is distributed on an "AS IS" BASIS,
6716  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6717  * See the License for the specific language governing permissions and
6718  * limitations under the License.
6719  */
6720 /*------------------------------------*    $CONTENTS
6721 \*------------------------------------*/
6722 /**
6723  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6724  * -----Typography
6725  * -----Colors
6726  * -----Textfield
6727  * -----Switch
6728  * -----Spinner
6729  * -----Radio
6730  * -----Menu
6731  * -----List
6732  * -----Layout
6733  * -----Icon toggles
6734  * -----Footer
6735  * -----Column
6736  * -----Checkbox
6737  * -----Card
6738  * -----Button
6739  * -----Animation
6740  * -----Progress
6741  * -----Badge
6742  * -----Shadows
6743  * -----Grid
6744  * -----Data table
6745  * -----Dialog
6746  * -----Snackbar
6747  * -----Tooltip
6748  * -----Chip
6749  *
6750  * Even though all variables have the `!default` directive, most of them
6751  * should not be changed as they are dependent one another. This can cause
6752  * visual distortions (like alignment issues) that are hard to track down
6753  * and fix.
6754  */
6755 /* ==========  TYPOGRAPHY  ========== */
6756 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6757    page loading. For important text, such as the body, we want it to load
6758    immediately and not wait for the web font load, whereas for other sections,
6759    such as headers and titles, we're OK with things taking a bit longer to load.
6760    We do have some optional classes and parameters in the mixins, in case you
6761    definitely want to make sure you're using the preferred font and don't mind
6762    the performance hit.
6763    We should be able to improve on this once CSS Font Loading L3 becomes more
6764    widely available.
6765 */
6766 /* ==========  COLORS  ========== */
6767 /**
6768 *
6769 * Material design color palettes.
6770 * @see http://www.google.com/design/spec/style/color.html
6771 *
6772 **/
6773 /**
6774  * Copyright 2015 Google Inc. All Rights Reserved.
6775  *
6776  * Licensed under the Apache License, Version 2.0 (the "License");
6777  * you may not use this file except in compliance with the License.
6778  * You may obtain a copy of the License at
6779  *
6780  *      http://www.apache.org/licenses/LICENSE-2.0
6781  *
6782  * Unless required by applicable law or agreed to in writing, software
6783  * distributed under the License is distributed on an "AS IS" BASIS,
6784  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6785  * See the License for the specific language governing permissions and
6786  * limitations under the License.
6787  */
6788 /* ==========  Color Palettes  ========== */
6789 /* colors.scss */
6790 /**
6791  * Copyright 2015 Google Inc. All Rights Reserved.
6792  *
6793  * Licensed under the Apache License, Version 2.0 (the "License");
6794  * you may not use this file except in compliance with the License.
6795  * You may obtain a copy of the License at
6796  *
6797  *      http://www.apache.org/licenses/LICENSE-2.0
6798  *
6799  * Unless required by applicable law or agreed to in writing, software
6800  * distributed under the License is distributed on an "AS IS" BASIS,
6801  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6802  * See the License for the specific language governing permissions and
6803  * limitations under the License.
6804  */
6805 /* ==========  IMAGES  ========== */
6806 /* ==========  Color & Themes  ========== */
6807 /* ==========  Typography  ========== */
6808 /* ==========  Components  ========== */
6809 /* ==========  Standard Buttons  ========== */
6810 /* ==========  Icon Toggles  ========== */
6811 /* ==========  Radio Buttons  ========== */
6812 /* ==========  Ripple effect  ========== */
6813 /* ==========  Layout  ========== */
6814 /* ==========  Content Tabs  ========== */
6815 /* ==========  Checkboxes  ========== */
6816 /* ==========  Switches  ========== */
6817 /* ==========  Spinner  ========== */
6818 /* ==========  Text fields  ========== */
6819 /* ==========  Card  ========== */
6820 /* ==========  Sliders ========== */
6821 /* ========== Progress ========== */
6822 /* ==========  List ========== */
6823 /* ==========  Item ========== */
6824 /* ==========  Dropdown menu ========== */
6825 /* ==========  Tooltips  ========== */
6826 /* ==========  Footer  ========== */
6827 /* TEXTFIELD */
6828 /* SWITCH */
6829 /* SPINNER */
6830 /* RADIO */
6831 /* MENU */
6832 /* LIST */
6833 /* LAYOUT */
6834 /* ICON TOGGLE */
6835 /* FOOTER */
6836 /*mega-footer*/
6837 /*mini-footer*/
6838 /* CHECKBOX */
6839 /* CARD */
6840 /* Card dimensions */
6841 /* Cover image */
6842 /* BUTTON */
6843 /**
6844  *
6845  * Dimensions
6846  *
6847  */
6848 /* ANIMATION */
6849 /* PROGRESS */
6850 /* BADGE */
6851 /* SHADOWS */
6852 /* GRID */
6853 /* DATA TABLE */
6854 /* DIALOG */
6855 /* SNACKBAR */
6856 /* TOOLTIP */
6857 /* CHIP */
6858 .mdl-mini-footer {
6859     display: -webkit-flex;
6860     display: -ms-flexbox;
6861     display: flex;
6862     -webkit-flex-flow: row wrap;
6863     -ms-flex-flow: row wrap;
6864     flex-flow: row wrap;
6865     -webkit-justify-content: space-between;
6866     -ms-flex-pack: justify;
6867     justify-content: space-between;
6868     padding: 32px 16px;
6869     color: rgb(158, 158, 158);
6870     background-color: rgb(66, 66, 66);
6871 }
6872
6873 .mdl-mini-footer:after {
6874     content: '';
6875     display: block;
6876 }
6877
6878 .mdl-mini-footer .mdl-logo {
6879     line-height: 36px;
6880 }
6881
6882 .mdl-mini-footer--link-list,
6883 .mdl-mini-footer__link-list {
6884     display: -webkit-flex;
6885     display: -ms-flexbox;
6886     display: flex;
6887     -webkit-flex-flow: row nowrap;
6888     -ms-flex-flow: row nowrap;
6889     flex-flow: row nowrap;
6890     list-style: none;
6891     margin: 0;
6892     padding: 0;
6893 }
6894
6895 .mdl-mini-footer--link-list li,
6896 .mdl-mini-footer__link-list li {
6897     margin-bottom: 0;
6898     margin-right: 16px;
6899 }
6900
6901 @media screen and (min-width: 760px) {
6902     .mdl-mini-footer--link-list li,
6903     .mdl-mini-footer__link-list li {
6904         line-height: 36px;
6905     }
6906 }
6907
6908 .mdl-mini-footer--link-list a,
6909 .mdl-mini-footer__link-list a {
6910     color: inherit;
6911     text-decoration: none;
6912     white-space: nowrap;
6913 }
6914
6915 .mdl-mini-footer--left-section,
6916 .mdl-mini-footer__left-section {
6917     display: inline-block;
6918     -webkit-order: 0;
6919     -ms-flex-order: 0;
6920     order: 0;
6921 }
6922
6923 .mdl-mini-footer--right-section,
6924 .mdl-mini-footer__right-section {
6925     display: inline-block;
6926     -webkit-order: 1;
6927     -ms-flex-order: 1;
6928     order: 1;
6929 }
6930
6931 .mdl-mini-footer--social-btn,
6932 .mdl-mini-footer__social-btn {
6933     width: 36px;
6934     height: 36px;
6935     padding: 0;
6936     margin: 0;
6937     background-color: rgb(158, 158, 158);
6938     border: none;
6939 }
6940
6941 /**
6942  * Copyright 2015 Google Inc. All Rights Reserved.
6943  *
6944  * Licensed under the Apache License, Version 2.0 (the "License");
6945  * you may not use this file except in compliance with the License.
6946  * You may obtain a copy of the License at
6947  *
6948  *      http://www.apache.org/licenses/LICENSE-2.0
6949  *
6950  * Unless required by applicable law or agreed to in writing, software
6951  * distributed under the License is distributed on an "AS IS" BASIS,
6952  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6953  * See the License for the specific language governing permissions and
6954  * limitations under the License.
6955  */
6956 /**
6957  * Copyright 2015 Google Inc. All Rights Reserved.
6958  *
6959  * Licensed under the Apache License, Version 2.0 (the "License");
6960  * you may not use this file except in compliance with the License.
6961  * You may obtain a copy of the License at
6962  *
6963  *      http://www.apache.org/licenses/LICENSE-2.0
6964  *
6965  * Unless required by applicable law or agreed to in writing, software
6966  * distributed under the License is distributed on an "AS IS" BASIS,
6967  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6968  * See the License for the specific language governing permissions and
6969  * limitations under the License.
6970  */
6971 /*------------------------------------*    $CONTENTS
6972 \*------------------------------------*/
6973 /**
6974  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6975  * -----Typography
6976  * -----Colors
6977  * -----Textfield
6978  * -----Switch
6979  * -----Spinner
6980  * -----Radio
6981  * -----Menu
6982  * -----List
6983  * -----Layout
6984  * -----Icon toggles
6985  * -----Footer
6986  * -----Column
6987  * -----Checkbox
6988  * -----Card
6989  * -----Button
6990  * -----Animation
6991  * -----Progress
6992  * -----Badge
6993  * -----Shadows
6994  * -----Grid
6995  * -----Data table
6996  * -----Dialog
6997  * -----Snackbar
6998  * -----Tooltip
6999  * -----Chip
7000  *
7001  * Even though all variables have the `!default` directive, most of them
7002  * should not be changed as they are dependent one another. This can cause
7003  * visual distortions (like alignment issues) that are hard to track down
7004  * and fix.
7005  */
7006 /* ==========  TYPOGRAPHY  ========== */
7007 /* We're splitting fonts into "preferred" and "performance" in order to optimize
7008    page loading. For important text, such as the body, we want it to load
7009    immediately and not wait for the web font load, whereas for other sections,
7010    such as headers and titles, we're OK with things taking a bit longer to load.
7011    We do have some optional classes and parameters in the mixins, in case you
7012    definitely want to make sure you're using the preferred font and don't mind
7013    the performance hit.
7014    We should be able to improve on this once CSS Font Loading L3 becomes more
7015    widely available.
7016 */
7017 /* ==========  COLORS  ========== */
7018 /**
7019 *
7020 * Material design color palettes.
7021 * @see http://www.google.com/design/spec/style/color.html
7022 *
7023 **/
7024 /**
7025  * Copyright 2015 Google Inc. All Rights Reserved.
7026  *
7027  * Licensed under the Apache License, Version 2.0 (the "License");
7028  * you may not use this file except in compliance with the License.
7029  * You may obtain a copy of the License at
7030  *
7031  *      http://www.apache.org/licenses/LICENSE-2.0
7032  *
7033  * Unless required by applicable law or agreed to in writing, software
7034  * distributed under the License is distributed on an "AS IS" BASIS,
7035  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7036  * See the License for the specific language governing permissions and
7037  * limitations under the License.
7038  */
7039 /* ==========  Color Palettes  ========== */
7040 /* colors.scss */
7041 /**
7042  * Copyright 2015 Google Inc. All Rights Reserved.
7043  *
7044  * Licensed under the Apache License, Version 2.0 (the "License");
7045  * you may not use this file except in compliance with the License.
7046  * You may obtain a copy of the License at
7047  *
7048  *      http://www.apache.org/licenses/LICENSE-2.0
7049  *
7050  * Unless required by applicable law or agreed to in writing, software
7051  * distributed under the License is distributed on an "AS IS" BASIS,
7052  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7053  * See the License for the specific language governing permissions and
7054  * limitations under the License.
7055  */
7056 /* ==========  IMAGES  ========== */
7057 /* ==========  Color & Themes  ========== */
7058 /* ==========  Typography  ========== */
7059 /* ==========  Components  ========== */
7060 /* ==========  Standard Buttons  ========== */
7061 /* ==========  Icon Toggles  ========== */
7062 /* ==========  Radio Buttons  ========== */
7063 /* ==========  Ripple effect  ========== */
7064 /* ==========  Layout  ========== */
7065 /* ==========  Content Tabs  ========== */
7066 /* ==========  Checkboxes  ========== */
7067 /* ==========  Switches  ========== */
7068 /* ==========  Spinner  ========== */
7069 /* ==========  Text fields  ========== */
7070 /* ==========  Card  ========== */
7071 /* ==========  Sliders ========== */
7072 /* ========== Progress ========== */
7073 /* ==========  List ========== */
7074 /* ==========  Item ========== */
7075 /* ==========  Dropdown menu ========== */
7076 /* ==========  Tooltips  ========== */
7077 /* ==========  Footer  ========== */
7078 /* TEXTFIELD */
7079 /* SWITCH */
7080 /* SPINNER */
7081 /* RADIO */
7082 /* MENU */
7083 /* LIST */
7084 /* LAYOUT */
7085 /* ICON TOGGLE */
7086 /* FOOTER */
7087 /*mega-footer*/
7088 /*mini-footer*/
7089 /* CHECKBOX */
7090 /* CARD */
7091 /* Card dimensions */
7092 /* Cover image */
7093 /* BUTTON */
7094 /**
7095  *
7096  * Dimensions
7097  *
7098  */
7099 /* ANIMATION */
7100 /* PROGRESS */
7101 /* BADGE */
7102 /* SHADOWS */
7103 /* GRID */
7104 /* DATA TABLE */
7105 /* DIALOG */
7106 /* SNACKBAR */
7107 /* TOOLTIP */
7108 /* CHIP */
7109 .mdl-icon-toggle {
7110     position: relative;
7111     z-index: 1;
7112     vertical-align: middle;
7113     display: inline-block;
7114     height: 32px;
7115     margin: 0;
7116     padding: 0;
7117 }
7118
7119 .mdl-icon-toggle__input {
7120     line-height: 32px;
7121 }
7122
7123 .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
7124     position: absolute;
7125     width: 0;
7126     height: 0;
7127     margin: 0;
7128     padding: 0;
7129     opacity: 0;
7130     -ms-appearance: none;
7131     -moz-appearance: none;
7132     -webkit-appearance: none;
7133     appearance: none;
7134     border: none;
7135 }
7136
7137 .mdl-icon-toggle__label {
7138     display: inline-block;
7139     position: relative;
7140     cursor: pointer;
7141     height: 32px;
7142     width: 32px;
7143     min-width: 32px;
7144     color: rgb(97, 97, 97);
7145     border-radius: 50%;
7146     padding: 0;
7147     margin-left: 0;
7148     margin-right: 0;
7149     text-align: center;
7150     background-color: transparent;
7151     will-change: background-color;
7152     transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
7153 }
7154
7155 .mdl-icon-toggle__label.material-icons {
7156     line-height: 32px;
7157     font-size: 24px;
7158 }
7159
7160 .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
7161     color: rgb(63, 81, 181);
7162 }
7163
7164 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
7165     color: rgba(0, 0, 0, 0.26);
7166     cursor: auto;
7167     transition: none;
7168 }
7169
7170 .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
7171     background-color: rgba(0, 0, 0, 0.12);
7172 }
7173
7174 .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
7175     background-color: rgba(63, 81, 181, 0.26);
7176 }
7177
7178 .mdl-icon-toggle__ripple-container {
7179     position: absolute;
7180     z-index: 2;
7181     top: -2px;
7182     left: -2px;
7183     box-sizing: border-box;
7184     width: 36px;
7185     height: 36px;
7186     border-radius: 50%;
7187     cursor: pointer;
7188     overflow: hidden;
7189     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
7190 }
7191
7192 .mdl-icon-toggle__ripple-container .mdl-ripple {
7193     background: rgb(97, 97, 97);
7194 }
7195
7196 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
7197     cursor: auto;
7198 }
7199
7200 .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
7201     background: transparent;
7202 }
7203
7204 /**
7205  * Copyright 2015 Google Inc. All Rights Reserved.
7206  *
7207  * Licensed under the Apache License, Version 2.0 (the "License");
7208  * you may not use this file except in compliance with the License.
7209  * You may obtain a copy of the License at
7210  *
7211  *      http://www.apache.org/licenses/LICENSE-2.0
7212  *
7213  * Unless required by applicable law or agreed to in writing, software
7214  * distributed under the License is distributed on an "AS IS" BASIS,
7215  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7216  * See the License for the specific language governing permissions and
7217  * limitations under the License.
7218  */
7219 /**
7220  * Copyright 2015 Google Inc. All Rights Reserved.
7221  *
7222  * Licensed under the Apache License, Version 2.0 (the "License");
7223  * you may not use this file except in compliance with the License.
7224  * You may obtain a copy of the License at
7225  *
7226  *      http://www.apache.org/licenses/LICENSE-2.0
7227  *
7228  * Unless required by applicable law or agreed to in writing, software
7229  * distributed under the License is distributed on an "AS IS" BASIS,
7230  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7231  * See the License for the specific language governing permissions and
7232  * limitations under the License.
7233  */
7234 /*------------------------------------*    $CONTENTS
7235 \*------------------------------------*/
7236 /**
7237  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7238  * -----Typography
7239  * -----Colors
7240  * -----Textfield
7241  * -----Switch
7242  * -----Spinner
7243  * -----Radio
7244  * -----Menu
7245  * -----List
7246  * -----Layout
7247  * -----Icon toggles
7248  * -----Footer
7249  * -----Column
7250  * -----Checkbox
7251  * -----Card
7252  * -----Button
7253  * -----Animation
7254  * -----Progress
7255  * -----Badge
7256  * -----Shadows
7257  * -----Grid
7258  * -----Data table
7259  * -----Dialog
7260  * -----Snackbar
7261  * -----Tooltip
7262  * -----Chip
7263  *
7264  * Even though all variables have the `!default` directive, most of them
7265  * should not be changed as they are dependent one another. This can cause
7266  * visual distortions (like alignment issues) that are hard to track down
7267  * and fix.
7268  */
7269 /* ==========  TYPOGRAPHY  ========== */
7270 /* We're splitting fonts into "preferred" and "performance" in order to optimize
7271    page loading. For important text, such as the body, we want it to load
7272    immediately and not wait for the web font load, whereas for other sections,
7273    such as headers and titles, we're OK with things taking a bit longer to load.
7274    We do have some optional classes and parameters in the mixins, in case you
7275    definitely want to make sure you're using the preferred font and don't mind
7276    the performance hit.
7277    We should be able to improve on this once CSS Font Loading L3 becomes more
7278    widely available.
7279 */
7280 /* ==========  COLORS  ========== */
7281 /**
7282 *
7283 * Material design color palettes.
7284 * @see http://www.google.com/design/spec/style/color.html
7285 *
7286 **/
7287 /**
7288  * Copyright 2015 Google Inc. All Rights Reserved.
7289  *
7290  * Licensed under the Apache License, Version 2.0 (the "License");
7291  * you may not use this file except in compliance with the License.
7292  * You may obtain a copy of the License at
7293  *
7294  *      http://www.apache.org/licenses/LICENSE-2.0
7295  *
7296  * Unless required by applicable law or agreed to in writing, software
7297  * distributed under the License is distributed on an "AS IS" BASIS,
7298  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7299  * See the License for the specific language governing permissions and
7300  * limitations under the License.
7301  */
7302 /* ==========  Color Palettes  ========== */
7303 /* colors.scss */
7304 /**
7305  * Copyright 2015 Google Inc. All Rights Reserved.
7306  *
7307  * Licensed under the Apache License, Version 2.0 (the "License");
7308  * you may not use this file except in compliance with the License.
7309  * You may obtain a copy of the License at
7310  *
7311  *      http://www.apache.org/licenses/LICENSE-2.0
7312  *
7313  * Unless required by applicable law or agreed to in writing, software
7314  * distributed under the License is distributed on an "AS IS" BASIS,
7315  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7316  * See the License for the specific language governing permissions and
7317  * limitations under the License.
7318  */
7319 /* ==========  IMAGES  ========== */
7320 /* ==========  Color & Themes  ========== */
7321 /* ==========  Typography  ========== */
7322 /* ==========  Components  ========== */
7323 /* ==========  Standard Buttons  ========== */
7324 /* ==========  Icon Toggles  ========== */
7325 /* ==========  Radio Buttons  ========== */
7326 /* ==========  Ripple effect  ========== */
7327 /* ==========  Layout  ========== */
7328 /* ==========  Content Tabs  ========== */
7329 /* ==========  Checkboxes  ========== */
7330 /* ==========  Switches  ========== */
7331 /* ==========  Spinner  ========== */
7332 /* ==========  Text fields  ========== */
7333 /* ==========  Card  ========== */
7334 /* ==========  Sliders ========== */
7335 /* ========== Progress ========== */
7336 /* ==========  List ========== */
7337 /* ==========  Item ========== */
7338 /* ==========  Dropdown menu ========== */
7339 /* ==========  Tooltips  ========== */
7340 /* ==========  Footer  ========== */
7341 /* TEXTFIELD */
7342 /* SWITCH */
7343 /* SPINNER */
7344 /* RADIO */
7345 /* MENU */
7346 /* LIST */
7347 /* LAYOUT */
7348 /* ICON TOGGLE */
7349 /* FOOTER */
7350 /*mega-footer*/
7351 /*mini-footer*/
7352 /* CHECKBOX */
7353 /* CARD */
7354 /* Card dimensions */
7355 /* Cover image */
7356 /* BUTTON */
7357 /**
7358  *
7359  * Dimensions
7360  *
7361  */
7362 /* ANIMATION */
7363 /* PROGRESS */
7364 /* BADGE */
7365 /* SHADOWS */
7366 /* GRID */
7367 /* DATA TABLE */
7368 /* DIALOG */
7369 /* SNACKBAR */
7370 /* TOOLTIP */
7371 /* CHIP */
7372 /**
7373  * Copyright 2015 Google Inc. All Rights Reserved.
7374  *
7375  * Licensed under the Apache License, Version 2.0 (the "License");
7376  * you may not use this file except in compliance with the License.
7377  * You may obtain a copy of the License at
7378  *
7379  *      http://www.apache.org/licenses/LICENSE-2.0
7380  *
7381  * Unless required by applicable law or agreed to in writing, software
7382  * distributed under the License is distributed on an "AS IS" BASIS,
7383  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7384  * See the License for the specific language governing permissions and
7385  * limitations under the License.
7386  */
7387 /* Typography */
7388 /* Shadows */
7389 /* Animations */
7390 /* Dialog */
7391 .mdl-list {
7392     display: block;
7393     padding: 8px 0;
7394     list-style: none;
7395 }
7396
7397 .mdl-list__item {
7398     font-family: "Roboto";
7399     font-size: 16px;
7400     font-weight: 400;
7401     line-height: 24px;
7402     letter-spacing: 0.04em;
7403     line-height: 1;
7404     display: -webkit-flex;
7405     display: -ms-flexbox;
7406     display: flex;
7407     min-height: 48px;
7408     box-sizing: border-box;
7409     -webkit-flex-direction: row;
7410     -ms-flex-direction: row;
7411     flex-direction: row;
7412     -webkit-flex-wrap: nowrap;
7413     -ms-flex-wrap: nowrap;
7414     flex-wrap: nowrap;
7415     -webkit-align-items: center;
7416     -ms-flex-align: center;
7417     align-items: center;
7418     padding: 16px;
7419     cursor: default;
7420     color: rgba(0, 0, 0, 0.87);
7421     overflow: hidden;
7422 }
7423
7424 .mdl-list__item .mdl-list__item-primary-content {
7425     -webkit-order: 0;
7426     -ms-flex-order: 0;
7427     order: 0;
7428     -webkit-flex-grow: 2;
7429     -ms-flex-positive: 2;
7430     flex-grow: 2;
7431     text-decoration: none;
7432     box-sizing: border-box;
7433     display: -webkit-flex;
7434     display: -ms-flexbox;
7435     display: flex;
7436     -webkit-align-items: center;
7437     -ms-flex-align: center;
7438     align-items: center;
7439 }
7440
7441 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
7442     margin-right: 32px;
7443 }
7444
7445 .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
7446     margin-right: 16px;
7447 }
7448
7449 .mdl-list__item .mdl-list__item-secondary-content {
7450     display: -webkit-flex;
7451     display: -ms-flexbox;
7452     display: flex;
7453     -webkit-flex-flow: column;
7454     -ms-flex-flow: column;
7455     flex-flow: column;
7456     -webkit-align-items: flex-end;
7457     -ms-flex-align: end;
7458     align-items: flex-end;
7459     margin-left: 16px;
7460 }
7461
7462 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
7463     display: inline;
7464 }
7465
7466 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
7467     font-size: 12px;
7468     font-weight: 400;
7469     line-height: 1;
7470     letter-spacing: 0;
7471     color: rgba(0, 0, 0, 0.54);
7472 }
7473
7474 .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
7475     padding: 0 0 0 16px;
7476 }
7477
7478 .mdl-list__item-icon,
7479 .mdl-list__item-icon.material-icons {
7480     height: 24px;
7481     width: 24px;
7482     font-size: 24px;
7483     box-sizing: border-box;
7484     color: rgb(117, 117, 117);
7485 }
7486
7487 .mdl-list__item-avatar,
7488 .mdl-list__item-avatar.material-icons {
7489     height: 40px;
7490     width: 40px;
7491     box-sizing: border-box;
7492     border-radius: 50%;
7493     background-color: rgb(117, 117, 117);
7494     font-size: 40px;
7495     color: white;
7496 }
7497
7498 .mdl-list__item--two-line {
7499     height: 72px;
7500 }
7501
7502 .mdl-list__item--two-line .mdl-list__item-primary-content {
7503     height: 36px;
7504     line-height: 20px;
7505     display: block;
7506 }
7507
7508 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
7509     float: left;
7510 }
7511
7512 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
7513     float: left;
7514     margin-top: 6px;
7515 }
7516
7517 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
7518     height: 36px;
7519 }
7520
7521 .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
7522     font-size: 14px;
7523     font-weight: 400;
7524     line-height: 24px;
7525     letter-spacing: 0;
7526     line-height: 18px;
7527     color: rgba(0, 0, 0, 0.54);
7528     display: block;
7529     padding: 0;
7530 }
7531
7532 .mdl-list__item--three-line {
7533     height: 88px;
7534 }
7535
7536 .mdl-list__item--three-line .mdl-list__item-primary-content {
7537     height: 52px;
7538     line-height: 20px;
7539     display: block;
7540 }
7541
7542 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
7543 .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
7544     float: left;
7545 }
7546
7547 .mdl-list__item--three-line .mdl-list__item-secondary-content {
7548     height: 52px;
7549 }
7550
7551 .mdl-list__item--three-line .mdl-list__item-text-body {
7552     font-size: 14px;
7553     font-weight: 400;
7554     line-height: 24px;
7555     letter-spacing: 0;
7556     line-height: 18px;
7557     height: 52px;
7558     color: rgba(0, 0, 0, 0.54);
7559     display: block;
7560     padding: 0;
7561 }
7562
7563 /**
7564  * Copyright 2015 Google Inc. All Rights Reserved.
7565  *
7566  * Licensed under the Apache License, Version 2.0 (the "License");
7567  * you may not use this file except in compliance with the License.
7568  * You may obtain a copy of the License at
7569  *
7570  *      http://www.apache.org/licenses/LICENSE-2.0
7571  *
7572  * Unless required by applicable law or agreed to in writing, software
7573  * distributed under the License is distributed on an "AS IS" BASIS,
7574  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7575  * See the License for the specific language governing permissions and
7576  * limitations under the License.
7577  */
7578 /**
7579  * Copyright 2015 Google Inc. All Rights Reserved.
7580  *
7581  * Licensed under the Apache License, Version 2.0 (the "License");
7582  * you may not use this file except in compliance with the License.
7583  * You may obtain a copy of the License at
7584  *
7585  *      http://www.apache.org/licenses/LICENSE-2.0
7586  *
7587  * Unless required by applicable law or agreed to in writing, software
7588  * distributed under the License is distributed on an "AS IS" BASIS,
7589  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7590  * See the License for the specific language governing permissions and
7591  * limitations under the License.
7592  */
7593 /*------------------------------------*    $CONTENTS
7594 \*------------------------------------*/
7595 /**
7596  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7597  * -----Typography
7598  * -----Colors
7599  * -----Textfield
7600  * -----Switch
7601  * -----Spinner
7602  * -----Radio
7603  * -----Menu
7604  * -----List
7605  * -----Layout
7606  * -----Icon toggles
7607  * -----Footer
7608  * -----Column
7609  * -----Checkbox
7610  * -----Card
7611  * -----Button
7612  * -----Animation
7613  * -----Progress
7614  * -----Badge
7615  * -----Shadows
7616  * -----Grid
7617  * -----Data table
7618  * -----Dialog
7619  * -----Snackbar
7620  * -----Tooltip
7621  * -----Chip
7622  *
7623  * Even though all variables have the `!default` directive, most of them
7624  * should not be changed as they are dependent one another. This can cause
7625  * visual distortions (like alignment issues) that are hard to track down
7626  * and fix.
7627  */
7628 /* ==========  TYPOGRAPHY  ========== */
7629 /* We're splitting fonts into "preferred" and "performance" in order to optimize
7630    page loading. For important text, such as the body, we want it to load
7631    immediately and not wait for the web font load, whereas for other sections,
7632    such as headers and titles, we're OK with things taking a bit longer to load.
7633    We do have some optional classes and parameters in the mixins, in case you
7634    definitely want to make sure you're using the preferred font and don't mind
7635    the performance hit.
7636    We should be able to improve on this once CSS Font Loading L3 becomes more
7637    widely available.
7638 */
7639 /* ==========  COLORS  ========== */
7640 /**
7641 *
7642 * Material design color palettes.
7643 * @see http://www.google.com/design/spec/style/color.html
7644 *
7645 **/
7646 /**
7647  * Copyright 2015 Google Inc. All Rights Reserved.
7648  *
7649  * Licensed under the Apache License, Version 2.0 (the "License");
7650  * you may not use this file except in compliance with the License.
7651  * You may obtain a copy of the License at
7652  *
7653  *      http://www.apache.org/licenses/LICENSE-2.0
7654  *
7655  * Unless required by applicable law or agreed to in writing, software
7656  * distributed under the License is distributed on an "AS IS" BASIS,
7657  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7658  * See the License for the specific language governing permissions and
7659  * limitations under the License.
7660  */
7661 /* ==========  Color Palettes  ========== */
7662 /* colors.scss */
7663 /**
7664  * Copyright 2015 Google Inc. All Rights Reserved.
7665  *
7666  * Licensed under the Apache License, Version 2.0 (the "License");
7667  * you may not use this file except in compliance with the License.
7668  * You may obtain a copy of the License at
7669  *
7670  *      http://www.apache.org/licenses/LICENSE-2.0
7671  *
7672  * Unless required by applicable law or agreed to in writing, software
7673  * distributed under the License is distributed on an "AS IS" BASIS,
7674  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7675  * See the License for the specific language governing permissions and
7676  * limitations under the License.
7677  */
7678 /* ==========  IMAGES  ========== */
7679 /* ==========  Color & Themes  ========== */
7680 /* ==========  Typography  ========== */
7681 /* ==========  Components  ========== */
7682 /* ==========  Standard Buttons  ========== */
7683 /* ==========  Icon Toggles  ========== */
7684 /* ==========  Radio Buttons  ========== */
7685 /* ==========  Ripple effect  ========== */
7686 /* ==========  Layout  ========== */
7687 /* ==========  Content Tabs  ========== */
7688 /* ==========  Checkboxes  ========== */
7689 /* ==========  Switches  ========== */
7690 /* ==========  Spinner  ========== */
7691 /* ==========  Text fields  ========== */
7692 /* ==========  Card  ========== */
7693 /* ==========  Sliders ========== */
7694 /* ========== Progress ========== */
7695 /* ==========  List ========== */
7696 /* ==========  Item ========== */
7697 /* ==========  Dropdown menu ========== */
7698 /* ==========  Tooltips  ========== */
7699 /* ==========  Footer  ========== */
7700 /* TEXTFIELD */
7701 /* SWITCH */
7702 /* SPINNER */
7703 /* RADIO */
7704 /* MENU */
7705 /* LIST */
7706 /* LAYOUT */
7707 /* ICON TOGGLE */
7708 /* FOOTER */
7709 /*mega-footer*/
7710 /*mini-footer*/
7711 /* CHECKBOX */
7712 /* CARD */
7713 /* Card dimensions */
7714 /* Cover image */
7715 /* BUTTON */
7716 /**
7717  *
7718  * Dimensions
7719  *
7720  */
7721 /* ANIMATION */
7722 /* PROGRESS */
7723 /* BADGE */
7724 /* SHADOWS */
7725 /* GRID */
7726 /* DATA TABLE */
7727 /* DIALOG */
7728 /* SNACKBAR */
7729 /* TOOLTIP */
7730 /* CHIP */
7731 /**
7732  * Copyright 2015 Google Inc. All Rights Reserved.
7733  *
7734  * Licensed under the Apache License, Version 2.0 (the "License");
7735  * you may not use this file except in compliance with the License.
7736  * You may obtain a copy of the License at
7737  *
7738  *      http://www.apache.org/licenses/LICENSE-2.0
7739  *
7740  * Unless required by applicable law or agreed to in writing, software
7741  * distributed under the License is distributed on an "AS IS" BASIS,
7742  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7743  * See the License for the specific language governing permissions and
7744  * limitations under the License.
7745  */
7746 /* Typography */
7747 /* Shadows */
7748 /* Animations */
7749 /* Dialog */
7750 .mdl-menu__container {
7751     display: block;
7752     margin: 0;
7753     padding: 0;
7754     border: none;
7755     position: absolute;
7756     overflow: visible;
7757     height: 0;
7758     width: 0;
7759     visibility: hidden;
7760     z-index: -1;
7761 }
7762
7763 .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
7764     z-index: 999;
7765     visibility: visible;
7766 }
7767
7768 .mdl-menu__outline {
7769     display: block;
7770     background: rgb(255, 255, 255);
7771     margin: 0;
7772     padding: 0;
7773     border: none;
7774     border-radius: 2px;
7775     position: absolute;
7776     top: 0;
7777     left: 0;
7778     overflow: hidden;
7779     opacity: 0;
7780     -webkit-transform: scale(0);
7781     transform: scale(0);
7782     -webkit-transform-origin: 0 0;
7783     transform-origin: 0 0;
7784     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);
7785     will-change: transform;
7786     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
7787     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
7788     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);
7789     z-index: -1;
7790 }
7791
7792 .mdl-menu__container.is-visible .mdl-menu__outline {
7793     opacity: 1;
7794     -webkit-transform: scale(1);
7795     transform: scale(1);
7796     z-index: 999;
7797 }
7798
7799 .mdl-menu__outline.mdl-menu--bottom-right {
7800     -webkit-transform-origin: 100% 0;
7801     transform-origin: 100% 0;
7802 }
7803
7804 .mdl-menu__outline.mdl-menu--top-left {
7805     -webkit-transform-origin: 0 100%;
7806     transform-origin: 0 100%;
7807 }
7808
7809 .mdl-menu__outline.mdl-menu--top-right {
7810     -webkit-transform-origin: 100% 100%;
7811     transform-origin: 100% 100%;
7812 }
7813
7814 .mdl-menu {
7815     position: absolute;
7816     list-style: none;
7817     top: 0;
7818     left: 0;
7819     height: auto;
7820     width: auto;
7821     min-width: 124px;
7822     padding: 8px 0;
7823     margin: 0;
7824     opacity: 0;
7825     clip: rect(0 0 0 0);
7826     z-index: -1;
7827 }
7828
7829 .mdl-menu__container.is-visible .mdl-menu {
7830     opacity: 1;
7831     z-index: 999;
7832 }
7833
7834 .mdl-menu.is-animating {
7835     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
7836 }
7837
7838 .mdl-menu.mdl-menu--bottom-right {
7839     left: auto;
7840     right: 0;
7841 }
7842
7843 .mdl-menu.mdl-menu--top-left {
7844     top: auto;
7845     bottom: 0;
7846 }
7847
7848 .mdl-menu.mdl-menu--top-right {
7849     top: auto;
7850     left: auto;
7851     bottom: 0;
7852     right: 0;
7853 }
7854
7855 .mdl-menu.mdl-menu--unaligned {
7856     top: auto;
7857     left: auto;
7858 }
7859
7860 .mdl-menu__item {
7861     display: block;
7862     border: none;
7863     color: rgba(0, 0, 0, 0.87);
7864     background-color: transparent;
7865     text-align: left;
7866     margin: 0;
7867     padding: 0 16px;
7868     outline-color: rgb(189, 189, 189);
7869     position: relative;
7870     overflow: hidden;
7871     font-size: 14px;
7872     font-weight: 400;
7873     line-height: 24px;
7874     letter-spacing: 0;
7875     text-decoration: none;
7876     cursor: pointer;
7877     height: 48px;
7878     line-height: 48px;
7879     white-space: nowrap;
7880     opacity: 0;
7881     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
7882     -webkit-user-select: none;
7883     -moz-user-select: none;
7884     -ms-user-select: none;
7885     user-select: none;
7886 }
7887
7888 .mdl-menu__container.is-visible .mdl-menu__item {
7889     opacity: 1;
7890 }
7891
7892 .mdl-menu__item::-moz-focus-inner {
7893     border: 0;
7894 }
7895
7896 .mdl-menu__item--full-bleed-divider {
7897     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
7898 }
7899
7900 .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
7901     color: rgb(189, 189, 189);
7902     background-color: transparent;
7903     cursor: auto;
7904 }
7905
7906 .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
7907     background-color: transparent;
7908 }
7909
7910 .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
7911     background-color: transparent;
7912 }
7913
7914 .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
7915     background: transparent;
7916 }
7917
7918 .mdl-menu__item:hover {
7919     background-color: rgb(238, 238, 238);
7920 }
7921
7922 .mdl-menu__item:focus {
7923     outline: none;
7924     background-color: rgb(238, 238, 238);
7925 }
7926
7927 .mdl-menu__item:active {
7928     background-color: rgb(224, 224, 224);
7929 }
7930
7931 .mdl-menu__item--ripple-container {
7932     display: block;
7933     height: 100%;
7934     left: 0px;
7935     position: absolute;
7936     top: 0px;
7937     width: 100%;
7938     z-index: 0;
7939     overflow: hidden;
7940 }
7941
7942 /**
7943  * Copyright 2015 Google Inc. All Rights Reserved.
7944  *
7945  * Licensed under the Apache License, Version 2.0 (the "License");
7946  * you may not use this file except in compliance with the License.
7947  * You may obtain a copy of the License at
7948  *
7949  *      http://www.apache.org/licenses/LICENSE-2.0
7950  *
7951  * Unless required by applicable law or agreed to in writing, software
7952  * distributed under the License is distributed on an "AS IS" BASIS,
7953  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7954  * See the License for the specific language governing permissions and
7955  * limitations under the License.
7956  */
7957 /**
7958  * Copyright 2015 Google Inc. All Rights Reserved.
7959  *
7960  * Licensed under the Apache License, Version 2.0 (the "License");
7961  * you may not use this file except in compliance with the License.
7962  * You may obtain a copy of the License at
7963  *
7964  *      http://www.apache.org/licenses/LICENSE-2.0
7965  *
7966  * Unless required by applicable law or agreed to in writing, software
7967  * distributed under the License is distributed on an "AS IS" BASIS,
7968  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7969  * See the License for the specific language governing permissions and
7970  * limitations under the License.
7971  */
7972 /*------------------------------------*    $CONTENTS
7973 \*------------------------------------*/
7974 /**
7975  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7976  * -----Typography
7977  * -----Colors
7978  * -----Textfield
7979  * -----Switch
7980  * -----Spinner
7981  * -----Radio
7982  * -----Menu
7983  * -----List
7984  * -----Layout
7985  * -----Icon toggles
7986  * -----Footer
7987  * -----Column
7988  * -----Checkbox
7989  * -----Card
7990  * -----Button
7991  * -----Animation
7992  * -----Progress
7993  * -----Badge
7994  * -----Shadows
7995  * -----Grid
7996  * -----Data table
7997  * -----Dialog
7998  * -----Snackbar
7999  * -----Tooltip
8000  * -----Chip
8001  *
8002  * Even though all variables have the `!default` directive, most of them
8003  * should not be changed as they are dependent one another. This can cause
8004  * visual distortions (like alignment issues) that are hard to track down
8005  * and fix.
8006  */
8007 /* ==========  TYPOGRAPHY  ========== */
8008 /* We're splitting fonts into "preferred" and "performance" in order to optimize
8009    page loading. For important text, such as the body, we want it to load
8010    immediately and not wait for the web font load, whereas for other sections,
8011    such as headers and titles, we're OK with things taking a bit longer to load.
8012    We do have some optional classes and parameters in the mixins, in case you
8013    definitely want to make sure you're using the preferred font and don't mind
8014    the performance hit.
8015    We should be able to improve on this once CSS Font Loading L3 becomes more
8016    widely available.
8017 */
8018 /* ==========  COLORS  ========== */
8019 /**
8020 *
8021 * Material design color palettes.
8022 * @see http://www.google.com/design/spec/style/color.html
8023 *
8024 **/
8025 /**
8026  * Copyright 2015 Google Inc. All Rights Reserved.
8027  *
8028  * Licensed under the Apache License, Version 2.0 (the "License");
8029  * you may not use this file except in compliance with the License.
8030  * You may obtain a copy of the License at
8031  *
8032  *      http://www.apache.org/licenses/LICENSE-2.0
8033  *
8034  * Unless required by applicable law or agreed to in writing, software
8035  * distributed under the License is distributed on an "AS IS" BASIS,
8036  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8037  * See the License for the specific language governing permissions and
8038  * limitations under the License.
8039  */
8040 /* ==========  Color Palettes  ========== */
8041 /* colors.scss */
8042 /**
8043  * Copyright 2015 Google Inc. All Rights Reserved.
8044  *
8045  * Licensed under the Apache License, Version 2.0 (the "License");
8046  * you may not use this file except in compliance with the License.
8047  * You may obtain a copy of the License at
8048  *
8049  *      http://www.apache.org/licenses/LICENSE-2.0
8050  *
8051  * Unless required by applicable law or agreed to in writing, software
8052  * distributed under the License is distributed on an "AS IS" BASIS,
8053  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8054  * See the License for the specific language governing permissions and
8055  * limitations under the License.
8056  */
8057 /* ==========  IMAGES  ========== */
8058 /* ==========  Color & Themes  ========== */
8059 /* ==========  Typography  ========== */
8060 /* ==========  Components  ========== */
8061 /* ==========  Standard Buttons  ========== */
8062 /* ==========  Icon Toggles  ========== */
8063 /* ==========  Radio Buttons  ========== */
8064 /* ==========  Ripple effect  ========== */
8065 /* ==========  Layout  ========== */
8066 /* ==========  Content Tabs  ========== */
8067 /* ==========  Checkboxes  ========== */
8068 /* ==========  Switches  ========== */
8069 /* ==========  Spinner  ========== */
8070 /* ==========  Text fields  ========== */
8071 /* ==========  Card  ========== */
8072 /* ==========  Sliders ========== */
8073 /* ========== Progress ========== */
8074 /* ==========  List ========== */
8075 /* ==========  Item ========== */
8076 /* ==========  Dropdown menu ========== */
8077 /* ==========  Tooltips  ========== */
8078 /* ==========  Footer  ========== */
8079 /* TEXTFIELD */
8080 /* SWITCH */
8081 /* SPINNER */
8082 /* RADIO */
8083 /* MENU */
8084 /* LIST */
8085 /* LAYOUT */
8086 /* ICON TOGGLE */
8087 /* FOOTER */
8088 /*mega-footer*/
8089 /*mini-footer*/
8090 /* CHECKBOX */
8091 /* CARD */
8092 /* Card dimensions */
8093 /* Cover image */
8094 /* BUTTON */
8095 /**
8096  *
8097  * Dimensions
8098  *
8099  */
8100 /* ANIMATION */
8101 /* PROGRESS */
8102 /* BADGE */
8103 /* SHADOWS */
8104 /* GRID */
8105 /* DATA TABLE */
8106 /* DIALOG */
8107 /* SNACKBAR */
8108 /* TOOLTIP */
8109 /* CHIP */
8110 .mdl-progress {
8111     display: block;
8112     position: relative;
8113     height: 4px;
8114     width: 500px;
8115     max-width: 100%;
8116 }
8117
8118 .mdl-progress > .bar {
8119     display: block;
8120     position: absolute;
8121     top: 0;
8122     bottom: 0;
8123     width: 0%;
8124     transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
8125 }
8126
8127 .mdl-progress > .progressbar {
8128     background-color: rgb(63, 81, 181);
8129     z-index: 1;
8130     left: 0;
8131 }
8132
8133 .mdl-progress > .bufferbar {
8134     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));
8135     z-index: 0;
8136     left: 0;
8137 }
8138
8139 .mdl-progress > .auxbar {
8140     right: 0;
8141 }
8142
8143 @supports (-webkit-appearance: none) {
8144     .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
8145     .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
8146         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));
8147         -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
8148         mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
8149     }
8150 }
8151
8152 .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
8153 .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
8154     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));
8155 }
8156
8157 .mdl-progress.mdl-progress--indeterminate > .bar1,
8158 .mdl-progress.mdl-progress__indeterminate > .bar1 {
8159     background-color: rgb(63, 81, 181);
8160     -webkit-animation-name: indeterminate1;
8161     animation-name: indeterminate1;
8162     -webkit-animation-duration: 2s;
8163     animation-duration: 2s;
8164     -webkit-animation-iteration-count: infinite;
8165     animation-iteration-count: infinite;
8166     -webkit-animation-timing-function: linear;
8167     animation-timing-function: linear;
8168 }
8169
8170 .mdl-progress.mdl-progress--indeterminate > .bar3,
8171 .mdl-progress.mdl-progress__indeterminate > .bar3 {
8172     background-image: none;
8173     background-color: rgb(63, 81, 181);
8174     -webkit-animation-name: indeterminate2;
8175     animation-name: indeterminate2;
8176     -webkit-animation-duration: 2s;
8177     animation-duration: 2s;
8178     -webkit-animation-iteration-count: infinite;
8179     animation-iteration-count: infinite;
8180     -webkit-animation-timing-function: linear;
8181     animation-timing-function: linear;
8182 }
8183
8184 @-webkit-keyframes indeterminate1 {
8185     0% {
8186         left: 0%;
8187         width: 0%;
8188     }
8189     50% {
8190         left: 25%;
8191         width: 75%;
8192     }
8193     75% {
8194         left: 100%;
8195         width: 0%;
8196     }
8197 }
8198
8199 @keyframes indeterminate1 {
8200     0% {
8201         left: 0%;
8202         width: 0%;
8203     }
8204     50% {
8205         left: 25%;
8206         width: 75%;
8207     }
8208     75% {
8209         left: 100%;
8210         width: 0%;
8211     }
8212 }
8213
8214 @-webkit-keyframes indeterminate2 {
8215     0% {
8216         left: 0%;
8217         width: 0%;
8218     }
8219     50% {
8220         left: 0%;
8221         width: 0%;
8222     }
8223     75% {
8224         left: 0%;
8225         width: 25%;
8226     }
8227     100% {
8228         left: 100%;
8229         width: 0%;
8230     }
8231 }
8232
8233 @keyframes indeterminate2 {
8234     0% {
8235         left: 0%;
8236         width: 0%;
8237     }
8238     50% {
8239         left: 0%;
8240         width: 0%;
8241     }
8242     75% {
8243         left: 0%;
8244         width: 25%;
8245     }
8246     100% {
8247         left: 100%;
8248         width: 0%;
8249     }
8250 }
8251
8252 /**
8253  * Copyright 2015 Google Inc. All Rights Reserved.
8254  *
8255  * Licensed under the Apache License, Version 2.0 (the "License");
8256  * you may not use this file except in compliance with the License.
8257  * You may obtain a copy of the License at
8258  *
8259  *      http://www.apache.org/licenses/LICENSE-2.0
8260  *
8261  * Unless required by applicable law or agreed to in writing, software
8262  * distributed under the License is distributed on an "AS IS" BASIS,
8263  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8264  * See the License for the specific language governing permissions and
8265  * limitations under the License.
8266  */
8267 /**
8268  * Copyright 2015 Google Inc. All Rights Reserved.
8269  *
8270  * Licensed under the Apache License, Version 2.0 (the "License");
8271  * you may not use this file except in compliance with the License.
8272  * You may obtain a copy of the License at
8273  *
8274  *      http://www.apache.org/licenses/LICENSE-2.0
8275  *
8276  * Unless required by applicable law or agreed to in writing, software
8277  * distributed under the License is distributed on an "AS IS" BASIS,
8278  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8279  * See the License for the specific language governing permissions and
8280  * limitations under the License.
8281  */
8282 /*------------------------------------*    $CONTENTS
8283 \*------------------------------------*/
8284 /**
8285  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8286  * -----Typography
8287  * -----Colors
8288  * -----Textfield
8289  * -----Switch
8290  * -----Spinner
8291  * -----Radio
8292  * -----Menu
8293  * -----List
8294  * -----Layout
8295  * -----Icon toggles
8296  * -----Footer
8297  * -----Column
8298  * -----Checkbox
8299  * -----Card
8300  * -----Button
8301  * -----Animation
8302  * -----Progress
8303  * -----Badge
8304  * -----Shadows
8305  * -----Grid
8306  * -----Data table
8307  * -----Dialog
8308  * -----Snackbar
8309  * -----Tooltip
8310  * -----Chip
8311  *
8312  * Even though all variables have the `!default` directive, most of them
8313  * should not be changed as they are dependent one another. This can cause
8314  * visual distortions (like alignment issues) that are hard to track down
8315  * and fix.
8316  */
8317 /* ==========  TYPOGRAPHY  ========== */
8318 /* We're splitting fonts into "preferred" and "performance" in order to optimize
8319    page loading. For important text, such as the body, we want it to load
8320    immediately and not wait for the web font load, whereas for other sections,
8321    such as headers and titles, we're OK with things taking a bit longer to load.
8322    We do have some optional classes and parameters in the mixins, in case you
8323    definitely want to make sure you're using the preferred font and don't mind
8324    the performance hit.
8325    We should be able to improve on this once CSS Font Loading L3 becomes more
8326    widely available.
8327 */
8328 /* ==========  COLORS  ========== */
8329 /**
8330 *
8331 * Material design color palettes.
8332 * @see http://www.google.com/design/spec/style/color.html
8333 *
8334 **/
8335 /**
8336  * Copyright 2015 Google Inc. All Rights Reserved.
8337  *
8338  * Licensed under the Apache License, Version 2.0 (the "License");
8339  * you may not use this file except in compliance with the License.
8340  * You may obtain a copy of the License at
8341  *
8342  *      http://www.apache.org/licenses/LICENSE-2.0
8343  *
8344  * Unless required by applicable law or agreed to in writing, software
8345  * distributed under the License is distributed on an "AS IS" BASIS,
8346  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8347  * See the License for the specific language governing permissions and
8348  * limitations under the License.
8349  */
8350 /* ==========  Color Palettes  ========== */
8351 /* colors.scss */
8352 /**
8353  * Copyright 2015 Google Inc. All Rights Reserved.
8354  *
8355  * Licensed under the Apache License, Version 2.0 (the "License");
8356  * you may not use this file except in compliance with the License.
8357  * You may obtain a copy of the License at
8358  *
8359  *      http://www.apache.org/licenses/LICENSE-2.0
8360  *
8361  * Unless required by applicable law or agreed to in writing, software
8362  * distributed under the License is distributed on an "AS IS" BASIS,
8363  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8364  * See the License for the specific language governing permissions and
8365  * limitations under the License.
8366  */
8367 /* ==========  IMAGES  ========== */
8368 /* ==========  Color & Themes  ========== */
8369 /* ==========  Typography  ========== */
8370 /* ==========  Components  ========== */
8371 /* ==========  Standard Buttons  ========== */
8372 /* ==========  Icon Toggles  ========== */
8373 /* ==========  Radio Buttons  ========== */
8374 /* ==========  Ripple effect  ========== */
8375 /* ==========  Layout  ========== */
8376 /* ==========  Content Tabs  ========== */
8377 /* ==========  Checkboxes  ========== */
8378 /* ==========  Switches  ========== */
8379 /* ==========  Spinner  ========== */
8380 /* ==========  Text fields  ========== */
8381 /* ==========  Card  ========== */
8382 /* ==========  Sliders ========== */
8383 /* ========== Progress ========== */
8384 /* ==========  List ========== */
8385 /* ==========  Item ========== */
8386 /* ==========  Dropdown menu ========== */
8387 /* ==========  Tooltips  ========== */
8388 /* ==========  Footer  ========== */
8389 /* TEXTFIELD */
8390 /* SWITCH */
8391 /* SPINNER */
8392 /* RADIO */
8393 /* MENU */
8394 /* LIST */
8395 /* LAYOUT */
8396 /* ICON TOGGLE */
8397 /* FOOTER */
8398 /*mega-footer*/
8399 /*mini-footer*/
8400 /* CHECKBOX */
8401 /* CARD */
8402 /* Card dimensions */
8403 /* Cover image */
8404 /* BUTTON */
8405 /**
8406  *
8407  * Dimensions
8408  *
8409  */
8410 /* ANIMATION */
8411 /* PROGRESS */
8412 /* BADGE */
8413 /* SHADOWS */
8414 /* GRID */
8415 /* DATA TABLE */
8416 /* DIALOG */
8417 /* SNACKBAR */
8418 /* TOOLTIP */
8419 /* CHIP */
8420 /**
8421  * Copyright 2015 Google Inc. All Rights Reserved.
8422  *
8423  * Licensed under the Apache License, Version 2.0 (the "License");
8424  * you may not use this file except in compliance with the License.
8425  * You may obtain a copy of the License at
8426  *
8427  *      http://www.apache.org/licenses/LICENSE-2.0
8428  *
8429  * Unless required by applicable law or agreed to in writing, software
8430  * distributed under the License is distributed on an "AS IS" BASIS,
8431  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8432  * See the License for the specific language governing permissions and
8433  * limitations under the License.
8434  */
8435 /* Typography */
8436 /* Shadows */
8437 /* Animations */
8438 /* Dialog */
8439 .mdl-navigation {
8440     display: -webkit-flex;
8441     display: -ms-flexbox;
8442     display: flex;
8443     -webkit-flex-wrap: nowrap;
8444     -ms-flex-wrap: nowrap;
8445     flex-wrap: nowrap;
8446     box-sizing: border-box;
8447 }
8448
8449 .mdl-navigation__link {
8450     color: rgb(66, 66, 66);
8451     text-decoration: none;
8452     margin: 0;
8453     font-size: 14px;
8454     font-weight: 400;
8455     line-height: 24px;
8456     letter-spacing: 0;
8457     opacity: 0.87;
8458 }
8459
8460 .mdl-navigation__link .material-icons {
8461     vertical-align: middle;
8462 }
8463
8464 .mdl-layout {
8465     width: 100%;
8466     height: 100%;
8467     display: -webkit-flex;
8468     display: -ms-flexbox;
8469     display: flex;
8470     -webkit-flex-direction: column;
8471     -ms-flex-direction: column;
8472     flex-direction: column;
8473     overflow-y: auto;
8474     overflow-x: hidden;
8475     position: relative;
8476     -webkit-overflow-scrolling: touch;
8477 }
8478
8479 .mdl-layout.is-small-screen .mdl-layout--large-screen-only {
8480     display: none;
8481 }
8482
8483 .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
8484     display: none;
8485 }
8486
8487 .mdl-layout__container {
8488     position: absolute;
8489     width: 100%;
8490     height: 100%;
8491 }
8492
8493 .mdl-layout__title,
8494 .mdl-layout-title {
8495     display: block;
8496     position: relative;
8497     font-family: "Roboto";
8498     font-size: 20px;
8499     font-weight: 500;
8500     line-height: 1;
8501     letter-spacing: 0.02em;
8502     font-weight: 400;
8503     box-sizing: border-box;
8504 }
8505
8506 .mdl-layout-spacer {
8507     -webkit-flex-grow: 1;
8508     -ms-flex-positive: 1;
8509     flex-grow: 1;
8510 }
8511
8512 .mdl-layout__drawer {
8513     display: -webkit-flex;
8514     display: -ms-flexbox;
8515     display: flex;
8516     -webkit-flex-direction: column;
8517     -ms-flex-direction: column;
8518     flex-direction: column;
8519     -webkit-flex-wrap: nowrap;
8520     -ms-flex-wrap: nowrap;
8521     flex-wrap: nowrap;
8522     width: 240px;
8523     height: 100%;
8524     max-height: 100%;
8525     position: absolute;
8526     top: 0;
8527     left: 0;
8528     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);
8529     box-sizing: border-box;
8530     border-right: 1px solid rgb(224, 224, 224);
8531     background: rgb(250, 250, 250);
8532     -webkit-transform: translateX(-250px);
8533     transform: translateX(-250px);
8534     -webkit-transform-style: preserve-3d;
8535     transform-style: preserve-3d;
8536     will-change: transform;
8537     transition-duration: 0.2s;
8538     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8539     transition-property: -webkit-transform;
8540     transition-property: transform;
8541     transition-property: transform, -webkit-transform;
8542     color: rgb(66, 66, 66);
8543     overflow: visible;
8544     overflow-y: auto;
8545     z-index: 5;
8546 }
8547
8548 .mdl-layout__drawer.is-visible {
8549     -webkit-transform: translateX(0);
8550     transform: translateX(0);
8551 }
8552
8553 .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
8554     overflow: hidden;
8555 }
8556
8557 .mdl-layout__drawer > * {
8558     -webkit-flex-shrink: 0;
8559     -ms-flex-negative: 0;
8560     flex-shrink: 0;
8561 }
8562
8563 .mdl-layout__drawer > .mdl-layout__title,
8564 .mdl-layout__drawer > .mdl-layout-title {
8565     line-height: 64px;
8566     padding-left: 40px;
8567 }
8568
8569 @media screen and (max-width: 1024px) {
8570     .mdl-layout__drawer > .mdl-layout__title,
8571     .mdl-layout__drawer > .mdl-layout-title {
8572         line-height: 56px;
8573         padding-left: 16px;
8574     }
8575 }
8576
8577 .mdl-layout__drawer .mdl-navigation {
8578     -webkit-flex-direction: column;
8579     -ms-flex-direction: column;
8580     flex-direction: column;
8581     -webkit-align-items: stretch;
8582     -ms-flex-align: stretch;
8583     align-items: stretch;
8584     padding-top: 16px;
8585 }
8586
8587 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
8588     display: block;
8589     -webkit-flex-shrink: 0;
8590     -ms-flex-negative: 0;
8591     flex-shrink: 0;
8592     padding: 16px 40px;
8593     margin: 0;
8594     color: #757575;
8595 }
8596
8597 @media screen and (max-width: 1024px) {
8598     .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
8599         padding: 16px 16px;
8600     }
8601 }
8602
8603 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
8604     background-color: rgb(224, 224, 224);
8605 }
8606
8607 .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
8608     background-color: rgb(224, 224, 224);
8609     color: rgb(0, 0, 0);
8610 }
8611
8612 @media screen and (min-width: 1025px) {
8613     .mdl-layout--fixed-drawer > .mdl-layout__drawer {
8614         -webkit-transform: translateX(0);
8615         transform: translateX(0);
8616     }
8617 }
8618
8619 .mdl-layout__drawer-button {
8620     display: block;
8621     position: absolute;
8622     height: 48px;
8623     width: 48px;
8624     border: 0;
8625     -webkit-flex-shrink: 0;
8626     -ms-flex-negative: 0;
8627     flex-shrink: 0;
8628     overflow: hidden;
8629     text-align: center;
8630     cursor: pointer;
8631     font-size: 26px;
8632     line-height: 56px;
8633     font-family: Roboto;
8634     margin: 8px 12px;
8635     top: 0;
8636     left: 0;
8637     color: rgb(255, 255, 255);
8638     z-index: 4;
8639 }
8640
8641 .mdl-layout__header .mdl-layout__drawer-button {
8642     position: absolute;
8643     color: rgb(255, 255, 255);
8644     background-color: inherit;
8645 }
8646
8647 @media screen and (max-width: 1024px) {
8648     .mdl-layout__header .mdl-layout__drawer-button {
8649         margin: 4px;
8650     }
8651 }
8652
8653 @media screen and (max-width: 1024px) {
8654     .mdl-layout__drawer-button {
8655         margin: 4px;
8656         color: rgba(0, 0, 0, 0.5);
8657     }
8658 }
8659
8660 @media screen and (min-width: 1025px) {
8661     .mdl-layout__drawer-button {
8662         line-height: 54px;
8663     }
8664
8665     .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
8666     .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
8667     .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
8668         display: none;
8669     }
8670 }
8671
8672 .mdl-layout__header {
8673     display: -webkit-flex;
8674     display: -ms-flexbox;
8675     display: flex;
8676     -webkit-flex-direction: column;
8677     -ms-flex-direction: column;
8678     flex-direction: column;
8679     -webkit-flex-wrap: nowrap;
8680     -ms-flex-wrap: nowrap;
8681     flex-wrap: nowrap;
8682     -webkit-justify-content: flex-start;
8683     -ms-flex-pack: start;
8684     justify-content: flex-start;
8685     box-sizing: border-box;
8686     -webkit-flex-shrink: 0;
8687     -ms-flex-negative: 0;
8688     flex-shrink: 0;
8689     width: 100%;
8690     margin: 0;
8691     padding: 0;
8692     border: none;
8693     min-height: 64px;
8694     max-height: 1000px;
8695     z-index: 3;
8696     background-color: rgb(63, 81, 181);
8697     color: rgb(255, 255, 255);
8698     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);
8699     transition-duration: 0.2s;
8700     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8701     transition-property: max-height, box-shadow;
8702 }
8703
8704 @media screen and (max-width: 1024px) {
8705     .mdl-layout__header {
8706         min-height: 56px;
8707     }
8708 }
8709
8710 .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
8711     margin-left: 240px;
8712     width: calc(100% - 240px);
8713 }
8714
8715 @media screen and (min-width: 1025px) {
8716     .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
8717         padding-left: 40px;
8718     }
8719 }
8720
8721 .mdl-layout__header > .mdl-layout-icon {
8722     position: absolute;
8723     left: 40px;
8724     top: 16px;
8725     height: 32px;
8726     width: 32px;
8727     overflow: hidden;
8728     z-index: 3;
8729     display: block;
8730 }
8731
8732 @media screen and (max-width: 1024px) {
8733     .mdl-layout__header > .mdl-layout-icon {
8734         left: 16px;
8735         top: 12px;
8736     }
8737 }
8738
8739 .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
8740     display: none;
8741 }
8742
8743 .mdl-layout__header.is-compact {
8744     max-height: 64px;
8745 }
8746
8747 @media screen and (max-width: 1024px) {
8748     .mdl-layout__header.is-compact {
8749         max-height: 56px;
8750     }
8751 }
8752
8753 .mdl-layout__header.is-compact.has-tabs {
8754     height: 112px;
8755 }
8756
8757 @media screen and (max-width: 1024px) {
8758     .mdl-layout__header.is-compact.has-tabs {
8759         min-height: 104px;
8760     }
8761 }
8762
8763 @media screen and (max-width: 1024px) {
8764     .mdl-layout__header {
8765         display: none;
8766     }
8767
8768     .mdl-layout--fixed-header > .mdl-layout__header {
8769         display: -webkit-flex;
8770         display: -ms-flexbox;
8771         display: flex;
8772     }
8773 }
8774
8775 .mdl-layout__header--transparent.mdl-layout__header--transparent {
8776     background-color: transparent;
8777     box-shadow: none;
8778 }
8779
8780 .mdl-layout__header--seamed {
8781     box-shadow: none;
8782 }
8783
8784 .mdl-layout__header--scroll {
8785     box-shadow: none;
8786 }
8787
8788 .mdl-layout__header--waterfall {
8789     box-shadow: none;
8790     overflow: hidden;
8791 }
8792
8793 .mdl-layout__header--waterfall.is-casting-shadow {
8794     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);
8795 }
8796
8797 .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
8798     -webkit-justify-content: flex-end;
8799     -ms-flex-pack: end;
8800     justify-content: flex-end;
8801 }
8802
8803 .mdl-layout__header-row {
8804     display: -webkit-flex;
8805     display: -ms-flexbox;
8806     display: flex;
8807     -webkit-flex-direction: row;
8808     -ms-flex-direction: row;
8809     flex-direction: row;
8810     -webkit-flex-wrap: nowrap;
8811     -ms-flex-wrap: nowrap;
8812     flex-wrap: nowrap;
8813     -webkit-flex-shrink: 0;
8814     -ms-flex-negative: 0;
8815     flex-shrink: 0;
8816     box-sizing: border-box;
8817     -webkit-align-self: stretch;
8818     -ms-flex-item-align: stretch;
8819     align-self: stretch;
8820     -webkit-align-items: center;
8821     -ms-flex-align: center;
8822     align-items: center;
8823     height: 64px;
8824     margin: 0;
8825     padding: 0 40px 0 80px;
8826 }
8827
8828 .mdl-layout--no-drawer-button .mdl-layout__header-row {
8829     padding-left: 40px;
8830 }
8831
8832 @media screen and (min-width: 1025px) {
8833     .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
8834         padding-left: 40px;
8835     }
8836 }
8837
8838 @media screen and (max-width: 1024px) {
8839     .mdl-layout__header-row {
8840         height: 56px;
8841         padding: 0 16px 0 72px;
8842     }
8843
8844     .mdl-layout--no-drawer-button .mdl-layout__header-row {
8845         padding-left: 16px;
8846     }
8847 }
8848
8849 .mdl-layout__header-row > * {
8850     -webkit-flex-shrink: 0;
8851     -ms-flex-negative: 0;
8852     flex-shrink: 0;
8853 }
8854
8855 .mdl-layout__header--scroll .mdl-layout__header-row {
8856     width: 100%;
8857 }
8858
8859 .mdl-layout__header-row .mdl-navigation {
8860     margin: 0;
8861     padding: 0;
8862     height: 64px;
8863     -webkit-flex-direction: row;
8864     -ms-flex-direction: row;
8865     flex-direction: row;
8866     -webkit-align-items: center;
8867     -ms-flex-align: center;
8868     align-items: center;
8869 }
8870
8871 @media screen and (max-width: 1024px) {
8872     .mdl-layout__header-row .mdl-navigation {
8873         height: 56px;
8874     }
8875 }
8876
8877 .mdl-layout__header-row .mdl-navigation__link {
8878     display: block;
8879     color: rgb(255, 255, 255);
8880     line-height: 64px;
8881     padding: 0 24px;
8882 }
8883
8884 @media screen and (max-width: 1024px) {
8885     .mdl-layout__header-row .mdl-navigation__link {
8886         line-height: 56px;
8887         padding: 0 16px;
8888     }
8889 }
8890
8891 .mdl-layout__obfuscator {
8892     background-color: transparent;
8893     position: absolute;
8894     top: 0;
8895     left: 0;
8896     height: 100%;
8897     width: 100%;
8898     z-index: 4;
8899     visibility: hidden;
8900     transition-property: background-color;
8901     transition-duration: 0.2s;
8902     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8903 }
8904
8905 .mdl-layout__obfuscator.is-visible {
8906     background-color: rgba(0, 0, 0, 0.5);
8907     visibility: visible;
8908 }
8909
8910 @supports (pointer-events: auto) {
8911     .mdl-layout__obfuscator {
8912         background-color: rgba(0, 0, 0, 0.5);
8913         opacity: 0;
8914         transition-property: opacity;
8915         visibility: visible;
8916         pointer-events: none;
8917     }
8918
8919     .mdl-layout__obfuscator.is-visible {
8920         pointer-events: auto;
8921         opacity: 1;
8922     }
8923 }
8924
8925 .mdl-layout__content {
8926     -ms-flex: 0 1 auto;
8927     position: relative;
8928     display: inline-block;
8929     overflow-y: auto;
8930     overflow-x: hidden;
8931     -webkit-flex-grow: 1;
8932     -ms-flex-positive: 1;
8933     flex-grow: 1;
8934     z-index: 1;
8935     -webkit-overflow-scrolling: touch;
8936 }
8937
8938 .mdl-layout--fixed-drawer > .mdl-layout__content {
8939     margin-left: 240px;
8940 }
8941
8942 .mdl-layout__container.has-scrolling-header .mdl-layout__content {
8943     overflow: visible;
8944 }
8945
8946 @media screen and (max-width: 1024px) {
8947     .mdl-layout--fixed-drawer > .mdl-layout__content {
8948         margin-left: 0;
8949     }
8950
8951     .mdl-layout__container.has-scrolling-header .mdl-layout__content {
8952         overflow-y: auto;
8953         overflow-x: hidden;
8954     }
8955 }
8956
8957 .mdl-layout__tab-bar {
8958     height: 96px;
8959     margin: 0;
8960     width: calc(100% - 112px);
8961     padding: 0 0 0 56px;
8962     display: -webkit-flex;
8963     display: -ms-flexbox;
8964     display: flex;
8965     background-color: rgb(63, 81, 181);
8966     overflow-y: hidden;
8967     overflow-x: scroll;
8968 }
8969
8970 .mdl-layout__tab-bar::-webkit-scrollbar {
8971     display: none;
8972 }
8973
8974 .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
8975     padding-left: 16px;
8976     width: calc(100% - 32px);
8977 }
8978
8979 @media screen and (min-width: 1025px) {
8980     .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
8981         padding-left: 16px;
8982         width: calc(100% - 32px);
8983     }
8984 }
8985
8986 @media screen and (max-width: 1024px) {
8987     .mdl-layout__tab-bar {
8988         width: calc(100% - 60px);
8989         padding: 0 0 0 60px;
8990     }
8991
8992     .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
8993         width: calc(100% - 8px);
8994         padding-left: 4px;
8995     }
8996 }
8997
8998 .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
8999     padding: 0;
9000     overflow: hidden;
9001     width: 100%;
9002 }
9003
9004 .mdl-layout__tab-bar-container {
9005     position: relative;
9006     height: 48px;
9007     width: 100%;
9008     border: none;
9009     margin: 0;
9010     z-index: 2;
9011     -webkit-flex-grow: 0;
9012     -ms-flex-positive: 0;
9013     flex-grow: 0;
9014     -webkit-flex-shrink: 0;
9015     -ms-flex-negative: 0;
9016     flex-shrink: 0;
9017     overflow: hidden;
9018 }
9019
9020 .mdl-layout__container > .mdl-layout__tab-bar-container {
9021     position: absolute;
9022     top: 0;
9023     left: 0;
9024 }
9025
9026 .mdl-layout__tab-bar-button {
9027     display: inline-block;
9028     position: absolute;
9029     top: 0;
9030     height: 48px;
9031     width: 56px;
9032     z-index: 4;
9033     text-align: center;
9034     background-color: rgb(63, 81, 181);
9035     color: transparent;
9036     cursor: pointer;
9037     -webkit-user-select: none;
9038     -moz-user-select: none;
9039     -ms-user-select: none;
9040     user-select: none;
9041 }
9042
9043 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
9044 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
9045     width: 16px;
9046 }
9047
9048 .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
9049 .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
9050     position: relative;
9051     left: -4px;
9052 }
9053
9054 @media screen and (max-width: 1024px) {
9055     .mdl-layout__tab-bar-button {
9056         width: 60px;
9057     }
9058 }
9059
9060 .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
9061     display: none;
9062 }
9063
9064 .mdl-layout__tab-bar-button .material-icons {
9065     line-height: 48px;
9066 }
9067
9068 .mdl-layout__tab-bar-button.is-active {
9069     color: rgb(255, 255, 255);
9070 }
9071
9072 .mdl-layout__tab-bar-left-button {
9073     left: 0;
9074 }
9075
9076 .mdl-layout__tab-bar-right-button {
9077     right: 0;
9078 }
9079
9080 .mdl-layout__tab {
9081     margin: 0;
9082     border: none;
9083     padding: 0 24px 0 24px;
9084     float: left;
9085     position: relative;
9086     display: block;
9087     -webkit-flex-grow: 0;
9088     -ms-flex-positive: 0;
9089     flex-grow: 0;
9090     -webkit-flex-shrink: 0;
9091     -ms-flex-negative: 0;
9092     flex-shrink: 0;
9093     text-decoration: none;
9094     height: 48px;
9095     line-height: 48px;
9096     text-align: center;
9097     font-weight: 500;
9098     font-size: 14px;
9099     text-transform: uppercase;
9100     color: rgba(255, 255, 255, 0.6);
9101     overflow: hidden;
9102 }
9103
9104 @media screen and (max-width: 1024px) {
9105     .mdl-layout__tab {
9106         padding: 0 12px 0 12px;
9107     }
9108 }
9109
9110 .mdl-layout--fixed-tabs .mdl-layout__tab {
9111     float: none;
9112     -webkit-flex-grow: 1;
9113     -ms-flex-positive: 1;
9114     flex-grow: 1;
9115     padding: 0;
9116 }
9117
9118 .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
9119     color: rgb(255, 255, 255);
9120 }
9121
9122 .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
9123     height: 2px;
9124     width: 100%;
9125     display: block;
9126     content: " ";
9127     bottom: 0;
9128     left: 0;
9129     position: absolute;
9130     background: rgb(255, 64, 129);
9131     -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9132     animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9133     transition: all 1s cubic-bezier(0.4, 0, 1, 1);
9134 }
9135
9136 .mdl-layout__tab .mdl-layout__tab-ripple-container {
9137     display: block;
9138     position: absolute;
9139     height: 100%;
9140     width: 100%;
9141     left: 0;
9142     top: 0;
9143     z-index: 1;
9144     overflow: hidden;
9145 }
9146
9147 .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
9148     background-color: rgb(255, 255, 255);
9149 }
9150
9151 .mdl-layout__tab-panel {
9152     display: block;
9153 }
9154
9155 .mdl-layout.is-upgraded .mdl-layout__tab-panel {
9156     display: none;
9157 }
9158
9159 .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
9160     display: block;
9161 }
9162
9163 /**
9164  * Copyright 2015 Google Inc. All Rights Reserved.
9165  *
9166  * Licensed under the Apache License, Version 2.0 (the "License");
9167  * you may not use this file except in compliance with the License.
9168  * You may obtain a copy of the License at
9169  *
9170  *      http://www.apache.org/licenses/LICENSE-2.0
9171  *
9172  * Unless required by applicable law or agreed to in writing, software
9173  * distributed under the License is distributed on an "AS IS" BASIS,
9174  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9175  * See the License for the specific language governing permissions and
9176  * limitations under the License.
9177  */
9178 /**
9179  * Copyright 2015 Google Inc. All Rights Reserved.
9180  *
9181  * Licensed under the Apache License, Version 2.0 (the "License");
9182  * you may not use this file except in compliance with the License.
9183  * You may obtain a copy of the License at
9184  *
9185  *      http://www.apache.org/licenses/LICENSE-2.0
9186  *
9187  * Unless required by applicable law or agreed to in writing, software
9188  * distributed under the License is distributed on an "AS IS" BASIS,
9189  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9190  * See the License for the specific language governing permissions and
9191  * limitations under the License.
9192  */
9193 /*------------------------------------*    $CONTENTS
9194 \*------------------------------------*/
9195 /**
9196  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9197  * -----Typography
9198  * -----Colors
9199  * -----Textfield
9200  * -----Switch
9201  * -----Spinner
9202  * -----Radio
9203  * -----Menu
9204  * -----List
9205  * -----Layout
9206  * -----Icon toggles
9207  * -----Footer
9208  * -----Column
9209  * -----Checkbox
9210  * -----Card
9211  * -----Button
9212  * -----Animation
9213  * -----Progress
9214  * -----Badge
9215  * -----Shadows
9216  * -----Grid
9217  * -----Data table
9218  * -----Dialog
9219  * -----Snackbar
9220  * -----Tooltip
9221  * -----Chip
9222  *
9223  * Even though all variables have the `!default` directive, most of them
9224  * should not be changed as they are dependent one another. This can cause
9225  * visual distortions (like alignment issues) that are hard to track down
9226  * and fix.
9227  */
9228 /* ==========  TYPOGRAPHY  ========== */
9229 /* We're splitting fonts into "preferred" and "performance" in order to optimize
9230    page loading. For important text, such as the body, we want it to load
9231    immediately and not wait for the web font load, whereas for other sections,
9232    such as headers and titles, we're OK with things taking a bit longer to load.
9233    We do have some optional classes and parameters in the mixins, in case you
9234    definitely want to make sure you're using the preferred font and don't mind
9235    the performance hit.
9236    We should be able to improve on this once CSS Font Loading L3 becomes more
9237    widely available.
9238 */
9239 /* ==========  COLORS  ========== */
9240 /**
9241 *
9242 * Material design color palettes.
9243 * @see http://www.google.com/design/spec/style/color.html
9244 *
9245 **/
9246 /**
9247  * Copyright 2015 Google Inc. All Rights Reserved.
9248  *
9249  * Licensed under the Apache License, Version 2.0 (the "License");
9250  * you may not use this file except in compliance with the License.
9251  * You may obtain a copy of the License at
9252  *
9253  *      http://www.apache.org/licenses/LICENSE-2.0
9254  *
9255  * Unless required by applicable law or agreed to in writing, software
9256  * distributed under the License is distributed on an "AS IS" BASIS,
9257  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9258  * See the License for the specific language governing permissions and
9259  * limitations under the License.
9260  */
9261 /* ==========  Color Palettes  ========== */
9262 /* colors.scss */
9263 /**
9264  * Copyright 2015 Google Inc. All Rights Reserved.
9265  *
9266  * Licensed under the Apache License, Version 2.0 (the "License");
9267  * you may not use this file except in compliance with the License.
9268  * You may obtain a copy of the License at
9269  *
9270  *      http://www.apache.org/licenses/LICENSE-2.0
9271  *
9272  * Unless required by applicable law or agreed to in writing, software
9273  * distributed under the License is distributed on an "AS IS" BASIS,
9274  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9275  * See the License for the specific language governing permissions and
9276  * limitations under the License.
9277  */
9278 /* ==========  IMAGES  ========== */
9279 /* ==========  Color & Themes  ========== */
9280 /* ==========  Typography  ========== */
9281 /* ==========  Components  ========== */
9282 /* ==========  Standard Buttons  ========== */
9283 /* ==========  Icon Toggles  ========== */
9284 /* ==========  Radio Buttons  ========== */
9285 /* ==========  Ripple effect  ========== */
9286 /* ==========  Layout  ========== */
9287 /* ==========  Content Tabs  ========== */
9288 /* ==========  Checkboxes  ========== */
9289 /* ==========  Switches  ========== */
9290 /* ==========  Spinner  ========== */
9291 /* ==========  Text fields  ========== */
9292 /* ==========  Card  ========== */
9293 /* ==========  Sliders ========== */
9294 /* ========== Progress ========== */
9295 /* ==========  List ========== */
9296 /* ==========  Item ========== */
9297 /* ==========  Dropdown menu ========== */
9298 /* ==========  Tooltips  ========== */
9299 /* ==========  Footer  ========== */
9300 /* TEXTFIELD */
9301 /* SWITCH */
9302 /* SPINNER */
9303 /* RADIO */
9304 /* MENU */
9305 /* LIST */
9306 /* LAYOUT */
9307 /* ICON TOGGLE */
9308 /* FOOTER */
9309 /*mega-footer*/
9310 /*mini-footer*/
9311 /* CHECKBOX */
9312 /* CARD */
9313 /* Card dimensions */
9314 /* Cover image */
9315 /* BUTTON */
9316 /**
9317  *
9318  * Dimensions
9319  *
9320  */
9321 /* ANIMATION */
9322 /* PROGRESS */
9323 /* BADGE */
9324 /* SHADOWS */
9325 /* GRID */
9326 /* DATA TABLE */
9327 /* DIALOG */
9328 /* SNACKBAR */
9329 /* TOOLTIP */
9330 /* CHIP */
9331 /**
9332  * Copyright 2015 Google Inc. All Rights Reserved.
9333  *
9334  * Licensed under the Apache License, Version 2.0 (the "License");
9335  * you may not use this file except in compliance with the License.
9336  * You may obtain a copy of the License at
9337  *
9338  *      http://www.apache.org/licenses/LICENSE-2.0
9339  *
9340  * Unless required by applicable law or agreed to in writing, software
9341  * distributed under the License is distributed on an "AS IS" BASIS,
9342  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9343  * See the License for the specific language governing permissions and
9344  * limitations under the License.
9345  */
9346 /* Typography */
9347 /* Shadows */
9348 /* Animations */
9349 /* Dialog */
9350 .mdl-radio {
9351     position: relative;
9352     font-size: 16px;
9353     line-height: 24px;
9354     display: inline-block;
9355     vertical-align: middle;
9356     box-sizing: border-box;
9357     height: 24px;
9358     margin: 0;
9359     padding-left: 0;
9360 }
9361
9362 .mdl-radio.is-upgraded {
9363     padding-left: 24px;
9364 }
9365
9366 .mdl-radio__button {
9367     line-height: 24px;
9368 }
9369
9370 .mdl-radio.is-upgraded .mdl-radio__button {
9371     position: absolute;
9372     width: 0;
9373     height: 0;
9374     margin: 0;
9375     padding: 0;
9376     opacity: 0;
9377     -ms-appearance: none;
9378     -moz-appearance: none;
9379     -webkit-appearance: none;
9380     appearance: none;
9381     border: none;
9382 }
9383
9384 .mdl-radio__outer-circle {
9385     position: absolute;
9386     top: 4px;
9387     left: 0;
9388     display: inline-block;
9389     box-sizing: border-box;
9390     width: 16px;
9391     height: 16px;
9392     margin: 0;
9393     cursor: pointer;
9394     border: 2px solid rgba(0, 0, 0, 0.54);
9395     border-radius: 50%;
9396     z-index: 2;
9397 }
9398
9399 .mdl-radio.is-checked .mdl-radio__outer-circle {
9400     border: 2px solid rgb(63, 81, 181);
9401 }
9402
9403 .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
9404 .mdl-radio.is-disabled .mdl-radio__outer-circle {
9405     border: 2px solid rgba(0, 0, 0, 0.26);
9406     cursor: auto;
9407 }
9408
9409 .mdl-radio__inner-circle {
9410     position: absolute;
9411     z-index: 1;
9412     margin: 0;
9413     top: 8px;
9414     left: 4px;
9415     box-sizing: border-box;
9416     width: 8px;
9417     height: 8px;
9418     cursor: pointer;
9419     transition-duration: 0.28s;
9420     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9421     transition-property: -webkit-transform;
9422     transition-property: transform;
9423     transition-property: transform, -webkit-transform;
9424     -webkit-transform: scale(0, 0);
9425     transform: scale(0, 0);
9426     border-radius: 50%;
9427     background: rgb(63, 81, 181);
9428 }
9429
9430 .mdl-radio.is-checked .mdl-radio__inner-circle {
9431     -webkit-transform: scale(1, 1);
9432     transform: scale(1, 1);
9433 }
9434
9435 fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
9436 .mdl-radio.is-disabled .mdl-radio__inner-circle {
9437     background: rgba(0, 0, 0, 0.26);
9438     cursor: auto;
9439 }
9440
9441 .mdl-radio.is-focused .mdl-radio__inner-circle {
9442     box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
9443 }
9444
9445 .mdl-radio__label {
9446     cursor: pointer;
9447 }
9448
9449 fieldset[disabled] .mdl-radio .mdl-radio__label,
9450 .mdl-radio.is-disabled .mdl-radio__label {
9451     color: rgba(0, 0, 0, 0.26);
9452     cursor: auto;
9453 }
9454
9455 .mdl-radio__ripple-container {
9456     position: absolute;
9457     z-index: 2;
9458     top: -9px;
9459     left: -13px;
9460     box-sizing: border-box;
9461     width: 42px;
9462     height: 42px;
9463     border-radius: 50%;
9464     cursor: pointer;
9465     overflow: hidden;
9466     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
9467 }
9468
9469 .mdl-radio__ripple-container .mdl-ripple {
9470     background: rgb(63, 81, 181);
9471 }
9472
9473 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
9474 .mdl-radio.is-disabled .mdl-radio__ripple-container {
9475     cursor: auto;
9476 }
9477
9478 fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
9479 .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
9480     background: transparent;
9481 }
9482
9483 /**
9484  * Copyright 2015 Google Inc. All Rights Reserved.
9485  *
9486  * Licensed under the Apache License, Version 2.0 (the "License");
9487  * you may not use this file except in compliance with the License.
9488  * You may obtain a copy of the License at
9489  *
9490  *      http://www.apache.org/licenses/LICENSE-2.0
9491  *
9492  * Unless required by applicable law or agreed to in writing, software
9493  * distributed under the License is distributed on an "AS IS" BASIS,
9494  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9495  * See the License for the specific language governing permissions and
9496  * limitations under the License.
9497  */
9498 /**
9499  * Copyright 2015 Google Inc. All Rights Reserved.
9500  *
9501  * Licensed under the Apache License, Version 2.0 (the "License");
9502  * you may not use this file except in compliance with the License.
9503  * You may obtain a copy of the License at
9504  *
9505  *      http://www.apache.org/licenses/LICENSE-2.0
9506  *
9507  * Unless required by applicable law or agreed to in writing, software
9508  * distributed under the License is distributed on an "AS IS" BASIS,
9509  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9510  * See the License for the specific language governing permissions and
9511  * limitations under the License.
9512  */
9513 /*------------------------------------*    $CONTENTS
9514 \*------------------------------------*/
9515 /**
9516  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9517  * -----Typography
9518  * -----Colors
9519  * -----Textfield
9520  * -----Switch
9521  * -----Spinner
9522  * -----Radio
9523  * -----Menu
9524  * -----List
9525  * -----Layout
9526  * -----Icon toggles
9527  * -----Footer
9528  * -----Column
9529  * -----Checkbox
9530  * -----Card
9531  * -----Button
9532  * -----Animation
9533  * -----Progress
9534  * -----Badge
9535  * -----Shadows
9536  * -----Grid
9537  * -----Data table
9538  * -----Dialog
9539  * -----Snackbar
9540  * -----Tooltip
9541  * -----Chip
9542  *
9543  * Even though all variables have the `!default` directive, most of them
9544  * should not be changed as they are dependent one another. This can cause
9545  * visual distortions (like alignment issues) that are hard to track down
9546  * and fix.
9547  */
9548 /* ==========  TYPOGRAPHY  ========== */
9549 /* We're splitting fonts into "preferred" and "performance" in order to optimize
9550    page loading. For important text, such as the body, we want it to load
9551    immediately and not wait for the web font load, whereas for other sections,
9552    such as headers and titles, we're OK with things taking a bit longer to load.
9553    We do have some optional classes and parameters in the mixins, in case you
9554    definitely want to make sure you're using the preferred font and don't mind
9555    the performance hit.
9556    We should be able to improve on this once CSS Font Loading L3 becomes more
9557    widely available.
9558 */
9559 /* ==========  COLORS  ========== */
9560 /**
9561 *
9562 * Material design color palettes.
9563 * @see http://www.google.com/design/spec/style/color.html
9564 *
9565 **/
9566 /**
9567  * Copyright 2015 Google Inc. All Rights Reserved.
9568  *
9569  * Licensed under the Apache License, Version 2.0 (the "License");
9570  * you may not use this file except in compliance with the License.
9571  * You may obtain a copy of the License at
9572  *
9573  *      http://www.apache.org/licenses/LICENSE-2.0
9574  *
9575  * Unless required by applicable law or agreed to in writing, software
9576  * distributed under the License is distributed on an "AS IS" BASIS,
9577  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9578  * See the License for the specific language governing permissions and
9579  * limitations under the License.
9580  */
9581 /* ==========  Color Palettes  ========== */
9582 /* colors.scss */
9583 /**
9584  * Copyright 2015 Google Inc. All Rights Reserved.
9585  *
9586  * Licensed under the Apache License, Version 2.0 (the "License");
9587  * you may not use this file except in compliance with the License.
9588  * You may obtain a copy of the License at
9589  *
9590  *      http://www.apache.org/licenses/LICENSE-2.0
9591  *
9592  * Unless required by applicable law or agreed to in writing, software
9593  * distributed under the License is distributed on an "AS IS" BASIS,
9594  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9595  * See the License for the specific language governing permissions and
9596  * limitations under the License.
9597  */
9598 /* ==========  IMAGES  ========== */
9599 /* ==========  Color & Themes  ========== */
9600 /* ==========  Typography  ========== */
9601 /* ==========  Components  ========== */
9602 /* ==========  Standard Buttons  ========== */
9603 /* ==========  Icon Toggles  ========== */
9604 /* ==========  Radio Buttons  ========== */
9605 /* ==========  Ripple effect  ========== */
9606 /* ==========  Layout  ========== */
9607 /* ==========  Content Tabs  ========== */
9608 /* ==========  Checkboxes  ========== */
9609 /* ==========  Switches  ========== */
9610 /* ==========  Spinner  ========== */
9611 /* ==========  Text fields  ========== */
9612 /* ==========  Card  ========== */
9613 /* ==========  Sliders ========== */
9614 /* ========== Progress ========== */
9615 /* ==========  List ========== */
9616 /* ==========  Item ========== */
9617 /* ==========  Dropdown menu ========== */
9618 /* ==========  Tooltips  ========== */
9619 /* ==========  Footer  ========== */
9620 /* TEXTFIELD */
9621 /* SWITCH */
9622 /* SPINNER */
9623 /* RADIO */
9624 /* MENU */
9625 /* LIST */
9626 /* LAYOUT */
9627 /* ICON TOGGLE */
9628 /* FOOTER */
9629 /*mega-footer*/
9630 /*mini-footer*/
9631 /* CHECKBOX */
9632 /* CARD */
9633 /* Card dimensions */
9634 /* Cover image */
9635 /* BUTTON */
9636 /**
9637  *
9638  * Dimensions
9639  *
9640  */
9641 /* ANIMATION */
9642 /* PROGRESS */
9643 /* BADGE */
9644 /* SHADOWS */
9645 /* GRID */
9646 /* DATA TABLE */
9647 /* DIALOG */
9648 /* SNACKBAR */
9649 /* TOOLTIP */
9650 /* CHIP */
9651 _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9652     -ms-appearance: none;
9653     height: 32px;
9654     margin: 0;
9655 }
9656
9657 .mdl-slider {
9658     width: calc(100% - 40px);
9659     margin: 0 20px;
9660 }
9661
9662 .mdl-slider.is-upgraded {
9663     -webkit-appearance: none;
9664     -moz-appearance: none;
9665     appearance: none;
9666     height: 2px;
9667     background: transparent;
9668     -webkit-user-select: none;
9669     -moz-user-select: none;
9670     -ms-user-select: none;
9671     user-select: none;
9672     outline: 0;
9673     padding: 0;
9674     color: rgb(63, 81, 181);
9675     -webkit-align-self: center;
9676     -ms-flex-item-align: center;
9677     -ms-grid-row-align: center;
9678     align-self: center;
9679     z-index: 1;
9680     cursor: pointer;
9681     /**************************** Tracks ****************************/
9682     /**************************** Thumbs ****************************/
9683     /**************************** 0-value ****************************/
9684     /**************************** Disabled ****************************/
9685 }
9686
9687 .mdl-slider.is-upgraded::-moz-focus-outer {
9688     border: 0;
9689 }
9690
9691 .mdl-slider.is-upgraded::-ms-tooltip {
9692     display: none;
9693 }
9694
9695 .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
9696     background: transparent;
9697 }
9698
9699 .mdl-slider.is-upgraded::-moz-range-track {
9700     background: transparent;
9701     border: none;
9702 }
9703
9704 .mdl-slider.is-upgraded::-ms-track {
9705     background: none;
9706     color: transparent;
9707     height: 2px;
9708     width: 100%;
9709     border: none;
9710 }
9711
9712 .mdl-slider.is-upgraded::-ms-fill-lower {
9713     padding: 0;
9714     background: linear-gradient(to right, transparent, transparent 16px, rgb(63, 81, 181) 16px, rgb(63, 81, 181) 0);
9715 }
9716
9717 .mdl-slider.is-upgraded::-ms-fill-upper {
9718     padding: 0;
9719     background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
9720 }
9721
9722 .mdl-slider.is-upgraded::-webkit-slider-thumb {
9723     -webkit-appearance: none;
9724     width: 12px;
9725     height: 12px;
9726     box-sizing: border-box;
9727     border-radius: 50%;
9728     background: rgb(63, 81, 181);
9729     border: none;
9730     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);
9731     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);
9732     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);
9733 }
9734
9735 .mdl-slider.is-upgraded::-moz-range-thumb {
9736     -moz-appearance: none;
9737     width: 12px;
9738     height: 12px;
9739     box-sizing: border-box;
9740     border-radius: 50%;
9741     background-image: none;
9742     background: rgb(63, 81, 181);
9743     border: none;
9744 }
9745
9746 .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
9747     box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
9748 }
9749
9750 .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
9751     box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
9752 }
9753
9754 .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
9755     background-image: none;
9756     background: rgb(63, 81, 181);
9757     -webkit-transform: scale(1.5);
9758     transform: scale(1.5);
9759 }
9760
9761 .mdl-slider.is-upgraded:active::-moz-range-thumb {
9762     background-image: none;
9763     background: rgb(63, 81, 181);
9764     transform: scale(1.5);
9765 }
9766
9767 .mdl-slider.is-upgraded::-ms-thumb {
9768     width: 32px;
9769     height: 32px;
9770     border: none;
9771     border-radius: 50%;
9772     background: rgb(63, 81, 181);
9773     transform: scale(0.375);
9774     transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
9775     transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
9776     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);
9777 }
9778
9779 .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
9780     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%);
9781     transform: scale(1);
9782 }
9783
9784 .mdl-slider.is-upgraded:active::-ms-thumb {
9785     background: rgb(63, 81, 181);
9786     transform: scale(0.5625);
9787 }
9788
9789 .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
9790     border: 2px solid rgba(0, 0, 0, 0.26);
9791     background: transparent;
9792 }
9793
9794 .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
9795     border: 2px solid rgba(0, 0, 0, 0.26);
9796     background: transparent;
9797 }
9798
9799 .mdl-slider.is-upgraded.is-lowest-value +
9800 .mdl-slider__background-flex > .mdl-slider__background-upper {
9801     left: 6px;
9802 }
9803
9804 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
9805     box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
9806     background: rgba(0, 0, 0, 0.12);
9807 }
9808
9809 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
9810     box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
9811     background: rgba(0, 0, 0, 0.12);
9812 }
9813
9814 .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
9815     border: 1.6px solid rgba(0, 0, 0, 0.26);
9816     -webkit-transform: scale(1.5);
9817     transform: scale(1.5);
9818 }
9819
9820 .mdl-slider.is-upgraded.is-lowest-value:active +
9821 .mdl-slider__background-flex > .mdl-slider__background-upper {
9822     left: 9px;
9823 }
9824
9825 .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
9826     border: 1.5px solid rgba(0, 0, 0, 0.26);
9827     transform: scale(1.5);
9828 }
9829
9830 .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
9831     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%);
9832 }
9833
9834 .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
9835     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%);
9836     transform: scale(1);
9837 }
9838
9839 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
9840     transform: scale(0.5625);
9841     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%);
9842 }
9843
9844 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
9845     background: transparent;
9846 }
9847
9848 .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
9849     margin-left: 6px;
9850 }
9851
9852 .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
9853     margin-left: 9px;
9854 }
9855
9856 .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 {
9857     -webkit-transform: scale(0.667);
9858     transform: scale(0.667);
9859     background: rgba(0, 0, 0, 0.26);
9860 }
9861
9862 .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 {
9863     transform: scale(0.667);
9864     background: rgba(0, 0, 0, 0.26);
9865 }
9866
9867 .mdl-slider.is-upgraded:disabled +
9868 .mdl-slider__background-flex > .mdl-slider__background-lower {
9869     background-color: rgba(0, 0, 0, 0.26);
9870     left: -6px;
9871 }
9872
9873 .mdl-slider.is-upgraded:disabled +
9874 .mdl-slider__background-flex > .mdl-slider__background-upper {
9875     left: 6px;
9876 }
9877
9878 .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 {
9879     border: 3px solid rgba(0, 0, 0, 0.26);
9880     background: transparent;
9881     -webkit-transform: scale(0.667);
9882     transform: scale(0.667);
9883 }
9884
9885 .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 {
9886     border: 3px solid rgba(0, 0, 0, 0.26);
9887     background: transparent;
9888     transform: scale(0.667);
9889 }
9890
9891 .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
9892 .mdl-slider__background-flex > .mdl-slider__background-upper {
9893     left: 6px;
9894 }
9895
9896 .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
9897     transform: scale(0.25);
9898     background: rgba(0, 0, 0, 0.26);
9899 }
9900
9901 .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 {
9902     transform: scale(0.25);
9903     background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
9904 }
9905
9906 .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
9907     margin-right: 6px;
9908     background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
9909 }
9910
9911 .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
9912     margin-left: 6px;
9913 }
9914
9915 .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
9916     margin-left: 6px;
9917 }
9918
9919 .mdl-slider__ie-container {
9920     height: 18px;
9921     overflow: visible;
9922     border: none;
9923     margin: none;
9924     padding: none;
9925 }
9926
9927 .mdl-slider__container {
9928     height: 18px;
9929     position: relative;
9930     background: none;
9931     display: -webkit-flex;
9932     display: -ms-flexbox;
9933     display: flex;
9934     -webkit-flex-direction: row;
9935     -ms-flex-direction: row;
9936     flex-direction: row;
9937 }
9938
9939 .mdl-slider__background-flex {
9940     background: transparent;
9941     position: absolute;
9942     height: 2px;
9943     width: calc(100% - 52px);
9944     top: 50%;
9945     left: 0;
9946     margin: 0 26px;
9947     display: -webkit-flex;
9948     display: -ms-flexbox;
9949     display: flex;
9950     overflow: hidden;
9951     border: 0;
9952     padding: 0;
9953     -webkit-transform: translate(0, -1px);
9954     transform: translate(0, -1px);
9955 }
9956
9957 .mdl-slider__background-lower {
9958     background: rgb(63, 81, 181);
9959     -webkit-flex: 0;
9960     -ms-flex: 0;
9961     flex: 0;
9962     position: relative;
9963     border: 0;
9964     padding: 0;
9965 }
9966
9967 .mdl-slider__background-upper {
9968     background: rgba(0, 0, 0, 0.26);
9969     -webkit-flex: 0;
9970     -ms-flex: 0;
9971     flex: 0;
9972     position: relative;
9973     border: 0;
9974     padding: 0;
9975     transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
9976 }
9977
9978 /**
9979  * Copyright 2015 Google Inc. All Rights Reserved.
9980  *
9981  * Licensed under the Apache License, Version 2.0 (the "License");
9982  * you may not use this file except in compliance with the License.
9983  * You may obtain a copy of the License at
9984  *
9985  *      http://www.apache.org/licenses/LICENSE-2.0
9986  *
9987  * Unless required by applicable law or agreed to in writing, software
9988  * distributed under the License is distributed on an "AS IS" BASIS,
9989  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9990  * See the License for the specific language governing permissions and
9991  * limitations under the License.
9992  */
9993 /**
9994  * Copyright 2015 Google Inc. All Rights Reserved.
9995  *
9996  * Licensed under the Apache License, Version 2.0 (the "License");
9997  * you may not use this file except in compliance with the License.
9998  * You may obtain a copy of the License at
9999  *
10000  *      http://www.apache.org/licenses/LICENSE-2.0
10001  *
10002  * Unless required by applicable law or agreed to in writing, software
10003  * distributed under the License is distributed on an "AS IS" BASIS,
10004  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10005  * See the License for the specific language governing permissions and
10006  * limitations under the License.
10007  */
10008 /*------------------------------------*    $CONTENTS
10009 \*------------------------------------*/
10010 /**
10011  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10012  * -----Typography
10013  * -----Colors
10014  * -----Textfield
10015  * -----Switch
10016  * -----Spinner
10017  * -----Radio
10018  * -----Menu
10019  * -----List
10020  * -----Layout
10021  * -----Icon toggles
10022  * -----Footer
10023  * -----Column
10024  * -----Checkbox
10025  * -----Card
10026  * -----Button
10027  * -----Animation
10028  * -----Progress
10029  * -----Badge
10030  * -----Shadows
10031  * -----Grid
10032  * -----Data table
10033  * -----Dialog
10034  * -----Snackbar
10035  * -----Tooltip
10036  * -----Chip
10037  *
10038  * Even though all variables have the `!default` directive, most of them
10039  * should not be changed as they are dependent one another. This can cause
10040  * visual distortions (like alignment issues) that are hard to track down
10041  * and fix.
10042  */
10043 /* ==========  TYPOGRAPHY  ========== */
10044 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10045    page loading. For important text, such as the body, we want it to load
10046    immediately and not wait for the web font load, whereas for other sections,
10047    such as headers and titles, we're OK with things taking a bit longer to load.
10048    We do have some optional classes and parameters in the mixins, in case you
10049    definitely want to make sure you're using the preferred font and don't mind
10050    the performance hit.
10051    We should be able to improve on this once CSS Font Loading L3 becomes more
10052    widely available.
10053 */
10054 /* ==========  COLORS  ========== */
10055 /**
10056 *
10057 * Material design color palettes.
10058 * @see http://www.google.com/design/spec/style/color.html
10059 *
10060 **/
10061 /**
10062  * Copyright 2015 Google Inc. All Rights Reserved.
10063  *
10064  * Licensed under the Apache License, Version 2.0 (the "License");
10065  * you may not use this file except in compliance with the License.
10066  * You may obtain a copy of the License at
10067  *
10068  *      http://www.apache.org/licenses/LICENSE-2.0
10069  *
10070  * Unless required by applicable law or agreed to in writing, software
10071  * distributed under the License is distributed on an "AS IS" BASIS,
10072  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10073  * See the License for the specific language governing permissions and
10074  * limitations under the License.
10075  */
10076 /* ==========  Color Palettes  ========== */
10077 /* colors.scss */
10078 /**
10079  * Copyright 2015 Google Inc. All Rights Reserved.
10080  *
10081  * Licensed under the Apache License, Version 2.0 (the "License");
10082  * you may not use this file except in compliance with the License.
10083  * You may obtain a copy of the License at
10084  *
10085  *      http://www.apache.org/licenses/LICENSE-2.0
10086  *
10087  * Unless required by applicable law or agreed to in writing, software
10088  * distributed under the License is distributed on an "AS IS" BASIS,
10089  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10090  * See the License for the specific language governing permissions and
10091  * limitations under the License.
10092  */
10093 /* ==========  IMAGES  ========== */
10094 /* ==========  Color & Themes  ========== */
10095 /* ==========  Typography  ========== */
10096 /* ==========  Components  ========== */
10097 /* ==========  Standard Buttons  ========== */
10098 /* ==========  Icon Toggles  ========== */
10099 /* ==========  Radio Buttons  ========== */
10100 /* ==========  Ripple effect  ========== */
10101 /* ==========  Layout  ========== */
10102 /* ==========  Content Tabs  ========== */
10103 /* ==========  Checkboxes  ========== */
10104 /* ==========  Switches  ========== */
10105 /* ==========  Spinner  ========== */
10106 /* ==========  Text fields  ========== */
10107 /* ==========  Card  ========== */
10108 /* ==========  Sliders ========== */
10109 /* ========== Progress ========== */
10110 /* ==========  List ========== */
10111 /* ==========  Item ========== */
10112 /* ==========  Dropdown menu ========== */
10113 /* ==========  Tooltips  ========== */
10114 /* ==========  Footer  ========== */
10115 /* TEXTFIELD */
10116 /* SWITCH */
10117 /* SPINNER */
10118 /* RADIO */
10119 /* MENU */
10120 /* LIST */
10121 /* LAYOUT */
10122 /* ICON TOGGLE */
10123 /* FOOTER */
10124 /*mega-footer*/
10125 /*mini-footer*/
10126 /* CHECKBOX */
10127 /* CARD */
10128 /* Card dimensions */
10129 /* Cover image */
10130 /* BUTTON */
10131 /**
10132  *
10133  * Dimensions
10134  *
10135  */
10136 /* ANIMATION */
10137 /* PROGRESS */
10138 /* BADGE */
10139 /* SHADOWS */
10140 /* GRID */
10141 /* DATA TABLE */
10142 /* DIALOG */
10143 /* SNACKBAR */
10144 /* TOOLTIP */
10145 /* CHIP */
10146 /**
10147  * Copyright 2015 Google Inc. All Rights Reserved.
10148  *
10149  * Licensed under the Apache License, Version 2.0 (the "License");
10150  * you may not use this file except in compliance with the License.
10151  * You may obtain a copy of the License at
10152  *
10153  *      http://www.apache.org/licenses/LICENSE-2.0
10154  *
10155  * Unless required by applicable law or agreed to in writing, software
10156  * distributed under the License is distributed on an "AS IS" BASIS,
10157  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10158  * See the License for the specific language governing permissions and
10159  * limitations under the License.
10160  */
10161 /* Typography */
10162 /* Shadows */
10163 /* Animations */
10164 /* Dialog */
10165 .mdl-snackbar {
10166     position: fixed;
10167     bottom: 0;
10168     left: 50%;
10169     cursor: default;
10170     background-color: #323232;
10171     z-index: 3;
10172     display: block;
10173     display: -webkit-flex;
10174     display: -ms-flexbox;
10175     display: flex;
10176     -webkit-justify-content: space-between;
10177     -ms-flex-pack: justify;
10178     justify-content: space-between;
10179     font-family: "Roboto";
10180     will-change: transform;
10181     -webkit-transform: translate(0, 80px);
10182     transform: translate(0, 80px);
10183     transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
10184     transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
10185     transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
10186     pointer-events: none;
10187 }
10188
10189 @media (max-width: 479px) {
10190     .mdl-snackbar {
10191         width: 100%;
10192         left: 0;
10193         min-height: 48px;
10194         max-height: 80px;
10195     }
10196 }
10197
10198 @media (min-width: 480px) {
10199     .mdl-snackbar {
10200         min-width: 288px;
10201         max-width: 568px;
10202         border-radius: 2px;
10203         -webkit-transform: translate(-50%, 80px);
10204         transform: translate(-50%, 80px);
10205     }
10206 }
10207
10208 .mdl-snackbar--active {
10209     -webkit-transform: translate(0, 0);
10210     transform: translate(0, 0);
10211     pointer-events: auto;
10212     transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
10213     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
10214     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
10215 }
10216
10217 @media (min-width: 480px) {
10218     .mdl-snackbar--active {
10219         -webkit-transform: translate(-50%, 0);
10220         transform: translate(-50%, 0);
10221     }
10222 }
10223
10224 .mdl-snackbar__text {
10225     padding: 14px 12px 14px 24px;
10226     vertical-align: middle;
10227     color: white;
10228     float: left;
10229 }
10230
10231 .mdl-snackbar__action {
10232     background: transparent;
10233     border: none;
10234     color: rgb(255, 64, 129);
10235     float: right;
10236     text-transform: uppercase;
10237     padding: 14px 24px 14px 12px;
10238     font-family: "Roboto";
10239     font-size: 14px;
10240     font-weight: 500;
10241     text-transform: uppercase;
10242     line-height: 1;
10243     letter-spacing: 0;
10244     overflow: hidden;
10245     outline: none;
10246     opacity: 0;
10247     pointer-events: none;
10248     cursor: pointer;
10249     text-decoration: none;
10250     text-align: center;
10251     -webkit-align-self: center;
10252     -ms-flex-item-align: center;
10253     -ms-grid-row-align: center;
10254     align-self: center;
10255 }
10256
10257 .mdl-snackbar__action::-moz-focus-inner {
10258     border: 0;
10259 }
10260
10261 .mdl-snackbar__action:not([aria-hidden]) {
10262     opacity: 1;
10263     pointer-events: auto;
10264 }
10265
10266 /**
10267  * Copyright 2015 Google Inc. All Rights Reserved.
10268  *
10269  * Licensed under the Apache License, Version 2.0 (the "License");
10270  * you may not use this file except in compliance with the License.
10271  * You may obtain a copy of the License at
10272  *
10273  *      http://www.apache.org/licenses/LICENSE-2.0
10274  *
10275  * Unless required by applicable law or agreed to in writing, software
10276  * distributed under the License is distributed on an "AS IS" BASIS,
10277  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10278  * See the License for the specific language governing permissions and
10279  * limitations under the License.
10280  */
10281 /**
10282  * Copyright 2015 Google Inc. All Rights Reserved.
10283  *
10284  * Licensed under the Apache License, Version 2.0 (the "License");
10285  * you may not use this file except in compliance with the License.
10286  * You may obtain a copy of the License at
10287  *
10288  *      http://www.apache.org/licenses/LICENSE-2.0
10289  *
10290  * Unless required by applicable law or agreed to in writing, software
10291  * distributed under the License is distributed on an "AS IS" BASIS,
10292  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10293  * See the License for the specific language governing permissions and
10294  * limitations under the License.
10295  */
10296 /*------------------------------------*    $CONTENTS
10297 \*------------------------------------*/
10298 /**
10299  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10300  * -----Typography
10301  * -----Colors
10302  * -----Textfield
10303  * -----Switch
10304  * -----Spinner
10305  * -----Radio
10306  * -----Menu
10307  * -----List
10308  * -----Layout
10309  * -----Icon toggles
10310  * -----Footer
10311  * -----Column
10312  * -----Checkbox
10313  * -----Card
10314  * -----Button
10315  * -----Animation
10316  * -----Progress
10317  * -----Badge
10318  * -----Shadows
10319  * -----Grid
10320  * -----Data table
10321  * -----Dialog
10322  * -----Snackbar
10323  * -----Tooltip
10324  * -----Chip
10325  *
10326  * Even though all variables have the `!default` directive, most of them
10327  * should not be changed as they are dependent one another. This can cause
10328  * visual distortions (like alignment issues) that are hard to track down
10329  * and fix.
10330  */
10331 /* ==========  TYPOGRAPHY  ========== */
10332 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10333    page loading. For important text, such as the body, we want it to load
10334    immediately and not wait for the web font load, whereas for other sections,
10335    such as headers and titles, we're OK with things taking a bit longer to load.
10336    We do have some optional classes and parameters in the mixins, in case you
10337    definitely want to make sure you're using the preferred font and don't mind
10338    the performance hit.
10339    We should be able to improve on this once CSS Font Loading L3 becomes more
10340    widely available.
10341 */
10342 /* ==========  COLORS  ========== */
10343 /**
10344 *
10345 * Material design color palettes.
10346 * @see http://www.google.com/design/spec/style/color.html
10347 *
10348 **/
10349 /**
10350  * Copyright 2015 Google Inc. All Rights Reserved.
10351  *
10352  * Licensed under the Apache License, Version 2.0 (the "License");
10353  * you may not use this file except in compliance with the License.
10354  * You may obtain a copy of the License at
10355  *
10356  *      http://www.apache.org/licenses/LICENSE-2.0
10357  *
10358  * Unless required by applicable law or agreed to in writing, software
10359  * distributed under the License is distributed on an "AS IS" BASIS,
10360  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10361  * See the License for the specific language governing permissions and
10362  * limitations under the License.
10363  */
10364 /* ==========  Color Palettes  ========== */
10365 /* colors.scss */
10366 /**
10367  * Copyright 2015 Google Inc. All Rights Reserved.
10368  *
10369  * Licensed under the Apache License, Version 2.0 (the "License");
10370  * you may not use this file except in compliance with the License.
10371  * You may obtain a copy of the License at
10372  *
10373  *      http://www.apache.org/licenses/LICENSE-2.0
10374  *
10375  * Unless required by applicable law or agreed to in writing, software
10376  * distributed under the License is distributed on an "AS IS" BASIS,
10377  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10378  * See the License for the specific language governing permissions and
10379  * limitations under the License.
10380  */
10381 /* ==========  IMAGES  ========== */
10382 /* ==========  Color & Themes  ========== */
10383 /* ==========  Typography  ========== */
10384 /* ==========  Components  ========== */
10385 /* ==========  Standard Buttons  ========== */
10386 /* ==========  Icon Toggles  ========== */
10387 /* ==========  Radio Buttons  ========== */
10388 /* ==========  Ripple effect  ========== */
10389 /* ==========  Layout  ========== */
10390 /* ==========  Content Tabs  ========== */
10391 /* ==========  Checkboxes  ========== */
10392 /* ==========  Switches  ========== */
10393 /* ==========  Spinner  ========== */
10394 /* ==========  Text fields  ========== */
10395 /* ==========  Card  ========== */
10396 /* ==========  Sliders ========== */
10397 /* ========== Progress ========== */
10398 /* ==========  List ========== */
10399 /* ==========  Item ========== */
10400 /* ==========  Dropdown menu ========== */
10401 /* ==========  Tooltips  ========== */
10402 /* ==========  Footer  ========== */
10403 /* TEXTFIELD */
10404 /* SWITCH */
10405 /* SPINNER */
10406 /* RADIO */
10407 /* MENU */
10408 /* LIST */
10409 /* LAYOUT */
10410 /* ICON TOGGLE */
10411 /* FOOTER */
10412 /*mega-footer*/
10413 /*mini-footer*/
10414 /* CHECKBOX */
10415 /* CARD */
10416 /* Card dimensions */
10417 /* Cover image */
10418 /* BUTTON */
10419 /**
10420  *
10421  * Dimensions
10422  *
10423  */
10424 /* ANIMATION */
10425 /* PROGRESS */
10426 /* BADGE */
10427 /* SHADOWS */
10428 /* GRID */
10429 /* DATA TABLE */
10430 /* DIALOG */
10431 /* SNACKBAR */
10432 /* TOOLTIP */
10433 /* CHIP */
10434 .mdl-spinner {
10435     display: inline-block;
10436     position: relative;
10437     width: 28px;
10438     height: 28px;
10439 }
10440
10441 .mdl-spinner:not(.is-upgraded).is-active:after {
10442     content: "Loading...";
10443 }
10444
10445 .mdl-spinner.is-upgraded.is-active {
10446     -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
10447     animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
10448 }
10449
10450 @-webkit-keyframes mdl-spinner__container-rotate {
10451     to {
10452         -webkit-transform: rotate(360deg);
10453         transform: rotate(360deg);
10454     }
10455 }
10456
10457 @keyframes mdl-spinner__container-rotate {
10458     to {
10459         -webkit-transform: rotate(360deg);
10460         transform: rotate(360deg);
10461     }
10462 }
10463
10464 .mdl-spinner__layer {
10465     position: absolute;
10466     width: 100%;
10467     height: 100%;
10468     opacity: 0;
10469 }
10470
10471 .mdl-spinner__layer-1 {
10472     border-color: rgb(66, 165, 245);
10473 }
10474
10475 .mdl-spinner--single-color .mdl-spinner__layer-1 {
10476     border-color: rgb(63, 81, 181);
10477 }
10478
10479 .mdl-spinner.is-active .mdl-spinner__layer-1 {
10480     -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;
10481     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;
10482 }
10483
10484 .mdl-spinner__layer-2 {
10485     border-color: rgb(244, 67, 54);
10486 }
10487
10488 .mdl-spinner--single-color .mdl-spinner__layer-2 {
10489     border-color: rgb(63, 81, 181);
10490 }
10491
10492 .mdl-spinner.is-active .mdl-spinner__layer-2 {
10493     -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;
10494     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;
10495 }
10496
10497 .mdl-spinner__layer-3 {
10498     border-color: rgb(253, 216, 53);
10499 }
10500
10501 .mdl-spinner--single-color .mdl-spinner__layer-3 {
10502     border-color: rgb(63, 81, 181);
10503 }
10504
10505 .mdl-spinner.is-active .mdl-spinner__layer-3 {
10506     -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;
10507     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;
10508 }
10509
10510 .mdl-spinner__layer-4 {
10511     border-color: rgb(76, 175, 80);
10512 }
10513
10514 .mdl-spinner--single-color .mdl-spinner__layer-4 {
10515     border-color: rgb(63, 81, 181);
10516 }
10517
10518 .mdl-spinner.is-active .mdl-spinner__layer-4 {
10519     -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;
10520     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;
10521 }
10522
10523 @-webkit-keyframes mdl-spinner__fill-unfill-rotate {
10524     12.5% {
10525         -webkit-transform: rotate(135deg);
10526         transform: rotate(135deg);
10527     }
10528     25% {
10529         -webkit-transform: rotate(270deg);
10530         transform: rotate(270deg);
10531     }
10532     37.5% {
10533         -webkit-transform: rotate(405deg);
10534         transform: rotate(405deg);
10535     }
10536     50% {
10537         -webkit-transform: rotate(540deg);
10538         transform: rotate(540deg);
10539     }
10540     62.5% {
10541         -webkit-transform: rotate(675deg);
10542         transform: rotate(675deg);
10543     }
10544     75% {
10545         -webkit-transform: rotate(810deg);
10546         transform: rotate(810deg);
10547     }
10548     87.5% {
10549         -webkit-transform: rotate(945deg);
10550         transform: rotate(945deg);
10551     }
10552     to {
10553         -webkit-transform: rotate(1080deg);
10554         transform: rotate(1080deg);
10555     }
10556 }
10557
10558 @keyframes mdl-spinner__fill-unfill-rotate {
10559     12.5% {
10560         -webkit-transform: rotate(135deg);
10561         transform: rotate(135deg);
10562     }
10563     25% {
10564         -webkit-transform: rotate(270deg);
10565         transform: rotate(270deg);
10566     }
10567     37.5% {
10568         -webkit-transform: rotate(405deg);
10569         transform: rotate(405deg);
10570     }
10571     50% {
10572         -webkit-transform: rotate(540deg);
10573         transform: rotate(540deg);
10574     }
10575     62.5% {
10576         -webkit-transform: rotate(675deg);
10577         transform: rotate(675deg);
10578     }
10579     75% {
10580         -webkit-transform: rotate(810deg);
10581         transform: rotate(810deg);
10582     }
10583     87.5% {
10584         -webkit-transform: rotate(945deg);
10585         transform: rotate(945deg);
10586     }
10587     to {
10588         -webkit-transform: rotate(1080deg);
10589         transform: rotate(1080deg);
10590     }
10591 }
10592
10593 /**
10594 * HACK: Even though the intention is to have the current .mdl-spinner__layer-N
10595 * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
10596 * to do proper subpixel rendering for the elements being animated. This is
10597 * especially visible in Chrome 39 on Ubuntu 14.04. See:
10598 *
10599 * - https://github.com/Polymer/paper-spinner/issues/9
10600 * - https://code.google.com/p/chromium/issues/detail?id=436255
10601 */
10602 @-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
10603     from {
10604         opacity: 0.99;
10605     }
10606     25% {
10607         opacity: 0.99;
10608     }
10609     26% {
10610         opacity: 0;
10611     }
10612     89% {
10613         opacity: 0;
10614     }
10615     90% {
10616         opacity: 0.99;
10617     }
10618     100% {
10619         opacity: 0.99;
10620     }
10621 }
10622
10623 @keyframes mdl-spinner__layer-1-fade-in-out {
10624     from {
10625         opacity: 0.99;
10626     }
10627     25% {
10628         opacity: 0.99;
10629     }
10630     26% {
10631         opacity: 0;
10632     }
10633     89% {
10634         opacity: 0;
10635     }
10636     90% {
10637         opacity: 0.99;
10638     }
10639     100% {
10640         opacity: 0.99;
10641     }
10642 }
10643
10644 @-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
10645     from {
10646         opacity: 0;
10647     }
10648     15% {
10649         opacity: 0;
10650     }
10651     25% {
10652         opacity: 0.99;
10653     }
10654     50% {
10655         opacity: 0.99;
10656     }
10657     51% {
10658         opacity: 0;
10659     }
10660 }
10661
10662 @keyframes mdl-spinner__layer-2-fade-in-out {
10663     from {
10664         opacity: 0;
10665     }
10666     15% {
10667         opacity: 0;
10668     }
10669     25% {
10670         opacity: 0.99;
10671     }
10672     50% {
10673         opacity: 0.99;
10674     }
10675     51% {
10676         opacity: 0;
10677     }
10678 }
10679
10680 @-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
10681     from {
10682         opacity: 0;
10683     }
10684     40% {
10685         opacity: 0;
10686     }
10687     50% {
10688         opacity: 0.99;
10689     }
10690     75% {
10691         opacity: 0.99;
10692     }
10693     76% {
10694         opacity: 0;
10695     }
10696 }
10697
10698 @keyframes mdl-spinner__layer-3-fade-in-out {
10699     from {
10700         opacity: 0;
10701     }
10702     40% {
10703         opacity: 0;
10704     }
10705     50% {
10706         opacity: 0.99;
10707     }
10708     75% {
10709         opacity: 0.99;
10710     }
10711     76% {
10712         opacity: 0;
10713     }
10714 }
10715
10716 @-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
10717     from {
10718         opacity: 0;
10719     }
10720     65% {
10721         opacity: 0;
10722     }
10723     75% {
10724         opacity: 0.99;
10725     }
10726     90% {
10727         opacity: 0.99;
10728     }
10729     100% {
10730         opacity: 0;
10731     }
10732 }
10733
10734 @keyframes mdl-spinner__layer-4-fade-in-out {
10735     from {
10736         opacity: 0;
10737     }
10738     65% {
10739         opacity: 0;
10740     }
10741     75% {
10742         opacity: 0.99;
10743     }
10744     90% {
10745         opacity: 0.99;
10746     }
10747     100% {
10748         opacity: 0;
10749     }
10750 }
10751
10752 /**
10753 * Patch the gap that appear between the two adjacent
10754 * div.mdl-spinner__circle-clipper while the spinner is rotating
10755 * (appears on Chrome 38, Safari 7.1, and IE 11).
10756 *
10757 * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
10758 * opacity is 0.99, but still does on Safari and IE.
10759 */
10760 .mdl-spinner__gap-patch {
10761     position: absolute;
10762     box-sizing: border-box;
10763     top: 0;
10764     left: 45%;
10765     width: 10%;
10766     height: 100%;
10767     overflow: hidden;
10768     border-color: inherit;
10769 }
10770
10771 .mdl-spinner__gap-patch .mdl-spinner__circle {
10772     width: 1000%;
10773     left: -450%;
10774 }
10775
10776 .mdl-spinner__circle-clipper {
10777     display: inline-block;
10778     position: relative;
10779     width: 50%;
10780     height: 100%;
10781     overflow: hidden;
10782     border-color: inherit;
10783 }
10784
10785 .mdl-spinner__circle-clipper.mdl-spinner__left {
10786     float: left;
10787 }
10788
10789 .mdl-spinner__circle-clipper.mdl-spinner__right {
10790     float: right;
10791 }
10792
10793 .mdl-spinner__circle-clipper .mdl-spinner__circle {
10794     width: 200%;
10795 }
10796
10797 .mdl-spinner__circle {
10798     box-sizing: border-box;
10799     height: 100%;
10800     border-width: 3px;
10801     border-style: solid;
10802     border-color: inherit;
10803     border-bottom-color: transparent !important;
10804     border-radius: 50%;
10805     -webkit-animation: none;
10806     animation: none;
10807     position: absolute;
10808     top: 0;
10809     right: 0;
10810     bottom: 0;
10811     left: 0;
10812 }
10813
10814 .mdl-spinner__left .mdl-spinner__circle {
10815     border-right-color: transparent !important;
10816     -webkit-transform: rotate(129deg);
10817     transform: rotate(129deg);
10818 }
10819
10820 .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
10821     -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
10822     animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
10823 }
10824
10825 .mdl-spinner__right .mdl-spinner__circle {
10826     left: -100%;
10827     border-left-color: transparent !important;
10828     -webkit-transform: rotate(-129deg);
10829     transform: rotate(-129deg);
10830 }
10831
10832 .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
10833     -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
10834     animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
10835 }
10836
10837 @-webkit-keyframes mdl-spinner__left-spin {
10838     from {
10839         -webkit-transform: rotate(130deg);
10840         transform: rotate(130deg);
10841     }
10842     50% {
10843         -webkit-transform: rotate(-5deg);
10844         transform: rotate(-5deg);
10845     }
10846     to {
10847         -webkit-transform: rotate(130deg);
10848         transform: rotate(130deg);
10849     }
10850 }
10851
10852 @keyframes mdl-spinner__left-spin {
10853     from {
10854         -webkit-transform: rotate(130deg);
10855         transform: rotate(130deg);
10856     }
10857     50% {
10858         -webkit-transform: rotate(-5deg);
10859         transform: rotate(-5deg);
10860     }
10861     to {
10862         -webkit-transform: rotate(130deg);
10863         transform: rotate(130deg);
10864     }
10865 }
10866
10867 @-webkit-keyframes mdl-spinner__right-spin {
10868     from {
10869         -webkit-transform: rotate(-130deg);
10870         transform: rotate(-130deg);
10871     }
10872     50% {
10873         -webkit-transform: rotate(5deg);
10874         transform: rotate(5deg);
10875     }
10876     to {
10877         -webkit-transform: rotate(-130deg);
10878         transform: rotate(-130deg);
10879     }
10880 }
10881
10882 @keyframes mdl-spinner__right-spin {
10883     from {
10884         -webkit-transform: rotate(-130deg);
10885         transform: rotate(-130deg);
10886     }
10887     50% {
10888         -webkit-transform: rotate(5deg);
10889         transform: rotate(5deg);
10890     }
10891     to {
10892         -webkit-transform: rotate(-130deg);
10893         transform: rotate(-130deg);
10894     }
10895 }
10896
10897 /**
10898  * Copyright 2015 Google Inc. All Rights Reserved.
10899  *
10900  * Licensed under the Apache License, Version 2.0 (the "License");
10901  * you may not use this file except in compliance with the License.
10902  * You may obtain a copy of the License at
10903  *
10904  *      http://www.apache.org/licenses/LICENSE-2.0
10905  *
10906  * Unless required by applicable law or agreed to in writing, software
10907  * distributed under the License is distributed on an "AS IS" BASIS,
10908  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10909  * See the License for the specific language governing permissions and
10910  * limitations under the License.
10911  */
10912 /**
10913  * Copyright 2015 Google Inc. All Rights Reserved.
10914  *
10915  * Licensed under the Apache License, Version 2.0 (the "License");
10916  * you may not use this file except in compliance with the License.
10917  * You may obtain a copy of the License at
10918  *
10919  *      http://www.apache.org/licenses/LICENSE-2.0
10920  *
10921  * Unless required by applicable law or agreed to in writing, software
10922  * distributed under the License is distributed on an "AS IS" BASIS,
10923  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10924  * See the License for the specific language governing permissions and
10925  * limitations under the License.
10926  */
10927 /*------------------------------------*    $CONTENTS
10928 \*------------------------------------*/
10929 /**
10930  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10931  * -----Typography
10932  * -----Colors
10933  * -----Textfield
10934  * -----Switch
10935  * -----Spinner
10936  * -----Radio
10937  * -----Menu
10938  * -----List
10939  * -----Layout
10940  * -----Icon toggles
10941  * -----Footer
10942  * -----Column
10943  * -----Checkbox
10944  * -----Card
10945  * -----Button
10946  * -----Animation
10947  * -----Progress
10948  * -----Badge
10949  * -----Shadows
10950  * -----Grid
10951  * -----Data table
10952  * -----Dialog
10953  * -----Snackbar
10954  * -----Tooltip
10955  * -----Chip
10956  *
10957  * Even though all variables have the `!default` directive, most of them
10958  * should not be changed as they are dependent one another. This can cause
10959  * visual distortions (like alignment issues) that are hard to track down
10960  * and fix.
10961  */
10962 /* ==========  TYPOGRAPHY  ========== */
10963 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10964    page loading. For important text, such as the body, we want it to load
10965    immediately and not wait for the web font load, whereas for other sections,
10966    such as headers and titles, we're OK with things taking a bit longer to load.
10967    We do have some optional classes and parameters in the mixins, in case you
10968    definitely want to make sure you're using the preferred font and don't mind
10969    the performance hit.
10970    We should be able to improve on this once CSS Font Loading L3 becomes more
10971    widely available.
10972 */
10973 /* ==========  COLORS  ========== */
10974 /**
10975 *
10976 * Material design color palettes.
10977 * @see http://www.google.com/design/spec/style/color.html
10978 *
10979 **/
10980 /**
10981  * Copyright 2015 Google Inc. All Rights Reserved.
10982  *
10983  * Licensed under the Apache License, Version 2.0 (the "License");
10984  * you may not use this file except in compliance with the License.
10985  * You may obtain a copy of the License at
10986  *
10987  *      http://www.apache.org/licenses/LICENSE-2.0
10988  *
10989  * Unless required by applicable law or agreed to in writing, software
10990  * distributed under the License is distributed on an "AS IS" BASIS,
10991  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10992  * See the License for the specific language governing permissions and
10993  * limitations under the License.
10994  */
10995 /* ==========  Color Palettes  ========== */
10996 /* colors.scss */
10997 /**
10998  * Copyright 2015 Google Inc. All Rights Reserved.
10999  *
11000  * Licensed under the Apache License, Version 2.0 (the "License");
11001  * you may not use this file except in compliance with the License.
11002  * You may obtain a copy of the License at
11003  *
11004  *      http://www.apache.org/licenses/LICENSE-2.0
11005  *
11006  * Unless required by applicable law or agreed to in writing, software
11007  * distributed under the License is distributed on an "AS IS" BASIS,
11008  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11009  * See the License for the specific language governing permissions and
11010  * limitations under the License.
11011  */
11012 /* ==========  IMAGES  ========== */
11013 /* ==========  Color & Themes  ========== */
11014 /* ==========  Typography  ========== */
11015 /* ==========  Components  ========== */
11016 /* ==========  Standard Buttons  ========== */
11017 /* ==========  Icon Toggles  ========== */
11018 /* ==========  Radio Buttons  ========== */
11019 /* ==========  Ripple effect  ========== */
11020 /* ==========  Layout  ========== */
11021 /* ==========  Content Tabs  ========== */
11022 /* ==========  Checkboxes  ========== */
11023 /* ==========  Switches  ========== */
11024 /* ==========  Spinner  ========== */
11025 /* ==========  Text fields  ========== */
11026 /* ==========  Card  ========== */
11027 /* ==========  Sliders ========== */
11028 /* ========== Progress ========== */
11029 /* ==========  List ========== */
11030 /* ==========  Item ========== */
11031 /* ==========  Dropdown menu ========== */
11032 /* ==========  Tooltips  ========== */
11033 /* ==========  Footer  ========== */
11034 /* TEXTFIELD */
11035 /* SWITCH */
11036 /* SPINNER */
11037 /* RADIO */
11038 /* MENU */
11039 /* LIST */
11040 /* LAYOUT */
11041 /* ICON TOGGLE */
11042 /* FOOTER */
11043 /*mega-footer*/
11044 /*mini-footer*/
11045 /* CHECKBOX */
11046 /* CARD */
11047 /* Card dimensions */
11048 /* Cover image */
11049 /* BUTTON */
11050 /**
11051  *
11052  * Dimensions
11053  *
11054  */
11055 /* ANIMATION */
11056 /* PROGRESS */
11057 /* BADGE */
11058 /* SHADOWS */
11059 /* GRID */
11060 /* DATA TABLE */
11061 /* DIALOG */
11062 /* SNACKBAR */
11063 /* TOOLTIP */
11064 /* CHIP */
11065 /**
11066  * Copyright 2015 Google Inc. All Rights Reserved.
11067  *
11068  * Licensed under the Apache License, Version 2.0 (the "License");
11069  * you may not use this file except in compliance with the License.
11070  * You may obtain a copy of the License at
11071  *
11072  *      http://www.apache.org/licenses/LICENSE-2.0
11073  *
11074  * Unless required by applicable law or agreed to in writing, software
11075  * distributed under the License is distributed on an "AS IS" BASIS,
11076  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11077  * See the License for the specific language governing permissions and
11078  * limitations under the License.
11079  */
11080 /* Typography */
11081 /* Shadows */
11082 /* Animations */
11083 /* Dialog */
11084 .mdl-switch {
11085     position: relative;
11086     z-index: 1;
11087     vertical-align: middle;
11088     display: inline-block;
11089     box-sizing: border-box;
11090     width: 100%;
11091     height: 24px;
11092     margin: 0;
11093     padding: 0;
11094     overflow: visible;
11095     -webkit-touch-callout: none;
11096     -webkit-user-select: none;
11097     -moz-user-select: none;
11098     -ms-user-select: none;
11099     user-select: none;
11100 }
11101
11102 .mdl-switch.is-upgraded {
11103     padding-left: 28px;
11104 }
11105
11106 .mdl-switch__input {
11107     line-height: 24px;
11108 }
11109
11110 .mdl-switch.is-upgraded .mdl-switch__input {
11111     position: absolute;
11112     width: 0;
11113     height: 0;
11114     margin: 0;
11115     padding: 0;
11116     opacity: 0;
11117     -ms-appearance: none;
11118     -moz-appearance: none;
11119     -webkit-appearance: none;
11120     appearance: none;
11121     border: none;
11122 }
11123
11124 .mdl-switch__track {
11125     background: rgba(0, 0, 0, 0.26);
11126     position: absolute;
11127     left: 0;
11128     top: 5px;
11129     height: 14px;
11130     width: 36px;
11131     border-radius: 14px;
11132     cursor: pointer;
11133 }
11134
11135 .mdl-switch.is-checked .mdl-switch__track {
11136     background: rgba(63, 81, 181, 0.5);
11137 }
11138
11139 .mdl-switch__track fieldset[disabled] .mdl-switch,
11140 .mdl-switch.is-disabled .mdl-switch__track {
11141     background: rgba(0, 0, 0, 0.12);
11142     cursor: auto;
11143 }
11144
11145 .mdl-switch__thumb {
11146     background: rgb(250, 250, 250);
11147     position: absolute;
11148     left: 0;
11149     top: 2px;
11150     height: 20px;
11151     width: 20px;
11152     border-radius: 50%;
11153     cursor: pointer;
11154     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);
11155     transition-duration: 0.28s;
11156     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
11157     transition-property: left;
11158 }
11159
11160 .mdl-switch.is-checked .mdl-switch__thumb {
11161     background: rgb(63, 81, 181);
11162     left: 16px;
11163     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);
11164 }
11165
11166 .mdl-switch__thumb fieldset[disabled] .mdl-switch,
11167 .mdl-switch.is-disabled .mdl-switch__thumb {
11168     background: rgb(189, 189, 189);
11169     cursor: auto;
11170 }
11171
11172 .mdl-switch__focus-helper {
11173     position: absolute;
11174     top: 50%;
11175     left: 50%;
11176     -webkit-transform: translate(-4px, -4px);
11177     transform: translate(-4px, -4px);
11178     display: inline-block;
11179     box-sizing: border-box;
11180     width: 8px;
11181     height: 8px;
11182     border-radius: 50%;
11183     background-color: transparent;
11184 }
11185
11186 .mdl-switch.is-focused .mdl-switch__focus-helper {
11187     box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
11188     background-color: rgba(0, 0, 0, 0.1);
11189 }
11190
11191 .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
11192     box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
11193     background-color: rgba(63, 81, 181, 0.26);
11194 }
11195
11196 .mdl-switch__label {
11197     position: relative;
11198     cursor: pointer;
11199     font-size: 16px;
11200     line-height: 24px;
11201     margin: 0;
11202     left: 24px;
11203 }
11204
11205 .mdl-switch__label fieldset[disabled] .mdl-switch,
11206 .mdl-switch.is-disabled .mdl-switch__label {
11207     color: rgb(189, 189, 189);
11208     cursor: auto;
11209 }
11210
11211 .mdl-switch__ripple-container {
11212     position: absolute;
11213     z-index: 2;
11214     top: -12px;
11215     left: -14px;
11216     box-sizing: border-box;
11217     width: 48px;
11218     height: 48px;
11219     border-radius: 50%;
11220     cursor: pointer;
11221     overflow: hidden;
11222     -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
11223     transition-duration: 0.40s;
11224     transition-timing-function: step-end;
11225     transition-property: left;
11226 }
11227
11228 .mdl-switch__ripple-container .mdl-ripple {
11229     background: rgb(63, 81, 181);
11230 }
11231
11232 .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
11233 .mdl-switch.is-disabled .mdl-switch__ripple-container {
11234     cursor: auto;
11235 }
11236
11237 fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
11238 .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
11239     background: transparent;
11240 }
11241
11242 .mdl-switch.is-checked .mdl-switch__ripple-container {
11243     left: 2px;
11244 }
11245
11246 /**
11247  * Copyright 2015 Google Inc. All Rights Reserved.
11248  *
11249  * Licensed under the Apache License, Version 2.0 (the "License");
11250  * you may not use this file except in compliance with the License.
11251  * You may obtain a copy of the License at
11252  *
11253  *      http://www.apache.org/licenses/LICENSE-2.0
11254  *
11255  * Unless required by applicable law or agreed to in writing, software
11256  * distributed under the License is distributed on an "AS IS" BASIS,
11257  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11258  * See the License for the specific language governing permissions and
11259  * limitations under the License.
11260  */
11261 /**
11262  * Copyright 2015 Google Inc. All Rights Reserved.
11263  *
11264  * Licensed under the Apache License, Version 2.0 (the "License");
11265  * you may not use this file except in compliance with the License.
11266  * You may obtain a copy of the License at
11267  *
11268  *      http://www.apache.org/licenses/LICENSE-2.0
11269  *
11270  * Unless required by applicable law or agreed to in writing, software
11271  * distributed under the License is distributed on an "AS IS" BASIS,
11272  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11273  * See the License for the specific language governing permissions and
11274  * limitations under the License.
11275  */
11276 /*------------------------------------*    $CONTENTS
11277 \*------------------------------------*/
11278 /**
11279  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
11280  * -----Typography
11281  * -----Colors
11282  * -----Textfield
11283  * -----Switch
11284  * -----Spinner
11285  * -----Radio
11286  * -----Menu
11287  * -----List
11288  * -----Layout
11289  * -----Icon toggles
11290  * -----Footer
11291  * -----Column
11292  * -----Checkbox
11293  * -----Card
11294  * -----Button
11295  * -----Animation
11296  * -----Progress
11297  * -----Badge
11298  * -----Shadows
11299  * -----Grid
11300  * -----Data table
11301  * -----Dialog
11302  * -----Snackbar
11303  * -----Tooltip
11304  * -----Chip
11305  *
11306  * Even though all variables have the `!default` directive, most of them
11307  * should not be changed as they are dependent one another. This can cause
11308  * visual distortions (like alignment issues) that are hard to track down
11309  * and fix.
11310  */
11311 /* ==========  TYPOGRAPHY  ========== */
11312 /* We're splitting fonts into "preferred" and "performance" in order to optimize
11313    page loading. For important text, such as the body, we want it to load
11314    immediately and not wait for the web font load, whereas for other sections,
11315    such as headers and titles, we're OK with things taking a bit longer to load.
11316    We do have some optional classes and parameters in the mixins, in case you
11317    definitely want to make sure you're using the preferred font and don't mind
11318    the performance hit.
11319    We should be able to improve on this once CSS Font Loading L3 becomes more
11320    widely available.
11321 */
11322 /* ==========  COLORS  ========== */
11323 /**
11324 *
11325 * Material design color palettes.
11326 * @see http://www.google.com/design/spec/style/color.html
11327 *
11328 **/
11329 /**
11330  * Copyright 2015 Google Inc. All Rights Reserved.
11331  *
11332  * Licensed under the Apache License, Version 2.0 (the "License");
11333  * you may not use this file except in compliance with the License.
11334  * You may obtain a copy of the License at
11335  *
11336  *      http://www.apache.org/licenses/LICENSE-2.0
11337  *
11338  * Unless required by applicable law or agreed to in writing, software
11339  * distributed under the License is distributed on an "AS IS" BASIS,
11340  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11341  * See the License for the specific language governing permissions and
11342  * limitations under the License.
11343  */
11344 /* ==========  Color Palettes  ========== */
11345 /* colors.scss */
11346 /**
11347  * Copyright 2015 Google Inc. All Rights Reserved.
11348  *
11349  * Licensed under the Apache License, Version 2.0 (the "License");
11350  * you may not use this file except in compliance with the License.
11351  * You may obtain a copy of the License at
11352  *
11353  *      http://www.apache.org/licenses/LICENSE-2.0
11354  *
11355  * Unless required by applicable law or agreed to in writing, software
11356  * distributed under the License is distributed on an "AS IS" BASIS,
11357  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11358  * See the License for the specific language governing permissions and
11359  * limitations under the License.
11360  */
11361 /* ==========  IMAGES  ========== */
11362 /* ==========  Color & Themes  ========== */
11363 /* ==========  Typography  ========== */
11364 /* ==========  Components  ========== */
11365 /* ==========  Standard Buttons  ========== */
11366 /* ==========  Icon Toggles  ========== */
11367 /* ==========  Radio Buttons  ========== */
11368 /* ==========  Ripple effect  ========== */
11369 /* ==========  Layout  ========== */
11370 /* ==========  Content Tabs  ========== */
11371 /* ==========  Checkboxes  ========== */
11372 /* ==========  Switches  ========== */
11373 /* ==========  Spinner  ========== */
11374 /* ==========  Text fields  ========== */
11375 /* ==========  Card  ========== */
11376 /* ==========  Sliders ========== */
11377 /* ========== Progress ========== */
11378 /* ==========  List ========== */
11379 /* ==========  Item ========== */
11380 /* ==========  Dropdown menu ========== */
11381 /* ==========  Tooltips  ========== */
11382 /* ==========  Footer  ========== */
11383 /* TEXTFIELD */
11384 /* SWITCH */
11385 /* SPINNER */
11386 /* RADIO */
11387 /* MENU */
11388 /* LIST */
11389 /* LAYOUT */
11390 /* ICON TOGGLE */
11391 /* FOOTER */
11392 /*mega-footer*/
11393 /*mini-footer*/
11394 /* CHECKBOX */
11395 /* CARD */
11396 /* Card dimensions */
11397 /* Cover image */
11398 /* BUTTON */
11399 /**
11400  *
11401  * Dimensions
11402  *
11403  */
11404 /* ANIMATION */
11405 /* PROGRESS */
11406 /* BADGE */
11407 /* SHADOWS */
11408 /* GRID */
11409 /* DATA TABLE */
11410 /* DIALOG */
11411 /* SNACKBAR */
11412 /* TOOLTIP */
11413 /* CHIP */
11414 .mdl-tabs {
11415     display: block;
11416     width: 100%;
11417 }
11418
11419 .mdl-tabs__tab-bar {
11420     display: -webkit-flex;
11421     display: -ms-flexbox;
11422     display: flex;
11423     -webkit-flex-direction: row;
11424     -ms-flex-direction: row;
11425     flex-direction: row;
11426     -webkit-justify-content: center;
11427     -ms-flex-pack: center;
11428     justify-content: center;
11429     -webkit-align-content: space-between;
11430     -ms-flex-line-pack: justify;
11431     align-content: space-between;
11432     -webkit-align-items: flex-start;
11433     -ms-flex-align: start;
11434     align-items: flex-start;
11435     height: 48px;
11436     padding: 0 0 0 0;
11437     margin: 0;
11438     border-bottom: 1px solid rgb(224, 224, 224);
11439 }
11440
11441 .mdl-tabs__tab {
11442     margin: 0;
11443     border: none;
11444     padding: 0 24px 0 24px;
11445     float: left;
11446     position: relative;
11447     display: block;
11448     text-decoration: none;
11449     height: 48px;
11450     line-height: 48px;
11451     text-align: center;
11452     font-weight: 500;
11453     font-size: 14px;
11454     text-transform: uppercase;
11455     color: rgba(0, 0, 0, 0.54);
11456     overflow: hidden;
11457 }
11458
11459 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
11460     color: rgba(0, 0, 0, 0.87);
11461 }
11462
11463 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
11464     height: 2px;
11465     width: 100%;
11466     display: block;
11467     content: " ";
11468     bottom: 0px;
11469     left: 0px;
11470     position: absolute;
11471     background: rgb(63, 81, 181);
11472     -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
11473     animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
11474     transition: all 1s cubic-bezier(0.4, 0, 1, 1);
11475 }
11476
11477 .mdl-tabs__tab .mdl-tabs__ripple-container {
11478     display: block;
11479     position: absolute;
11480     height: 100%;
11481     width: 100%;
11482     left: 0px;
11483     top: 0px;
11484     z-index: 1;
11485     overflow: hidden;
11486 }
11487
11488 .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
11489     background: rgb(63, 81, 181);
11490 }
11491
11492 .mdl-tabs__panel {
11493     display: block;
11494 }
11495
11496 .mdl-tabs.is-upgraded .mdl-tabs__panel {
11497     display: none;
11498 }
11499
11500 .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
11501     display: block;
11502 }
11503
11504 @-webkit-keyframes border-expand {
11505     0% {
11506         opacity: 0;
11507         width: 0;
11508     }
11509     100% {
11510         opacity: 1;
11511         width: 100%;
11512     }
11513 }
11514
11515 @keyframes border-expand {
11516     0% {
11517         opacity: 0;
11518         width: 0;
11519     }
11520     100% {
11521         opacity: 1;
11522         width: 100%;
11523     }
11524 }
11525
11526 /**
11527  * Copyright 2015 Google Inc. All Rights Reserved.
11528  *
11529  * Licensed under the Apache License, Version 2.0 (the "License");
11530  * you may not use this file except in compliance with the License.
11531  * You may obtain a copy of the License at
11532  *
11533  *      http://www.apache.org/licenses/LICENSE-2.0
11534  *
11535  * Unless required by applicable law or agreed to in writing, software
11536  * distributed under the License is distributed on an "AS IS" BASIS,
11537  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11538  * See the License for the specific language governing permissions and
11539  * limitations under the License.
11540  */
11541 /**
11542  * Copyright 2015 Google Inc. All Rights Reserved.
11543  *
11544  * Licensed under the Apache License, Version 2.0 (the "License");
11545  * you may not use this file except in compliance with the License.
11546  * You may obtain a copy of the License at
11547  *
11548  *      http://www.apache.org/licenses/LICENSE-2.0
11549  *
11550  * Unless required by applicable law or agreed to in writing, software
11551  * distributed under the License is distributed on an "AS IS" BASIS,
11552  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11553  * See the License for the specific language governing permissions and
11554  * limitations under the License.
11555  */
11556 /*------------------------------------*    $CONTENTS
11557 \*------------------------------------*/
11558 /**
11559  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
11560  * -----Typography
11561  * -----Colors
11562  * -----Textfield
11563  * -----Switch
11564  * -----Spinner
11565  * -----Radio
11566  * -----Menu
11567  * -----List
11568  * -----Layout
11569  * -----Icon toggles
11570  * -----Footer
11571  * -----Column
11572  * -----Checkbox
11573  * -----Card
11574  * -----Button
11575  * -----Animation
11576  * -----Progress
11577  * -----Badge
11578  * -----Shadows
11579  * -----Grid
11580  * -----Data table
11581  * -----Dialog
11582  * -----Snackbar
11583  * -----Tooltip
11584  * -----Chip
11585  *
11586  * Even though all variables have the `!default` directive, most of them
11587  * should not be changed as they are dependent one another. This can cause
11588  * visual distortions (like alignment issues) that are hard to track down
11589  * and fix.
11590  */
11591 /* ==========  TYPOGRAPHY  ========== */
11592 /* We're splitting fonts into "preferred" and "performance" in order to optimize
11593    page loading. For important text, such as the body, we want it to load
11594    immediately and not wait for the web font load, whereas for other sections,
11595    such as headers and titles, we're OK with things taking a bit longer to load.
11596    We do have some optional classes and parameters in the mixins, in case you
11597    definitely want to make sure you're using the preferred font and don't mind
11598    the performance hit.
11599    We should be able to improve on this once CSS Font Loading L3 becomes more
11600    widely available.
11601 */
11602 /* ==========  COLORS  ========== */
11603 /**
11604 *
11605 * Material design color palettes.
11606 * @see http://www.google.com/design/spec/style/color.html
11607 *
11608 **/
11609 /**
11610  * Copyright 2015 Google Inc. All Rights Reserved.
11611  *
11612  * Licensed under the Apache License, Version 2.0 (the "License");
11613  * you may not use this file except in compliance with the License.
11614  * You may obtain a copy of the License at
11615  *
11616  *      http://www.apache.org/licenses/LICENSE-2.0
11617  *
11618  * Unless required by applicable law or agreed to in writing, software
11619  * distributed under the License is distributed on an "AS IS" BASIS,
11620  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11621  * See the License for the specific language governing permissions and
11622  * limitations under the License.
11623  */
11624 /* ==========  Color Palettes  ========== */
11625 /* colors.scss */
11626 /**
11627  * Copyright 2015 Google Inc. All Rights Reserved.
11628  *
11629  * Licensed under the Apache License, Version 2.0 (the "License");
11630  * you may not use this file except in compliance with the License.
11631  * You may obtain a copy of the License at
11632  *
11633  *      http://www.apache.org/licenses/LICENSE-2.0
11634  *
11635  * Unless required by applicable law or agreed to in writing, software
11636  * distributed under the License is distributed on an "AS IS" BASIS,
11637  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11638  * See the License for the specific language governing permissions and
11639  * limitations under the License.
11640  */
11641 /* ==========  IMAGES  ========== */
11642 /* ==========  Color & Themes  ========== */
11643 /* ==========  Typography  ========== */
11644 /* ==========  Components  ========== */
11645 /* ==========  Standard Buttons  ========== */
11646 /* ==========  Icon Toggles  ========== */
11647 /* ==========  Radio Buttons  ========== */
11648 /* ==========  Ripple effect  ========== */
11649 /* ==========  Layout  ========== */
11650 /* ==========  Content Tabs  ========== */
11651 /* ==========  Checkboxes  ========== */
11652 /* ==========  Switches  ========== */
11653 /* ==========  Spinner  ========== */
11654 /* ==========  Text fields  ========== */
11655 /* ==========  Card  ========== */
11656 /* ==========  Sliders ========== */
11657 /* ========== Progress ========== */
11658 /* ==========  List ========== */
11659 /* ==========  Item ========== */
11660 /* ==========  Dropdown menu ========== */
11661 /* ==========  Tooltips  ========== */
11662 /* ==========  Footer  ========== */
11663 /* TEXTFIELD */
11664 /* SWITCH */
11665 /* SPINNER */
11666 /* RADIO */
11667 /* MENU */
11668 /* LIST */
11669 /* LAYOUT */
11670 /* ICON TOGGLE */
11671 /* FOOTER */
11672 /*mega-footer*/
11673 /*mini-footer*/
11674 /* CHECKBOX */
11675 /* CARD */
11676 /* Card dimensions */
11677 /* Cover image */
11678 /* BUTTON */
11679 /**
11680  *
11681  * Dimensions
11682  *
11683  */
11684 /* ANIMATION */
11685 /* PROGRESS */
11686 /* BADGE */
11687 /* SHADOWS */
11688 /* GRID */
11689 /* DATA TABLE */
11690 /* DIALOG */
11691 /* SNACKBAR */
11692 /* TOOLTIP */
11693 /* CHIP */
11694 /**
11695  * Copyright 2015 Google Inc. All Rights Reserved.
11696  *
11697  * Licensed under the Apache License, Version 2.0 (the "License");
11698  * you may not use this file except in compliance with the License.
11699  * You may obtain a copy of the License at
11700  *
11701  *      http://www.apache.org/licenses/LICENSE-2.0
11702  *
11703  * Unless required by applicable law or agreed to in writing, software
11704  * distributed under the License is distributed on an "AS IS" BASIS,
11705  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11706  * See the License for the specific language governing permissions and
11707  * limitations under the License.
11708  */
11709 /* Typography */
11710 /* Shadows */
11711 /* Animations */
11712 /* Dialog */
11713 .mdl-textfield {
11714     position: relative;
11715     font-size: 16px;
11716     display: inline-block;
11717     box-sizing: border-box;
11718     width: 300px;
11719     max-width: 100%;
11720     margin: 0;
11721     padding: 20px 0;
11722 }
11723
11724 .mdl-textfield .mdl-button {
11725     position: absolute;
11726     bottom: 20px;
11727 }
11728
11729 .mdl-textfield--align-right {
11730     text-align: right;
11731 }
11732
11733 .mdl-textfield--full-width {
11734     width: 100%;
11735 }
11736
11737 .mdl-textfield--expandable {
11738     min-width: 32px;
11739     width: auto;
11740     min-height: 32px;
11741 }
11742
11743 .mdl-textfield--expandable .mdl-button--icon {
11744     top: 16px;
11745 }
11746
11747 .mdl-textfield__input {
11748     border: none;
11749     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
11750     display: block;
11751     font-size: 16px;
11752     font-family: "Roboto";
11753     margin: 0;
11754     padding: 4px 0;
11755     width: 100%;
11756     background: none;
11757     text-align: left;
11758     color: inherit;
11759 }
11760
11761 .mdl-textfield__input[type="number"] {
11762     -moz-appearance: textfield;
11763 }
11764
11765 .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
11766     -webkit-appearance: none;
11767     margin: 0;
11768 }
11769
11770 .mdl-textfield.is-focused .mdl-textfield__input {
11771     outline: none;
11772 }
11773
11774 .mdl-textfield.is-invalid .mdl-textfield__input {
11775     border-color: rgb(213, 0, 0);
11776     box-shadow: none;
11777 }
11778
11779 fieldset[disabled] .mdl-textfield .mdl-textfield__input,
11780 .mdl-textfield.is-disabled .mdl-textfield__input {
11781     background-color: transparent;
11782     border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
11783     color: rgba(0, 0, 0, 0.26);
11784 }
11785
11786 .mdl-textfield textarea.mdl-textfield__input {
11787     display: block;
11788 }
11789
11790 .mdl-textfield__label {
11791     bottom: 0;
11792     color: rgba(0, 0, 0, 0.26);
11793     font-size: 16px;
11794     left: 0;
11795     right: 0;
11796     pointer-events: none;
11797     position: absolute;
11798     display: block;
11799     top: 24px;
11800     width: 100%;
11801     overflow: hidden;
11802     white-space: nowrap;
11803     text-align: left;
11804 }
11805
11806 .mdl-textfield.is-dirty .mdl-textfield__label,
11807 .mdl-textfield.has-placeholder .mdl-textfield__label {
11808     visibility: hidden;
11809 }
11810
11811 .mdl-textfield--floating-label .mdl-textfield__label {
11812     transition-duration: 0.2s;
11813     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
11814 }
11815
11816 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
11817     transition: none;
11818 }
11819
11820 fieldset[disabled] .mdl-textfield .mdl-textfield__label,
11821 .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
11822     color: rgba(0, 0, 0, 0.26);
11823 }
11824
11825 .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
11826 .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
11827 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
11828     color: rgb(63, 81, 181);
11829     font-size: 12px;
11830     top: 4px;
11831     visibility: visible;
11832 }
11833
11834 .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
11835 .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
11836 .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
11837     top: -16px;
11838 }
11839
11840 .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
11841     color: rgb(213, 0, 0);
11842     font-size: 12px;
11843 }
11844
11845 .mdl-textfield__label:after {
11846     background-color: rgb(63, 81, 181);
11847     bottom: 20px;
11848     content: '';
11849     height: 2px;
11850     left: 45%;
11851     position: absolute;
11852     transition-duration: 0.2s;
11853     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
11854     visibility: hidden;
11855     width: 10px;
11856 }
11857
11858 .mdl-textfield.is-focused .mdl-textfield__label:after {
11859     left: 0;
11860     visibility: visible;
11861     width: 100%;
11862 }
11863
11864 .mdl-textfield.is-invalid .mdl-textfield__label:after {
11865     background-color: rgb(213, 0, 0);
11866 }
11867
11868 .mdl-textfield__error {
11869     color: rgb(213, 0, 0);
11870     position: absolute;
11871     font-size: 12px;
11872     margin-top: 3px;
11873     visibility: hidden;
11874     display: block;
11875 }
11876
11877 .mdl-textfield.is-invalid .mdl-textfield__error {
11878     visibility: visible;
11879 }
11880
11881 .mdl-textfield__expandable-holder {
11882     display: inline-block;
11883     position: relative;
11884     margin-left: 32px;
11885     transition-duration: 0.2s;
11886     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
11887     display: inline-block;
11888     max-width: 0.1px;
11889 }
11890
11891 .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
11892     max-width: 600px;
11893 }
11894
11895 .mdl-textfield__expandable-holder .mdl-textfield__label:after {
11896     bottom: 0;
11897 }
11898
11899 /**
11900  * Copyright 2015 Google Inc. All Rights Reserved.
11901  *
11902  * Licensed under the Apache License, Version 2.0 (the "License");
11903  * you may not use this file except in compliance with the License.
11904  * You may obtain a copy of the License at
11905  *
11906  *      http://www.apache.org/licenses/LICENSE-2.0
11907  *
11908  * Unless required by applicable law or agreed to in writing, software
11909  * distributed under the License is distributed on an "AS IS" BASIS,
11910  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11911  * See the License for the specific language governing permissions and
11912  * limitations under the License.
11913  */
11914 /**
11915  * Copyright 2015 Google Inc. All Rights Reserved.
11916  *
11917  * Licensed under the Apache License, Version 2.0 (the "License");
11918  * you may not use this file except in compliance with the License.
11919  * You may obtain a copy of the License at
11920  *
11921  *      http://www.apache.org/licenses/LICENSE-2.0
11922  *
11923  * Unless required by applicable law or agreed to in writing, software
11924  * distributed under the License is distributed on an "AS IS" BASIS,
11925  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11926  * See the License for the specific language governing permissions and
11927  * limitations under the License.
11928  */
11929 /*------------------------------------*    $CONTENTS
11930 \*------------------------------------*/
11931 /**
11932  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
11933  * -----Typography
11934  * -----Colors
11935  * -----Textfield
11936  * -----Switch
11937  * -----Spinner
11938  * -----Radio
11939  * -----Menu
11940  * -----List
11941  * -----Layout
11942  * -----Icon toggles
11943  * -----Footer
11944  * -----Column
11945  * -----Checkbox
11946  * -----Card
11947  * -----Button
11948  * -----Animation
11949  * -----Progress
11950  * -----Badge
11951  * -----Shadows
11952  * -----Grid
11953  * -----Data table
11954  * -----Dialog
11955  * -----Snackbar
11956  * -----Tooltip
11957  * -----Chip
11958  *
11959  * Even though all variables have the `!default` directive, most of them
11960  * should not be changed as they are dependent one another. This can cause
11961  * visual distortions (like alignment issues) that are hard to track down
11962  * and fix.
11963  */
11964 /* ==========  TYPOGRAPHY  ========== */
11965 /* We're splitting fonts into "preferred" and "performance" in order to optimize
11966    page loading. For important text, such as the body, we want it to load
11967    immediately and not wait for the web font load, whereas for other sections,
11968    such as headers and titles, we're OK with things taking a bit longer to load.
11969    We do have some optional classes and parameters in the mixins, in case you
11970    definitely want to make sure you're using the preferred font and don't mind
11971    the performance hit.
11972    We should be able to improve on this once CSS Font Loading L3 becomes more
11973    widely available.
11974 */
11975 /* ==========  COLORS  ========== */
11976 /**
11977 *
11978 * Material design color palettes.
11979 * @see http://www.google.com/design/spec/style/color.html
11980 *
11981 **/
11982 /**
11983  * Copyright 2015 Google Inc. All Rights Reserved.
11984  *
11985  * Licensed under the Apache License, Version 2.0 (the "License");
11986  * you may not use this file except in compliance with the License.
11987  * You may obtain a copy of the License at
11988  *
11989  *      http://www.apache.org/licenses/LICENSE-2.0
11990  *
11991  * Unless required by applicable law or agreed to in writing, software
11992  * distributed under the License is distributed on an "AS IS" BASIS,
11993  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
11994  * See the License for the specific language governing permissions and
11995  * limitations under the License.
11996  */
11997 /* ==========  Color Palettes  ========== */
11998 /* colors.scss */
11999 /**
12000  * Copyright 2015 Google Inc. All Rights Reserved.
12001  *
12002  * Licensed under the Apache License, Version 2.0 (the "License");
12003  * you may not use this file except in compliance with the License.
12004  * You may obtain a copy of the License at
12005  *
12006  *      http://www.apache.org/licenses/LICENSE-2.0
12007  *
12008  * Unless required by applicable law or agreed to in writing, software
12009  * distributed under the License is distributed on an "AS IS" BASIS,
12010  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12011  * See the License for the specific language governing permissions and
12012  * limitations under the License.
12013  */
12014 /* ==========  IMAGES  ========== */
12015 /* ==========  Color & Themes  ========== */
12016 /* ==========  Typography  ========== */
12017 /* ==========  Components  ========== */
12018 /* ==========  Standard Buttons  ========== */
12019 /* ==========  Icon Toggles  ========== */
12020 /* ==========  Radio Buttons  ========== */
12021 /* ==========  Ripple effect  ========== */
12022 /* ==========  Layout  ========== */
12023 /* ==========  Content Tabs  ========== */
12024 /* ==========  Checkboxes  ========== */
12025 /* ==========  Switches  ========== */
12026 /* ==========  Spinner  ========== */
12027 /* ==========  Text fields  ========== */
12028 /* ==========  Card  ========== */
12029 /* ==========  Sliders ========== */
12030 /* ========== Progress ========== */
12031 /* ==========  List ========== */
12032 /* ==========  Item ========== */
12033 /* ==========  Dropdown menu ========== */
12034 /* ==========  Tooltips  ========== */
12035 /* ==========  Footer  ========== */
12036 /* TEXTFIELD */
12037 /* SWITCH */
12038 /* SPINNER */
12039 /* RADIO */
12040 /* MENU */
12041 /* LIST */
12042 /* LAYOUT */
12043 /* ICON TOGGLE */
12044 /* FOOTER */
12045 /*mega-footer*/
12046 /*mini-footer*/
12047 /* CHECKBOX */
12048 /* CARD */
12049 /* Card dimensions */
12050 /* Cover image */
12051 /* BUTTON */
12052 /**
12053  *
12054  * Dimensions
12055  *
12056  */
12057 /* ANIMATION */
12058 /* PROGRESS */
12059 /* BADGE */
12060 /* SHADOWS */
12061 /* GRID */
12062 /* DATA TABLE */
12063 /* DIALOG */
12064 /* SNACKBAR */
12065 /* TOOLTIP */
12066 /* CHIP */
12067 .mdl-tooltip {
12068     -webkit-transform: scale(0);
12069     transform: scale(0);
12070     -webkit-transform-origin: top center;
12071     transform-origin: top center;
12072     z-index: 999;
12073     background: rgba(97, 97, 97, 0.9);
12074     border-radius: 2px;
12075     color: rgb(255, 255, 255);
12076     display: inline-block;
12077     font-size: 10px;
12078     font-weight: 500;
12079     line-height: 14px;
12080     max-width: 170px;
12081     position: fixed;
12082     top: -500px;
12083     left: -500px;
12084     padding: 8px;
12085     text-align: center;
12086 }
12087
12088 .mdl-tooltip.is-active {
12089     -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
12090     animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
12091 }
12092
12093 .mdl-tooltip--large {
12094     line-height: 14px;
12095     font-size: 14px;
12096     padding: 16px;
12097 }
12098
12099 @-webkit-keyframes pulse {
12100     0% {
12101         -webkit-transform: scale(0);
12102         transform: scale(0);
12103         opacity: 0;
12104     }
12105     50% {
12106         -webkit-transform: scale(0.99);
12107         transform: scale(0.99);
12108     }
12109     100% {
12110         -webkit-transform: scale(1);
12111         transform: scale(1);
12112         opacity: 1;
12113         visibility: visible;
12114     }
12115 }
12116
12117 @keyframes pulse {
12118     0% {
12119         -webkit-transform: scale(0);
12120         transform: scale(0);
12121         opacity: 0;
12122     }
12123     50% {
12124         -webkit-transform: scale(0.99);
12125         transform: scale(0.99);
12126     }
12127     100% {
12128         -webkit-transform: scale(1);
12129         transform: scale(1);
12130         opacity: 1;
12131         visibility: visible;
12132     }
12133 }
12134
12135 /**
12136  * Copyright 2015 Google Inc. All Rights Reserved.
12137  *
12138  * Licensed under the Apache License, Version 2.0 (the "License");
12139  * you may not use this file except in compliance with the License.
12140  * You may obtain a copy of the License at
12141  *
12142  *      http://www.apache.org/licenses/LICENSE-2.0
12143  *
12144  * Unless required by applicable law or agreed to in writing, software
12145  * distributed under the License is distributed on an "AS IS" BASIS,
12146  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12147  * See the License for the specific language governing permissions and
12148  * limitations under the License.
12149  */
12150 /**
12151  * Copyright 2015 Google Inc. All Rights Reserved.
12152  *
12153  * Licensed under the Apache License, Version 2.0 (the "License");
12154  * you may not use this file except in compliance with the License.
12155  * You may obtain a copy of the License at
12156  *
12157  *      http://www.apache.org/licenses/LICENSE-2.0
12158  *
12159  * Unless required by applicable law or agreed to in writing, software
12160  * distributed under the License is distributed on an "AS IS" BASIS,
12161  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12162  * See the License for the specific language governing permissions and
12163  * limitations under the License.
12164  */
12165 /*------------------------------------*    $CONTENTS
12166 \*------------------------------------*/
12167 /**
12168  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
12169  * -----Typography
12170  * -----Colors
12171  * -----Textfield
12172  * -----Switch
12173  * -----Spinner
12174  * -----Radio
12175  * -----Menu
12176  * -----List
12177  * -----Layout
12178  * -----Icon toggles
12179  * -----Footer
12180  * -----Column
12181  * -----Checkbox
12182  * -----Card
12183  * -----Button
12184  * -----Animation
12185  * -----Progress
12186  * -----Badge
12187  * -----Shadows
12188  * -----Grid
12189  * -----Data table
12190  * -----Dialog
12191  * -----Snackbar
12192  * -----Tooltip
12193  * -----Chip
12194  *
12195  * Even though all variables have the `!default` directive, most of them
12196  * should not be changed as they are dependent one another. This can cause
12197  * visual distortions (like alignment issues) that are hard to track down
12198  * and fix.
12199  */
12200 /* ==========  TYPOGRAPHY  ========== */
12201 /* We're splitting fonts into "preferred" and "performance" in order to optimize
12202    page loading. For important text, such as the body, we want it to load
12203    immediately and not wait for the web font load, whereas for other sections,
12204    such as headers and titles, we're OK with things taking a bit longer to load.
12205    We do have some optional classes and parameters in the mixins, in case you
12206    definitely want to make sure you're using the preferred font and don't mind
12207    the performance hit.
12208    We should be able to improve on this once CSS Font Loading L3 becomes more
12209    widely available.
12210 */
12211 /* ==========  COLORS  ========== */
12212 /**
12213 *
12214 * Material design color palettes.
12215 * @see http://www.google.com/design/spec/style/color.html
12216 *
12217 **/
12218 /**
12219  * Copyright 2015 Google Inc. All Rights Reserved.
12220  *
12221  * Licensed under the Apache License, Version 2.0 (the "License");
12222  * you may not use this file except in compliance with the License.
12223  * You may obtain a copy of the License at
12224  *
12225  *      http://www.apache.org/licenses/LICENSE-2.0
12226  *
12227  * Unless required by applicable law or agreed to in writing, software
12228  * distributed under the License is distributed on an "AS IS" BASIS,
12229  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12230  * See the License for the specific language governing permissions and
12231  * limitations under the License.
12232  */
12233 /* ==========  Color Palettes  ========== */
12234 /* colors.scss */
12235 /**
12236  * Copyright 2015 Google Inc. All Rights Reserved.
12237  *
12238  * Licensed under the Apache License, Version 2.0 (the "License");
12239  * you may not use this file except in compliance with the License.
12240  * You may obtain a copy of the License at
12241  *
12242  *      http://www.apache.org/licenses/LICENSE-2.0
12243  *
12244  * Unless required by applicable law or agreed to in writing, software
12245  * distributed under the License is distributed on an "AS IS" BASIS,
12246  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12247  * See the License for the specific language governing permissions and
12248  * limitations under the License.
12249  */
12250 /* ==========  IMAGES  ========== */
12251 /* ==========  Color & Themes  ========== */
12252 /* ==========  Typography  ========== */
12253 /* ==========  Components  ========== */
12254 /* ==========  Standard Buttons  ========== */
12255 /* ==========  Icon Toggles  ========== */
12256 /* ==========  Radio Buttons  ========== */
12257 /* ==========  Ripple effect  ========== */
12258 /* ==========  Layout  ========== */
12259 /* ==========  Content Tabs  ========== */
12260 /* ==========  Checkboxes  ========== */
12261 /* ==========  Switches  ========== */
12262 /* ==========  Spinner  ========== */
12263 /* ==========  Text fields  ========== */
12264 /* ==========  Card  ========== */
12265 /* ==========  Sliders ========== */
12266 /* ========== Progress ========== */
12267 /* ==========  List ========== */
12268 /* ==========  Item ========== */
12269 /* ==========  Dropdown menu ========== */
12270 /* ==========  Tooltips  ========== */
12271 /* ==========  Footer  ========== */
12272 /* TEXTFIELD */
12273 /* SWITCH */
12274 /* SPINNER */
12275 /* RADIO */
12276 /* MENU */
12277 /* LIST */
12278 /* LAYOUT */
12279 /* ICON TOGGLE */
12280 /* FOOTER */
12281 /*mega-footer*/
12282 /*mini-footer*/
12283 /* CHECKBOX */
12284 /* CARD */
12285 /* Card dimensions */
12286 /* Cover image */
12287 /* BUTTON */
12288 /**
12289  *
12290  * Dimensions
12291  *
12292  */
12293 /* ANIMATION */
12294 /* PROGRESS */
12295 /* BADGE */
12296 /* SHADOWS */
12297 /* GRID */
12298 /* DATA TABLE */
12299 /* DIALOG */
12300 /* SNACKBAR */
12301 /* TOOLTIP */
12302 /* CHIP */
12303 /**
12304  * Copyright 2015 Google Inc. All Rights Reserved.
12305  *
12306  * Licensed under the Apache License, Version 2.0 (the "License");
12307  * you may not use this file except in compliance with the License.
12308  * You may obtain a copy of the License at
12309  *
12310  *      http://www.apache.org/licenses/LICENSE-2.0
12311  *
12312  * Unless required by applicable law or agreed to in writing, software
12313  * distributed under the License is distributed on an "AS IS" BASIS,
12314  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12315  * See the License for the specific language governing permissions and
12316  * limitations under the License.
12317  */
12318 /* Typography */
12319 /* Shadows */
12320 /* Animations */
12321 /* Dialog */
12322 .mdl-shadow--2dp {
12323     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);
12324 }
12325
12326 .mdl-shadow--3dp {
12327     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);
12328 }
12329
12330 .mdl-shadow--4dp {
12331     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);
12332 }
12333
12334 .mdl-shadow--6dp {
12335     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);
12336 }
12337
12338 .mdl-shadow--8dp {
12339     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);
12340 }
12341
12342 .mdl-shadow--16dp {
12343     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);
12344 }
12345
12346 .mdl-shadow--24dp {
12347     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);
12348 }
12349
12350 /**
12351  * Copyright 2015 Google Inc. All Rights Reserved.
12352  *
12353  * Licensed under the Apache License, Version 2.0 (the "License");
12354  * you may not use this file except in compliance with the License.
12355  * You may obtain a copy of the License at
12356  *
12357  *      http://www.apache.org/licenses/LICENSE-2.0
12358  *
12359  * Unless required by applicable law or agreed to in writing, software
12360  * distributed under the License is distributed on an "AS IS" BASIS,
12361  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12362  * See the License for the specific language governing permissions and
12363  * limitations under the License.
12364  */
12365 /*
12366 * NOTE: Some rules here are applied using duplicate selectors.
12367 * This is on purpose to increase their specificity when applied.
12368 * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
12369 */
12370 /**
12371  * Copyright 2015 Google Inc. All Rights Reserved.
12372  *
12373  * Licensed under the Apache License, Version 2.0 (the "License");
12374  * you may not use this file except in compliance with the License.
12375  * You may obtain a copy of the License at
12376  *
12377  *      http://www.apache.org/licenses/LICENSE-2.0
12378  *
12379  * Unless required by applicable law or agreed to in writing, software
12380  * distributed under the License is distributed on an "AS IS" BASIS,
12381  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12382  * See the License for the specific language governing permissions and
12383  * limitations under the License.
12384  */
12385 /*------------------------------------*    $CONTENTS
12386 \*------------------------------------*/
12387 /**
12388  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
12389  * -----Typography
12390  * -----Colors
12391  * -----Textfield
12392  * -----Switch
12393  * -----Spinner
12394  * -----Radio
12395  * -----Menu
12396  * -----List
12397  * -----Layout
12398  * -----Icon toggles
12399  * -----Footer
12400  * -----Column
12401  * -----Checkbox
12402  * -----Card
12403  * -----Button
12404  * -----Animation
12405  * -----Progress
12406  * -----Badge
12407  * -----Shadows
12408  * -----Grid
12409  * -----Data table
12410  * -----Dialog
12411  * -----Snackbar
12412  * -----Tooltip
12413  * -----Chip
12414  *
12415  * Even though all variables have the `!default` directive, most of them
12416  * should not be changed as they are dependent one another. This can cause
12417  * visual distortions (like alignment issues) that are hard to track down
12418  * and fix.
12419  */
12420 /* ==========  TYPOGRAPHY  ========== */
12421 /* We're splitting fonts into "preferred" and "performance" in order to optimize
12422    page loading. For important text, such as the body, we want it to load
12423    immediately and not wait for the web font load, whereas for other sections,
12424    such as headers and titles, we're OK with things taking a bit longer to load.
12425    We do have some optional classes and parameters in the mixins, in case you
12426    definitely want to make sure you're using the preferred font and don't mind
12427    the performance hit.
12428    We should be able to improve on this once CSS Font Loading L3 becomes more
12429    widely available.
12430 */
12431 /* ==========  COLORS  ========== */
12432 /**
12433 *
12434 * Material design color palettes.
12435 * @see http://www.google.com/design/spec/style/color.html
12436 *
12437 **/
12438 /**
12439  * Copyright 2015 Google Inc. All Rights Reserved.
12440  *
12441  * Licensed under the Apache License, Version 2.0 (the "License");
12442  * you may not use this file except in compliance with the License.
12443  * You may obtain a copy of the License at
12444  *
12445  *      http://www.apache.org/licenses/LICENSE-2.0
12446  *
12447  * Unless required by applicable law or agreed to in writing, software
12448  * distributed under the License is distributed on an "AS IS" BASIS,
12449  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12450  * See the License for the specific language governing permissions and
12451  * limitations under the License.
12452  */
12453 /* ==========  Color Palettes  ========== */
12454 /* colors.scss */
12455 /**
12456  * Copyright 2015 Google Inc. All Rights Reserved.
12457  *
12458  * Licensed under the Apache License, Version 2.0 (the "License");
12459  * you may not use this file except in compliance with the License.
12460  * You may obtain a copy of the License at
12461  *
12462  *      http://www.apache.org/licenses/LICENSE-2.0
12463  *
12464  * Unless required by applicable law or agreed to in writing, software
12465  * distributed under the License is distributed on an "AS IS" BASIS,
12466  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12467  * See the License for the specific language governing permissions and
12468  * limitations under the License.
12469  */
12470 /* ==========  IMAGES  ========== */
12471 /* ==========  Color & Themes  ========== */
12472 /* ==========  Typography  ========== */
12473 /* ==========  Components  ========== */
12474 /* ==========  Standard Buttons  ========== */
12475 /* ==========  Icon Toggles  ========== */
12476 /* ==========  Radio Buttons  ========== */
12477 /* ==========  Ripple effect  ========== */
12478 /* ==========  Layout  ========== */
12479 /* ==========  Content Tabs  ========== */
12480 /* ==========  Checkboxes  ========== */
12481 /* ==========  Switches  ========== */
12482 /* ==========  Spinner  ========== */
12483 /* ==========  Text fields  ========== */
12484 /* ==========  Card  ========== */
12485 /* ==========  Sliders ========== */
12486 /* ========== Progress ========== */
12487 /* ==========  List ========== */
12488 /* ==========  Item ========== */
12489 /* ==========  Dropdown menu ========== */
12490 /* ==========  Tooltips  ========== */
12491 /* ==========  Footer  ========== */
12492 /* TEXTFIELD */
12493 /* SWITCH */
12494 /* SPINNER */
12495 /* RADIO */
12496 /* MENU */
12497 /* LIST */
12498 /* LAYOUT */
12499 /* ICON TOGGLE */
12500 /* FOOTER */
12501 /*mega-footer*/
12502 /*mini-footer*/
12503 /* CHECKBOX */
12504 /* CARD */
12505 /* Card dimensions */
12506 /* Cover image */
12507 /* BUTTON */
12508 /**
12509  *
12510  * Dimensions
12511  *
12512  */
12513 /* ANIMATION */
12514 /* PROGRESS */
12515 /* BADGE */
12516 /* SHADOWS */
12517 /* GRID */
12518 /* DATA TABLE */
12519 /* DIALOG */
12520 /* SNACKBAR */
12521 /* TOOLTIP */
12522 /* CHIP */
12523 .mdl-grid {
12524     display: -webkit-flex;
12525     display: -ms-flexbox;
12526     display: flex;
12527     -webkit-flex-flow: row wrap;
12528     -ms-flex-flow: row wrap;
12529     flex-flow: row wrap;
12530     margin: 0 auto 0 auto;
12531     -webkit-align-items: stretch;
12532     -ms-flex-align: stretch;
12533     align-items: stretch;
12534 }
12535
12536 .mdl-grid.mdl-grid--no-spacing {
12537     padding: 0;
12538 }
12539
12540 .mdl-cell {
12541     box-sizing: border-box;
12542 }
12543
12544 .mdl-cell--top {
12545     -webkit-align-self: flex-start;
12546     -ms-flex-item-align: start;
12547     align-self: flex-start;
12548 }
12549
12550 .mdl-cell--middle {
12551     -webkit-align-self: center;
12552     -ms-flex-item-align: center;
12553     -ms-grid-row-align: center;
12554     align-self: center;
12555 }
12556
12557 .mdl-cell--bottom {
12558     -webkit-align-self: flex-end;
12559     -ms-flex-item-align: end;
12560     align-self: flex-end;
12561 }
12562
12563 .mdl-cell--stretch {
12564     -webkit-align-self: stretch;
12565     -ms-flex-item-align: stretch;
12566     -ms-grid-row-align: stretch;
12567     align-self: stretch;
12568 }
12569
12570 .mdl-grid.mdl-grid--no-spacing > .mdl-cell {
12571     margin: 0;
12572 }
12573
12574 .mdl-cell--order-1 {
12575     -webkit-order: 1;
12576     -ms-flex-order: 1;
12577     order: 1;
12578 }
12579
12580 .mdl-cell--order-2 {
12581     -webkit-order: 2;
12582     -ms-flex-order: 2;
12583     order: 2;
12584 }
12585
12586 .mdl-cell--order-3 {
12587     -webkit-order: 3;
12588     -ms-flex-order: 3;
12589     order: 3;
12590 }
12591
12592 .mdl-cell--order-4 {
12593     -webkit-order: 4;
12594     -ms-flex-order: 4;
12595     order: 4;
12596 }
12597
12598 .mdl-cell--order-5 {
12599     -webkit-order: 5;
12600     -ms-flex-order: 5;
12601     order: 5;
12602 }
12603
12604 .mdl-cell--order-6 {
12605     -webkit-order: 6;
12606     -ms-flex-order: 6;
12607     order: 6;
12608 }
12609
12610 .mdl-cell--order-7 {
12611     -webkit-order: 7;
12612     -ms-flex-order: 7;
12613     order: 7;
12614 }
12615
12616 .mdl-cell--order-8 {
12617     -webkit-order: 8;
12618     -ms-flex-order: 8;
12619     order: 8;
12620 }
12621
12622 .mdl-cell--order-9 {
12623     -webkit-order: 9;
12624     -ms-flex-order: 9;
12625     order: 9;
12626 }
12627
12628 .mdl-cell--order-10 {
12629     -webkit-order: 10;
12630     -ms-flex-order: 10;
12631     order: 10;
12632 }
12633
12634 .mdl-cell--order-11 {
12635     -webkit-order: 11;
12636     -ms-flex-order: 11;
12637     order: 11;
12638 }
12639
12640 .mdl-cell--order-12 {
12641     -webkit-order: 12;
12642     -ms-flex-order: 12;
12643     order: 12;
12644 }
12645
12646 @media (max-width: 479px) {
12647     .mdl-grid {
12648         padding: 8px;
12649     }
12650
12651     .mdl-cell {
12652         margin: 8px;
12653         width: calc(100% - 16px);
12654     }
12655
12656     .mdl-grid--no-spacing > .mdl-cell {
12657         width: 100%;
12658     }
12659
12660     .mdl-cell--hide-phone {
12661         display: none !important;
12662     }
12663
12664     .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
12665         -webkit-order: 1;
12666         -ms-flex-order: 1;
12667         order: 1;
12668     }
12669
12670     .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
12671         -webkit-order: 2;
12672         -ms-flex-order: 2;
12673         order: 2;
12674     }
12675
12676     .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
12677         -webkit-order: 3;
12678         -ms-flex-order: 3;
12679         order: 3;
12680     }
12681
12682     .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
12683         -webkit-order: 4;
12684         -ms-flex-order: 4;
12685         order: 4;
12686     }
12687
12688     .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
12689         -webkit-order: 5;
12690         -ms-flex-order: 5;
12691         order: 5;
12692     }
12693
12694     .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
12695         -webkit-order: 6;
12696         -ms-flex-order: 6;
12697         order: 6;
12698     }
12699
12700     .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
12701         -webkit-order: 7;
12702         -ms-flex-order: 7;
12703         order: 7;
12704     }
12705
12706     .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
12707         -webkit-order: 8;
12708         -ms-flex-order: 8;
12709         order: 8;
12710     }
12711
12712     .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
12713         -webkit-order: 9;
12714         -ms-flex-order: 9;
12715         order: 9;
12716     }
12717
12718     .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
12719         -webkit-order: 10;
12720         -ms-flex-order: 10;
12721         order: 10;
12722     }
12723
12724     .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
12725         -webkit-order: 11;
12726         -ms-flex-order: 11;
12727         order: 11;
12728     }
12729
12730     .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
12731         -webkit-order: 12;
12732         -ms-flex-order: 12;
12733         order: 12;
12734     }
12735
12736     .mdl-cell--1-col,
12737     .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
12738         width: calc(25% - 16px);
12739     }
12740
12741     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
12742     .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
12743         width: 25%;
12744     }
12745
12746     .mdl-cell--2-col,
12747     .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
12748         width: calc(50% - 16px);
12749     }
12750
12751     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
12752     .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
12753         width: 50%;
12754     }
12755
12756     .mdl-cell--3-col,
12757     .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
12758         width: calc(75% - 16px);
12759     }
12760
12761     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
12762     .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
12763         width: 75%;
12764     }
12765
12766     .mdl-cell--4-col,
12767     .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
12768         width: calc(100% - 16px);
12769     }
12770
12771     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
12772     .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
12773         width: 100%;
12774     }
12775
12776     .mdl-cell--5-col,
12777     .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
12778         width: calc(100% - 16px);
12779     }
12780
12781     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
12782     .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
12783         width: 100%;
12784     }
12785
12786     .mdl-cell--6-col,
12787     .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
12788         width: calc(100% - 16px);
12789     }
12790
12791     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
12792     .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
12793         width: 100%;
12794     }
12795
12796     .mdl-cell--7-col,
12797     .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
12798         width: calc(100% - 16px);
12799     }
12800
12801     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
12802     .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
12803         width: 100%;
12804     }
12805
12806     .mdl-cell--8-col,
12807     .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
12808         width: calc(100% - 16px);
12809     }
12810
12811     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
12812     .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
12813         width: 100%;
12814     }
12815
12816     .mdl-cell--9-col,
12817     .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
12818         width: calc(100% - 16px);
12819     }
12820
12821     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
12822     .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
12823         width: 100%;
12824     }
12825
12826     .mdl-cell--10-col,
12827     .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
12828         width: calc(100% - 16px);
12829     }
12830
12831     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
12832     .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
12833         width: 100%;
12834     }
12835
12836     .mdl-cell--11-col,
12837     .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
12838         width: calc(100% - 16px);
12839     }
12840
12841     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
12842     .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
12843         width: 100%;
12844     }
12845
12846     .mdl-cell--12-col,
12847     .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
12848         width: calc(100% - 16px);
12849     }
12850
12851     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
12852     .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
12853         width: 100%;
12854     }
12855
12856     .mdl-cell--1-offset,
12857     .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
12858         margin-left: calc(25% + 8px);
12859     }
12860
12861     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
12862     .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
12863         margin-left: 25%;
12864     }
12865
12866     .mdl-cell--2-offset,
12867     .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
12868         margin-left: calc(50% + 8px);
12869     }
12870
12871     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
12872     .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
12873         margin-left: 50%;
12874     }
12875
12876     .mdl-cell--3-offset,
12877     .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
12878         margin-left: calc(75% + 8px);
12879     }
12880
12881     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
12882     .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
12883         margin-left: 75%;
12884     }
12885 }
12886
12887 @media (min-width: 480px) and (max-width: 839px) {
12888     .mdl-grid {
12889         padding: 8px;
12890     }
12891
12892     .mdl-cell {
12893         margin: 8px;
12894         width: calc(50% - 16px);
12895     }
12896
12897     .mdl-grid--no-spacing > .mdl-cell {
12898         width: 50%;
12899     }
12900
12901     .mdl-cell--hide-tablet {
12902         display: none !important;
12903     }
12904
12905     .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
12906         -webkit-order: 1;
12907         -ms-flex-order: 1;
12908         order: 1;
12909     }
12910
12911     .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
12912         -webkit-order: 2;
12913         -ms-flex-order: 2;
12914         order: 2;
12915     }
12916
12917     .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
12918         -webkit-order: 3;
12919         -ms-flex-order: 3;
12920         order: 3;
12921     }
12922
12923     .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
12924         -webkit-order: 4;
12925         -ms-flex-order: 4;
12926         order: 4;
12927     }
12928
12929     .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
12930         -webkit-order: 5;
12931         -ms-flex-order: 5;
12932         order: 5;
12933     }
12934
12935     .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
12936         -webkit-order: 6;
12937         -ms-flex-order: 6;
12938         order: 6;
12939     }
12940
12941     .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
12942         -webkit-order: 7;
12943         -ms-flex-order: 7;
12944         order: 7;
12945     }
12946
12947     .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
12948         -webkit-order: 8;
12949         -ms-flex-order: 8;
12950         order: 8;
12951     }
12952
12953     .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
12954         -webkit-order: 9;
12955         -ms-flex-order: 9;
12956         order: 9;
12957     }
12958
12959     .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
12960         -webkit-order: 10;
12961         -ms-flex-order: 10;
12962         order: 10;
12963     }
12964
12965     .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
12966         -webkit-order: 11;
12967         -ms-flex-order: 11;
12968         order: 11;
12969     }
12970
12971     .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
12972         -webkit-order: 12;
12973         -ms-flex-order: 12;
12974         order: 12;
12975     }
12976
12977     .mdl-cell--1-col,
12978     .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
12979         width: calc(12.5% - 16px);
12980     }
12981
12982     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
12983     .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
12984         width: 12.5%;
12985     }
12986
12987     .mdl-cell--2-col,
12988     .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
12989         width: calc(25% - 16px);
12990     }
12991
12992     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
12993     .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
12994         width: 25%;
12995     }
12996
12997     .mdl-cell--3-col,
12998     .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
12999         width: calc(37.5% - 16px);
13000     }
13001
13002     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
13003     .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
13004         width: 37.5%;
13005     }
13006
13007     .mdl-cell--4-col,
13008     .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
13009         width: calc(50% - 16px);
13010     }
13011
13012     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
13013     .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
13014         width: 50%;
13015     }
13016
13017     .mdl-cell--5-col,
13018     .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
13019         width: calc(62.5% - 16px);
13020     }
13021
13022     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
13023     .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
13024         width: 62.5%;
13025     }
13026
13027     .mdl-cell--6-col,
13028     .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
13029         width: calc(75% - 16px);
13030     }
13031
13032     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
13033     .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
13034         width: 75%;
13035     }
13036
13037     .mdl-cell--7-col,
13038     .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
13039         width: calc(87.5% - 16px);
13040     }
13041
13042     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
13043     .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
13044         width: 87.5%;
13045     }
13046
13047     .mdl-cell--8-col,
13048     .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
13049         width: calc(100% - 16px);
13050     }
13051
13052     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
13053     .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
13054         width: 100%;
13055     }
13056
13057     .mdl-cell--9-col,
13058     .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
13059         width: calc(100% - 16px);
13060     }
13061
13062     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
13063     .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
13064         width: 100%;
13065     }
13066
13067     .mdl-cell--10-col,
13068     .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
13069         width: calc(100% - 16px);
13070     }
13071
13072     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
13073     .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
13074         width: 100%;
13075     }
13076
13077     .mdl-cell--11-col,
13078     .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
13079         width: calc(100% - 16px);
13080     }
13081
13082     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
13083     .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
13084         width: 100%;
13085     }
13086
13087     .mdl-cell--12-col,
13088     .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
13089         width: calc(100% - 16px);
13090     }
13091
13092     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
13093     .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
13094         width: 100%;
13095     }
13096
13097     .mdl-cell--1-offset,
13098     .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
13099         margin-left: calc(12.5% + 8px);
13100     }
13101
13102     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
13103     .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
13104         margin-left: 12.5%;
13105     }
13106
13107     .mdl-cell--2-offset,
13108     .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
13109         margin-left: calc(25% + 8px);
13110     }
13111
13112     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
13113     .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
13114         margin-left: 25%;
13115     }
13116
13117     .mdl-cell--3-offset,
13118     .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
13119         margin-left: calc(37.5% + 8px);
13120     }
13121
13122     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
13123     .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
13124         margin-left: 37.5%;
13125     }
13126
13127     .mdl-cell--4-offset,
13128     .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
13129         margin-left: calc(50% + 8px);
13130     }
13131
13132     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
13133     .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
13134         margin-left: 50%;
13135     }
13136
13137     .mdl-cell--5-offset,
13138     .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
13139         margin-left: calc(62.5% + 8px);
13140     }
13141
13142     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
13143     .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
13144         margin-left: 62.5%;
13145     }
13146
13147     .mdl-cell--6-offset,
13148     .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
13149         margin-left: calc(75% + 8px);
13150     }
13151
13152     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
13153     .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
13154         margin-left: 75%;
13155     }
13156
13157     .mdl-cell--7-offset,
13158     .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
13159         margin-left: calc(87.5% + 8px);
13160     }
13161
13162     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
13163     .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
13164         margin-left: 87.5%;
13165     }
13166 }
13167
13168 @media (min-width: 840px) {
13169     .mdl-grid {
13170         padding: 8px;
13171     }
13172
13173     .mdl-cell {
13174         margin: 8px;
13175         width: calc(33.3333333333% - 16px);
13176     }
13177
13178     .mdl-grid--no-spacing > .mdl-cell {
13179         width: 33.3333333333%;
13180     }
13181
13182     .mdl-cell--hide-desktop {
13183         display: none !important;
13184     }
13185
13186     .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
13187         -webkit-order: 1;
13188         -ms-flex-order: 1;
13189         order: 1;
13190     }
13191
13192     .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
13193         -webkit-order: 2;
13194         -ms-flex-order: 2;
13195         order: 2;
13196     }
13197
13198     .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
13199         -webkit-order: 3;
13200         -ms-flex-order: 3;
13201         order: 3;
13202     }
13203
13204     .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
13205         -webkit-order: 4;
13206         -ms-flex-order: 4;
13207         order: 4;
13208     }
13209
13210     .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
13211         -webkit-order: 5;
13212         -ms-flex-order: 5;
13213         order: 5;
13214     }
13215
13216     .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
13217         -webkit-order: 6;
13218         -ms-flex-order: 6;
13219         order: 6;
13220     }
13221
13222     .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
13223         -webkit-order: 7;
13224         -ms-flex-order: 7;
13225         order: 7;
13226     }
13227
13228     .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
13229         -webkit-order: 8;
13230         -ms-flex-order: 8;
13231         order: 8;
13232     }
13233
13234     .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
13235         -webkit-order: 9;
13236         -ms-flex-order: 9;
13237         order: 9;
13238     }
13239
13240     .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
13241         -webkit-order: 10;
13242         -ms-flex-order: 10;
13243         order: 10;
13244     }
13245
13246     .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
13247         -webkit-order: 11;
13248         -ms-flex-order: 11;
13249         order: 11;
13250     }
13251
13252     .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
13253         -webkit-order: 12;
13254         -ms-flex-order: 12;
13255         order: 12;
13256     }
13257
13258     .mdl-cell--1-col,
13259     .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
13260         width: calc(8.3333333333% - 16px);
13261     }
13262
13263     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
13264     .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
13265         width: 8.3333333333%;
13266     }
13267
13268     .mdl-cell--2-col,
13269     .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
13270         width: calc(16.6666666667% - 16px);
13271     }
13272
13273     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
13274     .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
13275         width: 16.6666666667%;
13276     }
13277
13278     .mdl-cell--3-col,
13279     .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
13280         width: calc(25% - 16px);
13281     }
13282
13283     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
13284     .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
13285         width: 25%;
13286     }
13287
13288     .mdl-cell--4-col,
13289     .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
13290         width: calc(33.3333333333% - 16px);
13291     }
13292
13293     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
13294     .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
13295         width: 33.3333333333%;
13296     }
13297
13298     .mdl-cell--5-col,
13299     .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
13300         width: calc(41.6666666667% - 16px);
13301     }
13302
13303     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
13304     .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
13305         width: 41.6666666667%;
13306     }
13307
13308     .mdl-cell--6-col,
13309     .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
13310         width: calc(50% - 16px);
13311     }
13312
13313     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
13314     .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
13315         width: 50%;
13316     }
13317
13318     .mdl-cell--7-col,
13319     .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
13320         width: calc(58.3333333333% - 16px);
13321     }
13322
13323     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
13324     .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
13325         width: 58.3333333333%;
13326     }
13327
13328     .mdl-cell--8-col,
13329     .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
13330         width: calc(66.6666666667% - 16px);
13331     }
13332
13333     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
13334     .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
13335         width: 66.6666666667%;
13336     }
13337
13338     .mdl-cell--9-col,
13339     .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
13340         width: calc(75% - 16px);
13341     }
13342
13343     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
13344     .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
13345         width: 75%;
13346     }
13347
13348     .mdl-cell--10-col,
13349     .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
13350         width: calc(83.3333333333% - 16px);
13351     }
13352
13353     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
13354     .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
13355         width: 83.3333333333%;
13356     }
13357
13358     .mdl-cell--11-col,
13359     .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
13360         width: calc(91.6666666667% - 16px);
13361     }
13362
13363     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
13364     .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
13365         width: 91.6666666667%;
13366     }
13367
13368     .mdl-cell--12-col,
13369     .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
13370         width: calc(100% - 16px);
13371     }
13372
13373     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
13374     .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
13375         width: 100%;
13376     }
13377
13378     .mdl-cell--1-offset,
13379     .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
13380         margin-left: calc(8.3333333333% + 8px);
13381     }
13382
13383     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
13384     .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
13385         margin-left: 8.3333333333%;
13386     }
13387
13388     .mdl-cell--2-offset,
13389     .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
13390         margin-left: calc(16.6666666667% + 8px);
13391     }
13392
13393     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
13394     .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
13395         margin-left: 16.6666666667%;
13396     }
13397
13398     .mdl-cell--3-offset,
13399     .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
13400         margin-left: calc(25% + 8px);
13401     }
13402
13403     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
13404     .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
13405         margin-left: 25%;
13406     }
13407
13408     .mdl-cell--4-offset,
13409     .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
13410         margin-left: calc(33.3333333333% + 8px);
13411     }
13412
13413     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
13414     .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
13415         margin-left: 33.3333333333%;
13416     }
13417
13418     .mdl-cell--5-offset,
13419     .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
13420         margin-left: calc(41.6666666667% + 8px);
13421     }
13422
13423     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
13424     .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
13425         margin-left: 41.6666666667%;
13426     }
13427
13428     .mdl-cell--6-offset,
13429     .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
13430         margin-left: calc(50% + 8px);
13431     }
13432
13433     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
13434     .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
13435         margin-left: 50%;
13436     }
13437
13438     .mdl-cell--7-offset,
13439     .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
13440         margin-left: calc(58.3333333333% + 8px);
13441     }
13442
13443     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
13444     .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
13445         margin-left: 58.3333333333%;
13446     }
13447
13448     .mdl-cell--8-offset,
13449     .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
13450         margin-left: calc(66.6666666667% + 8px);
13451     }
13452
13453     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
13454     .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
13455         margin-left: 66.6666666667%;
13456     }
13457
13458     .mdl-cell--9-offset,
13459     .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
13460         margin-left: calc(75% + 8px);
13461     }
13462
13463     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
13464     .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
13465         margin-left: 75%;
13466     }
13467
13468     .mdl-cell--10-offset,
13469     .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
13470         margin-left: calc(83.3333333333% + 8px);
13471     }
13472
13473     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
13474     .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
13475         margin-left: 83.3333333333%;
13476     }
13477
13478     .mdl-cell--11-offset,
13479     .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
13480         margin-left: calc(91.6666666667% + 8px);
13481     }
13482
13483     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
13484     .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
13485         margin-left: 91.6666666667%;
13486     }
13487 }