third_party/ot-br-posix/repo/third_party/mdl/repo/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  * Remove text-shadow in selection highlight:
 395  * https://twitter.com/miketaylr/status/12228805301
 396  *
 397  * These selection rule sets have to be separate.
 398  * Customize the background color to match your design.
 399  */
 400 ::-moz-selection {
 401   background: #b3d4fc;
 402   text-shadow: none; }
 403 ::selection {
 404   background: #b3d4fc;
 405   text-shadow: none; }
 406
 407 /*
 408  * A better looking default horizontal rule
 409  */
 410 hr {
 411   display: block;
 412   height: 1px;
 413   border: 0;
 414   border-top: 1px solid #ccc;
 415   margin: 1em 0;
 416   padding: 0; }
 417
 418 /*
 419  * Remove the gap between audio, canvas, iframes,
 420  * images, videos and the bottom of their containers:
 421  * https://github.com/h5bp/html5-boilerplate/issues/440
 422  */
 423 audio,
 424 canvas,
 425 iframe,
 426 img,
 427 svg,
 428 video {
 429   vertical-align: middle; }
 430
 431 /*
 432  * Remove default fieldset styles.
 433  */
 434 fieldset {
 435   border: 0;
 436   margin: 0;
 437   padding: 0; }
 438
 439 /*
 440  * Allow only vertical resizing of textareas.
 441  */
 442 textarea {
 443   resize: vertical; }
 444
 445 /* ==========================================================================
 446    Browser Upgrade Prompt
 447    ========================================================================== */
 448 .browserupgrade {
 449   margin: 0.2em 0;
 450   background: #ccc;
 451   color: #000;
 452   padding: 0.2em 0; }
 453
 454 /* ==========================================================================
 455    Author's custom styles
 456    ========================================================================== */
 457 /* ==========================================================================
 458    Helper classes
 459    ========================================================================== */
 460 /*
 461  * Hide visually and from screen readers:
 462  */
 463 .hidden {
 464   display: none !important; }
 465
 466 /*
 467  * Hide only visually, but have it available for screen readers:
 468  * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 469  */
 470 .visuallyhidden {
 471   border: 0;
 472   clip: rect(0 0 0 0);
 473   height: 1px;
 474   margin: -1px;
 475   overflow: hidden;
 476   padding: 0;
 477   position: absolute;
 478   width: 1px; }
 479
 480 /*
 481  * Extends the .visuallyhidden class to allow the element
 482  * to be focusable when navigated to via the keyboard:
 483  * https://www.drupal.org/node/897638
 484  */
 485 .visuallyhidden.focusable:active,
 486 .visuallyhidden.focusable:focus {
 487   clip: auto;
 488   height: auto;
 489   margin: 0;
 490   overflow: visible;
 491   position: static;
 492   width: auto; }
 493
 494 /*
 495  * Hide visually and from screen readers, but maintain layout
 496  */
 497 .invisible {
 498   visibility: hidden; }
 499
 500 /*
 501  * Clearfix: contain floats
 502  *
 503  * For modern browsers
 504  * 1. The space content is one way to avoid an Opera bug when the
 505  *    `contenteditable` attribute is included anywhere else in the document.
 506  *    Otherwise it causes space to appear at the top and bottom of elements
 507  *    that receive the `clearfix` class.
 508  * 2. The use of `table` rather than `block` is only necessary if using
 509  *    `:before` to contain the top-margins of child elements.
 510  */
 511 .clearfix:before,
 512 .clearfix:after {
 513   content: " ";
 514   /* 1 */
 515   display: table;
 516   /* 2 */ }
 517
 518 .clearfix:after {
 519   clear: both; }
 520
 521 /* ==========================================================================
 522    EXAMPLE Media Queries for Responsive Design.
 523    These examples override the primary ('mobile first') styles.
 524    Modify as content requires.
 525    ========================================================================== */
 526 @media only screen and (min-width: 35em) {
 527   /* Style adjustments for viewports that meet the condition */ }
 528
 529 @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
 530   /* Style adjustments for high resolution devices */ }
 531
 532 /* ==========================================================================
 533    Print styles.
 534    Inlined to avoid the additional HTTP request:
 535    http://www.phpied.com/delay-loading-your-print-css/
 536    ========================================================================== */
 537 @media print {
 538   *,
 539   *:before,
 540   *:after,
 541   *:first-letter {
 542     background: transparent !important;
 543     color: #000 !important;
 544     /* Black prints faster: http://www.sanbeiji.com/archives/953 */
 545     box-shadow: none !important; }
 546   a,
 547   a:visited {
 548     text-decoration: underline; }
 549   a[href]:after {
 550     content: " (" attr(href) ")"; }
 551   abbr[title]:after {
 552     content: " (" attr(title) ")"; }
 553   /*
 554      * Don't show links that are fragment identifiers,
 555      * or use the `javascript:` pseudo protocol
 556      */
 557   a[href^="#"]:after,
 558   a[href^="javascript:"]:after {
 559     content: ""; }
 560   pre,
 561   blockquote {
 562     border: 1px solid #999;
 563     page-break-inside: avoid; }
 564   /*
 565      * Printing Tables:
 566      * http://css-discuss.incutio.com/wiki/Printing_Tables
 567      */
 568   thead {
 569     display: table-header-group; }
 570   tr,
 571   img {
 572     page-break-inside: avoid; }
 573   img {
 574     max-width: 100% !important; }
 575   p,
 576   h2,
 577   h3 {
 578     orphans: 3;
 579     widows: 3; }
 580   h2,
 581   h3 {
 582     page-break-after: avoid; } }
 583
 584 /**
 585  * Copyright 2015 Google Inc. All Rights Reserved.
 586  *
 587  * Licensed under the Apache License, Version 2.0 (the "License");
 588  * you may not use this file except in compliance with the License.
 589  * You may obtain a copy of the License at
 590  *
 591  *      http://www.apache.org/licenses/LICENSE-2.0
 592  *
 593  * Unless required by applicable law or agreed to in writing, software
 594  * distributed under the License is distributed on an "AS IS" BASIS,
 595  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 596  * See the License for the specific language governing permissions and
 597  * limitations under the License.
 598  */
 599 /* Remove the unwanted box around FAB buttons */
 600 /* More info: http://goo.gl/IPwKi */
 601 a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
 602 .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
 603   -webkit-tap-highlight-color: transparent;
 604   -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
 605
 606 /*
 607  * Make html take up the entire screen
 608  * Then set touch-action to avoid touch delay on mobile IE
 609  */
 610 html {
 611   width: 100%;
 612   height: 100%;
 613   -ms-touch-action: manipulation;
 614   touch-action: manipulation; }
 615
 616 /*
 617 * Make body take up the entire screen
 618 * Remove body margin so layout containers don't cause extra overflow.
 619 */
 620 body {
 621   width: 100%;
 622   min-height: 100%;
 623   margin: 0; }
 624
 625 /*
 626  * Main display reset for IE support.
 627  * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 628  */
 629 main {
 630   display: block; }
 631
 632 /*
 633 * Apply no display to elements with the hidden attribute.
 634 * IE 9 and 10 support.
 635 */
 636 *[hidden] {
 637   display: none !important; }
 638
 639 /**
 640  * Copyright 2015 Google Inc. All Rights Reserved.
 641  *
 642  * Licensed under the Apache License, Version 2.0 (the "License");
 643  * you may not use this file except in compliance with the License.
 644  * You may obtain a copy of the License at
 645  *
 646  *      http://www.apache.org/licenses/LICENSE-2.0
 647  *
 648  * Unless required by applicable law or agreed to in writing, software
 649  * distributed under the License is distributed on an "AS IS" BASIS,
 650  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 651  * See the License for the specific language governing permissions and
 652  * limitations under the License.
 653  */
 654 /**
 655  * Copyright 2015 Google Inc. All Rights Reserved.
 656  *
 657  * Licensed under the Apache License, Version 2.0 (the "License");
 658  * you may not use this file except in compliance with the License.
 659  * You may obtain a copy of the License at
 660  *
 661  *      http://www.apache.org/licenses/LICENSE-2.0
 662  *
 663  * Unless required by applicable law or agreed to in writing, software
 664  * distributed under the License is distributed on an "AS IS" BASIS,
 665  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 666  * See the License for the specific language governing permissions and
 667  * limitations under the License.
 668  */
 669 /*------------------------------------*    $CONTENTS
 670 \*------------------------------------*/
 671 /**
 672  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 673  * -----Typography
 674  * -----Colors
 675  * -----Textfield
 676  * -----Switch
 677  * -----Spinner
 678  * -----Radio
 679  * -----Menu
 680  * -----List
 681  * -----Layout
 682  * -----Icon toggles
 683  * -----Footer
 684  * -----Column
 685  * -----Checkbox
 686  * -----Card
 687  * -----Button
 688  * -----Animation
 689  * -----Progress
 690  * -----Badge
 691  * -----Shadows
 692  * -----Grid
 693  * -----Data table
 694  * -----Dialog
 695  * -----Snackbar
 696  * -----Tooltip
 697  * -----Chip
 698  *
 699  * Even though all variables have the `!default` directive, most of them
 700  * should not be changed as they are dependent one another. This can cause
 701  * visual distortions (like alignment issues) that are hard to track down
 702  * and fix.
 703  */
 704 /* ==========  TYPOGRAPHY  ========== */
 705 /* We're splitting fonts into "preferred" and "performance" in order to optimize
 706    page loading. For important text, such as the body, we want it to load
 707    immediately and not wait for the web font load, whereas for other sections,
 708    such as headers and titles, we're OK with things taking a bit longer to load.
 709    We do have some optional classes and parameters in the mixins, in case you
 710    definitely want to make sure you're using the preferred font and don't mind
 711    the performance hit.
 712    We should be able to improve on this once CSS Font Loading L3 becomes more
 713    widely available.
 714 */
 715 /* ==========  COLORS  ========== */
 716 /**
 717 *
 718 * Material design color palettes.
 719 * @see http://www.google.com/design/spec/style/color.html
 720 *
 721 **/
 722 /**
 723  * Copyright 2015 Google Inc. All Rights Reserved.
 724  *
 725  * Licensed under the Apache License, Version 2.0 (the "License");
 726  * you may not use this file except in compliance with the License.
 727  * You may obtain a copy of the License at
 728  *
 729  *      http://www.apache.org/licenses/LICENSE-2.0
 730  *
 731  * Unless required by applicable law or agreed to in writing, software
 732  * distributed under the License is distributed on an "AS IS" BASIS,
 733  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 734  * See the License for the specific language governing permissions and
 735  * limitations under the License.
 736  */
 737 /* ==========  Color Palettes  ========== */
 738 /* colors.scss */
 739 /**
 740  * Copyright 2015 Google Inc. All Rights Reserved.
 741  *
 742  * Licensed under the Apache License, Version 2.0 (the "License");
 743  * you may not use this file except in compliance with the License.
 744  * You may obtain a copy of the License at
 745  *
 746  *      http://www.apache.org/licenses/LICENSE-2.0
 747  *
 748  * Unless required by applicable law or agreed to in writing, software
 749  * distributed under the License is distributed on an "AS IS" BASIS,
 750  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 751  * See the License for the specific language governing permissions and
 752  * limitations under the License.
 753  */
 754 /* ==========  IMAGES  ========== */
 755 /* ==========  Color & Themes  ========== */
 756 /* ==========  Typography  ========== */
 757 /* ==========  Components  ========== */
 758 /* ==========  Standard Buttons  ========== */
 759 /* ==========  Icon Toggles  ========== */
 760 /* ==========  Radio Buttons  ========== */
 761 /* ==========  Ripple effect  ========== */
 762 /* ==========  Layout  ========== */
 763 /* ==========  Content Tabs  ========== */
 764 /* ==========  Checkboxes  ========== */
 765 /* ==========  Switches  ========== */
 766 /* ==========  Spinner  ========== */
 767 /* ==========  Text fields  ========== */
 768 /* ==========  Card  ========== */
 769 /* ==========  Sliders ========== */
 770 /* ========== Progress ========== */
 771 /* ==========  List ========== */
 772 /* ==========  Item ========== */
 773 /* ==========  Dropdown menu ========== */
 774 /* ==========  Tooltips  ========== */
 775 /* ==========  Footer  ========== */
 776 /* TEXTFIELD */
 777 /* SWITCH */
 778 /* SPINNER */
 779 /* RADIO */
 780 /* MENU */
 781 /* LIST */
 782 /* LAYOUT */
 783 /* ICON TOGGLE */
 784 /* FOOTER */
 785 /*mega-footer*/
 786 /*mini-footer*/
 787 /* CHECKBOX */
 788 /* CARD */
 789 /* Card dimensions */
 790 /* Cover image */
 791 /* BUTTON */
 792 /**
 793  *
 794  * Dimensions
 795  *
 796  */
 797 /* ANIMATION */
 798 /* PROGRESS */
 799 /* BADGE */
 800 /* SHADOWS */
 801 /* GRID */
 802 /* DATA TABLE */
 803 /* DIALOG */
 804 /* SNACKBAR */
 805 /* TOOLTIP */
 806 /* CHIP */
 807 /**
 808  * Copyright 2015 Google Inc. All Rights Reserved.
 809  *
 810  * Licensed under the Apache License, Version 2.0 (the "License");
 811  * you may not use this file except in compliance with the License.
 812  * You may obtain a copy of the License at
 813  *
 814  *      http://www.apache.org/licenses/LICENSE-2.0
 815  *
 816  * Unless required by applicable law or agreed to in writing, software
 817  * distributed under the License is distributed on an "AS IS" BASIS,
 818  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 819  * See the License for the specific language governing permissions and
 820  * limitations under the License.
 821  */
 822 /* Typography */
 823 /* Shadows */
 824 /* Animations */
 825 /* Dialog */
 826 html, body {
 827   font-family: "Helvetica", "Arial", sans-serif;
 828   font-size: 14px;
 829   font-weight: 400;
 830   line-height: 20px; }
 831
 832 h1, h2, h3, h4, h5, h6, p {
 833   margin: 0;
 834   padding: 0; }
 835
 836 /**
 837   * Styles for HTML elements
 838   */
 839 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 840   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 841   font-size: 56px;
 842   font-weight: 400;
 843   line-height: 1.35;
 844   letter-spacing: -0.02em;
 845   opacity: 0.54;
 846   font-size: 0.6em; }
 847
 848 h1 {
 849   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 850   font-size: 56px;
 851   font-weight: 400;
 852   line-height: 1.35;
 853   letter-spacing: -0.02em;
 854   margin-top: 24px;
 855   margin-bottom: 24px; }
 856
 857 h2 {
 858   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 859   font-size: 45px;
 860   font-weight: 400;
 861   line-height: 48px;
 862   margin-top: 24px;
 863   margin-bottom: 24px; }
 864
 865 h3 {
 866   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 867   font-size: 34px;
 868   font-weight: 400;
 869   line-height: 40px;
 870   margin-top: 24px;
 871   margin-bottom: 24px; }
 872
 873 h4 {
 874   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 875   font-size: 24px;
 876   font-weight: 400;
 877   line-height: 32px;
 878   -moz-osx-font-smoothing: grayscale;
 879   margin-top: 24px;
 880   margin-bottom: 16px; }
 881
 882 h5 {
 883   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 884   font-size: 20px;
 885   font-weight: 500;
 886   line-height: 1;
 887   letter-spacing: 0.02em;
 888   margin-top: 24px;
 889   margin-bottom: 16px; }
 890
 891 h6 {
 892   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 893   font-size: 16px;
 894   font-weight: 400;
 895   line-height: 24px;
 896   letter-spacing: 0.04em;
 897   margin-top: 24px;
 898   margin-bottom: 16px; }
 899
 900 p {
 901   font-size: 14px;
 902   font-weight: 400;
 903   line-height: 24px;
 904   letter-spacing: 0;
 905   margin-bottom: 16px; }
 906
 907 a {
 908   color: rgb(255,64,129);
 909   font-weight: 500; }
 910
 911 blockquote {
 912   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 913   position: relative;
 914   font-size: 24px;
 915   font-weight: 300;
 916   font-style: italic;
 917   line-height: 1.35;
 918   letter-spacing: 0.08em; }
 919   blockquote:before {
 920     position: absolute;
 921     left: -0.5em;
 922     content: '“'; }
 923   blockquote:after {
 924     content: '”';
 925     margin-left: -0.05em; }
 926
 927 mark {
 928   background-color: #f4ff81; }
 929
 930 dt {
 931   font-weight: 700; }
 932
 933 address {
 934   font-size: 12px;
 935   font-weight: 400;
 936   line-height: 1;
 937   letter-spacing: 0;
 938   font-style: normal; }
 939
 940 ul, ol {
 941   font-size: 14px;
 942   font-weight: 400;
 943   line-height: 24px;
 944   letter-spacing: 0; }
 945
 946 /**
 947  * Class Name Styles
 948  */
 949 .mdl-typography--display-4 {
 950   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 951   font-size: 112px;
 952   font-weight: 300;
 953   line-height: 1;
 954   letter-spacing: -0.04em; }
 955
 956 .mdl-typography--display-4-color-contrast {
 957   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 958   font-size: 112px;
 959   font-weight: 300;
 960   line-height: 1;
 961   letter-spacing: -0.04em;
 962   opacity: 0.54; }
 963
 964 .mdl-typography--display-3 {
 965   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 966   font-size: 56px;
 967   font-weight: 400;
 968   line-height: 1.35;
 969   letter-spacing: -0.02em; }
 970
 971 .mdl-typography--display-3-color-contrast {
 972   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 973   font-size: 56px;
 974   font-weight: 400;
 975   line-height: 1.35;
 976   letter-spacing: -0.02em;
 977   opacity: 0.54; }
 978
 979 .mdl-typography--display-2 {
 980   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 981   font-size: 45px;
 982   font-weight: 400;
 983   line-height: 48px; }
 984
 985 .mdl-typography--display-2-color-contrast {
 986   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 987   font-size: 45px;
 988   font-weight: 400;
 989   line-height: 48px;
 990   opacity: 0.54; }
 991
 992 .mdl-typography--display-1 {
 993   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 994   font-size: 34px;
 995   font-weight: 400;
 996   line-height: 40px; }
 997
 998 .mdl-typography--display-1-color-contrast {
 999   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1000   font-size: 34px;
1001   font-weight: 400;
1002   line-height: 40px;
1003   opacity: 0.54; }
1004
1005 .mdl-typography--headline {
1006   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1007   font-size: 24px;
1008   font-weight: 400;
1009   line-height: 32px;
1010   -moz-osx-font-smoothing: grayscale; }
1011
1012 .mdl-typography--headline-color-contrast {
1013   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1014   font-size: 24px;
1015   font-weight: 400;
1016   line-height: 32px;
1017   -moz-osx-font-smoothing: grayscale;
1018   opacity: 0.87; }
1019
1020 .mdl-typography--title {
1021   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1022   font-size: 20px;
1023   font-weight: 500;
1024   line-height: 1;
1025   letter-spacing: 0.02em; }
1026
1027 .mdl-typography--title-color-contrast {
1028   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1029   font-size: 20px;
1030   font-weight: 500;
1031   line-height: 1;
1032   letter-spacing: 0.02em;
1033   opacity: 0.87; }
1034
1035 .mdl-typography--subhead {
1036   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1037   font-size: 16px;
1038   font-weight: 400;
1039   line-height: 24px;
1040   letter-spacing: 0.04em; }
1041
1042 .mdl-typography--subhead-color-contrast {
1043   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1044   font-size: 16px;
1045   font-weight: 400;
1046   line-height: 24px;
1047   letter-spacing: 0.04em;
1048   opacity: 0.87; }
1049
1050 .mdl-typography--body-2 {
1051   font-size: 14px;
1052   font-weight: bold;
1053   line-height: 24px;
1054   letter-spacing: 0; }
1055
1056 .mdl-typography--body-2-color-contrast {
1057   font-size: 14px;
1058   font-weight: bold;
1059   line-height: 24px;
1060   letter-spacing: 0;
1061   opacity: 0.87; }
1062
1063 .mdl-typography--body-1 {
1064   font-size: 14px;
1065   font-weight: 400;
1066   line-height: 24px;
1067   letter-spacing: 0; }
1068
1069 .mdl-typography--body-1-color-contrast {
1070   font-size: 14px;
1071   font-weight: 400;
1072   line-height: 24px;
1073   letter-spacing: 0;
1074   opacity: 0.87; }
1075
1076 .mdl-typography--body-2-force-preferred-font {
1077   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1078   font-size: 14px;
1079   font-weight: 500;
1080   line-height: 24px;
1081   letter-spacing: 0; }
1082
1083 .mdl-typography--body-2-force-preferred-font-color-contrast {
1084   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1085   font-size: 14px;
1086   font-weight: 500;
1087   line-height: 24px;
1088   letter-spacing: 0;
1089   opacity: 0.87; }
1090
1091 .mdl-typography--body-1-force-preferred-font {
1092   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1093   font-size: 14px;
1094   font-weight: 400;
1095   line-height: 24px;
1096   letter-spacing: 0; }
1097
1098 .mdl-typography--body-1-force-preferred-font-color-contrast {
1099   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1100   font-size: 14px;
1101   font-weight: 400;
1102   line-height: 24px;
1103   letter-spacing: 0;
1104   opacity: 0.87; }
1105
1106 .mdl-typography--caption {
1107   font-size: 12px;
1108   font-weight: 400;
1109   line-height: 1;
1110   letter-spacing: 0; }
1111
1112 .mdl-typography--caption-force-preferred-font {
1113   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1114   font-size: 12px;
1115   font-weight: 400;
1116   line-height: 1;
1117   letter-spacing: 0; }
1118
1119 .mdl-typography--caption-color-contrast {
1120   font-size: 12px;
1121   font-weight: 400;
1122   line-height: 1;
1123   letter-spacing: 0;
1124   opacity: 0.54; }
1125
1126 .mdl-typography--caption-force-preferred-font-color-contrast {
1127   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1128   font-size: 12px;
1129   font-weight: 400;
1130   line-height: 1;
1131   letter-spacing: 0;
1132   opacity: 0.54; }
1133
1134 .mdl-typography--menu {
1135   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1136   font-size: 14px;
1137   font-weight: 500;
1138   line-height: 1;
1139   letter-spacing: 0; }
1140
1141 .mdl-typography--menu-color-contrast {
1142   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1143   font-size: 14px;
1144   font-weight: 500;
1145   line-height: 1;
1146   letter-spacing: 0;
1147   opacity: 0.87; }
1148
1149 .mdl-typography--button {
1150   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1151   font-size: 14px;
1152   font-weight: 500;
1153   text-transform: uppercase;
1154   line-height: 1;
1155   letter-spacing: 0; }
1156
1157 .mdl-typography--button-color-contrast {
1158   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
1159   font-size: 14px;
1160   font-weight: 500;
1161   text-transform: uppercase;
1162   line-height: 1;
1163   letter-spacing: 0;
1164   opacity: 0.87; }
1165
1166 .mdl-typography--text-left {
1167   text-align: left; }
1168
1169 .mdl-typography--text-right {
1170   text-align: right; }
1171
1172 .mdl-typography--text-center {
1173   text-align: center; }
1174
1175 .mdl-typography--text-justify {
1176   text-align: justify; }
1177
1178 .mdl-typography--text-nowrap {
1179   white-space: nowrap; }
1180
1181 .mdl-typography--text-lowercase {
1182   text-transform: lowercase; }
1183
1184 .mdl-typography--text-uppercase {
1185   text-transform: uppercase; }
1186
1187 .mdl-typography--text-capitalize {
1188   text-transform: capitalize; }
1189
1190 .mdl-typography--font-thin {
1191   font-weight: 200 !important; }
1192
1193 .mdl-typography--font-light {
1194   font-weight: 300 !important; }
1195
1196 .mdl-typography--font-regular {
1197   font-weight: 400 !important; }
1198
1199 .mdl-typography--font-medium {
1200   font-weight: 500 !important; }
1201
1202 .mdl-typography--font-bold {
1203   font-weight: 700 !important; }
1204
1205 .mdl-typography--font-black {
1206   font-weight: 900 !important; }
1207
1208 .material-icons {
1209   font-family: 'Material Icons';
1210   font-weight: normal;
1211   font-style: normal;
1212   font-size: 24px;
1213   line-height: 1;
1214   letter-spacing: normal;
1215   text-transform: none;
1216   display: inline-block;
1217   word-wrap: normal;
1218   -moz-font-feature-settings: 'liga';
1219        font-feature-settings: 'liga';
1220   -webkit-font-feature-settings: 'liga';
1221   -webkit-font-smoothing: antialiased; }
1222
1223 /**
1224  * Copyright 2015 Google Inc. All Rights Reserved.
1225  *
1226  * Licensed under the Apache License, Version 2.0 (the "License");
1227  * you may not use this file except in compliance with the License.
1228  * You may obtain a copy of the License at
1229  *
1230  *      http://www.apache.org/licenses/LICENSE-2.0
1231  *
1232  * Unless required by applicable law or agreed to in writing, software
1233  * distributed under the License is distributed on an "AS IS" BASIS,
1234  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1235  * See the License for the specific language governing permissions and
1236  * limitations under the License.
1237  */
1238 /**
1239  * Copyright 2015 Google Inc. All Rights Reserved.
1240  *
1241  * Licensed under the Apache License, Version 2.0 (the "License");
1242  * you may not use this file except in compliance with the License.
1243  * You may obtain a copy of the License at
1244  *
1245  *      http://www.apache.org/licenses/LICENSE-2.0
1246  *
1247  * Unless required by applicable law or agreed to in writing, software
1248  * distributed under the License is distributed on an "AS IS" BASIS,
1249  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1250  * See the License for the specific language governing permissions and
1251  * limitations under the License.
1252  */
1253 /*------------------------------------*    $CONTENTS
1254 \*------------------------------------*/
1255 /**
1256  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
1257  * -----Typography
1258  * -----Colors
1259  * -----Textfield
1260  * -----Switch
1261  * -----Spinner
1262  * -----Radio
1263  * -----Menu
1264  * -----List
1265  * -----Layout
1266  * -----Icon toggles
1267  * -----Footer
1268  * -----Column
1269  * -----Checkbox
1270  * -----Card
1271  * -----Button
1272  * -----Animation
1273  * -----Progress
1274  * -----Badge
1275  * -----Shadows
1276  * -----Grid
1277  * -----Data table
1278  * -----Dialog
1279  * -----Snackbar
1280  * -----Tooltip
1281  * -----Chip
1282  *
1283  * Even though all variables have the `!default` directive, most of them
1284  * should not be changed as they are dependent one another. This can cause
1285  * visual distortions (like alignment issues) that are hard to track down
1286  * and fix.
1287  */
1288 /* ==========  TYPOGRAPHY  ========== */
1289 /* We're splitting fonts into "preferred" and "performance" in order to optimize
1290    page loading. For important text, such as the body, we want it to load
1291    immediately and not wait for the web font load, whereas for other sections,
1292    such as headers and titles, we're OK with things taking a bit longer to load.
1293    We do have some optional classes and parameters in the mixins, in case you
1294    definitely want to make sure you're using the preferred font and don't mind
1295    the performance hit.
1296    We should be able to improve on this once CSS Font Loading L3 becomes more
1297    widely available.
1298 */
1299 /* ==========  COLORS  ========== */
1300 /**
1301 *
1302 * Material design color palettes.
1303 * @see http://www.google.com/design/spec/style/color.html
1304 *
1305 **/
1306 /**
1307  * Copyright 2015 Google Inc. All Rights Reserved.
1308  *
1309  * Licensed under the Apache License, Version 2.0 (the "License");
1310  * you may not use this file except in compliance with the License.
1311  * You may obtain a copy of the License at
1312  *
1313  *      http://www.apache.org/licenses/LICENSE-2.0
1314  *
1315  * Unless required by applicable law or agreed to in writing, software
1316  * distributed under the License is distributed on an "AS IS" BASIS,
1317  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1318  * See the License for the specific language governing permissions and
1319  * limitations under the License.
1320  */
1321 /* ==========  Color Palettes  ========== */
1322 /* colors.scss */
1323 /**
1324  * Copyright 2015 Google Inc. All Rights Reserved.
1325  *
1326  * Licensed under the Apache License, Version 2.0 (the "License");
1327  * you may not use this file except in compliance with the License.
1328  * You may obtain a copy of the License at
1329  *
1330  *      http://www.apache.org/licenses/LICENSE-2.0
1331  *
1332  * Unless required by applicable law or agreed to in writing, software
1333  * distributed under the License is distributed on an "AS IS" BASIS,
1334  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1335  * See the License for the specific language governing permissions and
1336  * limitations under the License.
1337  */
1338 /* ==========  IMAGES  ========== */
1339 /* ==========  Color & Themes  ========== */
1340 /* ==========  Typography  ========== */
1341 /* ==========  Components  ========== */
1342 /* ==========  Standard Buttons  ========== */
1343 /* ==========  Icon Toggles  ========== */
1344 /* ==========  Radio Buttons  ========== */
1345 /* ==========  Ripple effect  ========== */
1346 /* ==========  Layout  ========== */
1347 /* ==========  Content Tabs  ========== */
1348 /* ==========  Checkboxes  ========== */
1349 /* ==========  Switches  ========== */
1350 /* ==========  Spinner  ========== */
1351 /* ==========  Text fields  ========== */
1352 /* ==========  Card  ========== */
1353 /* ==========  Sliders ========== */
1354 /* ========== Progress ========== */
1355 /* ==========  List ========== */
1356 /* ==========  Item ========== */
1357 /* ==========  Dropdown menu ========== */
1358 /* ==========  Tooltips  ========== */
1359 /* ==========  Footer  ========== */
1360 /* TEXTFIELD */
1361 /* SWITCH */
1362 /* SPINNER */
1363 /* RADIO */
1364 /* MENU */
1365 /* LIST */
1366 /* LAYOUT */
1367 /* ICON TOGGLE */
1368 /* FOOTER */
1369 /*mega-footer*/
1370 /*mini-footer*/
1371 /* CHECKBOX */
1372 /* CARD */
1373 /* Card dimensions */
1374 /* Cover image */
1375 /* BUTTON */
1376 /**
1377  *
1378  * Dimensions
1379  *
1380  */
1381 /* ANIMATION */
1382 /* PROGRESS */
1383 /* BADGE */
1384 /* SHADOWS */
1385 /* GRID */
1386 /* DATA TABLE */
1387 /* DIALOG */
1388 /* SNACKBAR */
1389 /* TOOLTIP */
1390 /* CHIP */
1391 .mdl-color-text--red {
1392   color: rgb(244,67,54) !important; }
1393
1394 .mdl-color--red {
1395   background-color: rgb(244,67,54) !important; }
1396
1397 .mdl-color-text--red-50 {
1398   color: rgb(255,235,238) !important; }
1399
1400 .mdl-color--red-50 {
1401   background-color: rgb(255,235,238) !important; }
1402
1403 .mdl-color-text--red-100 {
1404   color: rgb(255,205,210) !important; }
1405
1406 .mdl-color--red-100 {
1407   background-color: rgb(255,205,210) !important; }
1408
1409 .mdl-color-text--red-200 {
1410   color: rgb(239,154,154) !important; }
1411
1412 .mdl-color--red-200 {
1413   background-color: rgb(239,154,154) !important; }
1414
1415 .mdl-color-text--red-300 {
1416   color: rgb(229,115,115) !important; }
1417
1418 .mdl-color--red-300 {
1419   background-color: rgb(229,115,115) !important; }
1420
1421 .mdl-color-text--red-400 {
1422   color: rgb(239,83,80) !important; }
1423
1424 .mdl-color--red-400 {
1425   background-color: rgb(239,83,80) !important; }
1426
1427 .mdl-color-text--red-500 {
1428   color: rgb(244,67,54) !important; }
1429
1430 .mdl-color--red-500 {
1431   background-color: rgb(244,67,54) !important; }
1432
1433 .mdl-color-text--red-600 {
1434   color: rgb(229,57,53) !important; }
1435
1436 .mdl-color--red-600 {
1437   background-color: rgb(229,57,53) !important; }
1438
1439 .mdl-color-text--red-700 {
1440   color: rgb(211,47,47) !important; }
1441
1442 .mdl-color--red-700 {
1443   background-color: rgb(211,47,47) !important; }
1444
1445 .mdl-color-text--red-800 {
1446   color: rgb(198,40,40) !important; }
1447
1448 .mdl-color--red-800 {
1449   background-color: rgb(198,40,40) !important; }
1450
1451 .mdl-color-text--red-900 {
1452   color: rgb(183,28,28) !important; }
1453
1454 .mdl-color--red-900 {
1455   background-color: rgb(183,28,28) !important; }
1456
1457 .mdl-color-text--red-A100 {
1458   color: rgb(255,138,128) !important; }
1459
1460 .mdl-color--red-A100 {
1461   background-color: rgb(255,138,128) !important; }
1462
1463 .mdl-color-text--red-A200 {
1464   color: rgb(255,82,82) !important; }
1465
1466 .mdl-color--red-A200 {
1467   background-color: rgb(255,82,82) !important; }
1468
1469 .mdl-color-text--red-A400 {
1470   color: rgb(255,23,68) !important; }
1471
1472 .mdl-color--red-A400 {
1473   background-color: rgb(255,23,68) !important; }
1474
1475 .mdl-color-text--red-A700 {
1476   color: rgb(213,0,0) !important; }
1477
1478 .mdl-color--red-A700 {
1479   background-color: rgb(213,0,0) !important; }
1480
1481 .mdl-color-text--pink {
1482   color: rgb(233,30,99) !important; }
1483
1484 .mdl-color--pink {
1485   background-color: rgb(233,30,99) !important; }
1486
1487 .mdl-color-text--pink-50 {
1488   color: rgb(252,228,236) !important; }
1489
1490 .mdl-color--pink-50 {
1491   background-color: rgb(252,228,236) !important; }
1492
1493 .mdl-color-text--pink-100 {
1494   color: rgb(248,187,208) !important; }
1495
1496 .mdl-color--pink-100 {
1497   background-color: rgb(248,187,208) !important; }
1498
1499 .mdl-color-text--pink-200 {
1500   color: rgb(244,143,177) !important; }
1501
1502 .mdl-color--pink-200 {
1503   background-color: rgb(244,143,177) !important; }
1504
1505 .mdl-color-text--pink-300 {
1506   color: rgb(240,98,146) !important; }
1507
1508 .mdl-color--pink-300 {
1509   background-color: rgb(240,98,146) !important; }
1510
1511 .mdl-color-text--pink-400 {
1512   color: rgb(236,64,122) !important; }
1513
1514 .mdl-color--pink-400 {
1515   background-color: rgb(236,64,122) !important; }
1516
1517 .mdl-color-text--pink-500 {
1518   color: rgb(233,30,99) !important; }
1519
1520 .mdl-color--pink-500 {
1521   background-color: rgb(233,30,99) !important; }
1522
1523 .mdl-color-text--pink-600 {
1524   color: rgb(216,27,96) !important; }
1525
1526 .mdl-color--pink-600 {
1527   background-color: rgb(216,27,96) !important; }
1528
1529 .mdl-color-text--pink-700 {
1530   color: rgb(194,24,91) !important; }
1531
1532 .mdl-color--pink-700 {
1533   background-color: rgb(194,24,91) !important; }
1534
1535 .mdl-color-text--pink-800 {
1536   color: rgb(173,20,87) !important; }
1537
1538 .mdl-color--pink-800 {
1539   background-color: rgb(173,20,87) !important; }
1540
1541 .mdl-color-text--pink-900 {
1542   color: rgb(136,14,79) !important; }
1543
1544 .mdl-color--pink-900 {
1545   background-color: rgb(136,14,79) !important; }
1546
1547 .mdl-color-text--pink-A100 {
1548   color: rgb(255,128,171) !important; }
1549
1550 .mdl-color--pink-A100 {
1551   background-color: rgb(255,128,171) !important; }
1552
1553 .mdl-color-text--pink-A200 {
1554   color: rgb(255,64,129) !important; }
1555
1556 .mdl-color--pink-A200 {
1557   background-color: rgb(255,64,129) !important; }
1558
1559 .mdl-color-text--pink-A400 {
1560   color: rgb(245,0,87) !important; }
1561
1562 .mdl-color--pink-A400 {
1563   background-color: rgb(245,0,87) !important; }
1564
1565 .mdl-color-text--pink-A700 {
1566   color: rgb(197,17,98) !important; }
1567
1568 .mdl-color--pink-A700 {
1569   background-color: rgb(197,17,98) !important; }
1570
1571 .mdl-color-text--purple {
1572   color: rgb(156,39,176) !important; }
1573
1574 .mdl-color--purple {
1575   background-color: rgb(156,39,176) !important; }
1576
1577 .mdl-color-text--purple-50 {
1578   color: rgb(243,229,245) !important; }
1579
1580 .mdl-color--purple-50 {
1581   background-color: rgb(243,229,245) !important; }
1582
1583 .mdl-color-text--purple-100 {
1584   color: rgb(225,190,231) !important; }
1585
1586 .mdl-color--purple-100 {
1587   background-color: rgb(225,190,231) !important; }
1588
1589 .mdl-color-text--purple-200 {
1590   color: rgb(206,147,216) !important; }
1591
1592 .mdl-color--purple-200 {
1593   background-color: rgb(206,147,216) !important; }
1594
1595 .mdl-color-text--purple-300 {
1596   color: rgb(186,104,200) !important; }
1597
1598 .mdl-color--purple-300 {
1599   background-color: rgb(186,104,200) !important; }
1600
1601 .mdl-color-text--purple-400 {
1602   color: rgb(171,71,188) !important; }
1603
1604 .mdl-color--purple-400 {
1605   background-color: rgb(171,71,188) !important; }
1606
1607 .mdl-color-text--purple-500 {
1608   color: rgb(156,39,176) !important; }
1609
1610 .mdl-color--purple-500 {
1611   background-color: rgb(156,39,176) !important; }
1612
1613 .mdl-color-text--purple-600 {
1614   color: rgb(142,36,170) !important; }
1615
1616 .mdl-color--purple-600 {
1617   background-color: rgb(142,36,170) !important; }
1618
1619 .mdl-color-text--purple-700 {
1620   color: rgb(123,31,162) !important; }
1621
1622 .mdl-color--purple-700 {
1623   background-color: rgb(123,31,162) !important; }
1624
1625 .mdl-color-text--purple-800 {
1626   color: rgb(106,27,154) !important; }
1627
1628 .mdl-color--purple-800 {
1629   background-color: rgb(106,27,154) !important; }
1630
1631 .mdl-color-text--purple-900 {
1632   color: rgb(74,20,140) !important; }
1633
1634 .mdl-color--purple-900 {
1635   background-color: rgb(74,20,140) !important; }
1636
1637 .mdl-color-text--purple-A100 {
1638   color: rgb(234,128,252) !important; }
1639
1640 .mdl-color--purple-A100 {
1641   background-color: rgb(234,128,252) !important; }
1642
1643 .mdl-color-text--purple-A200 {
1644   color: rgb(224,64,251) !important; }
1645
1646 .mdl-color--purple-A200 {
1647   background-color: rgb(224,64,251) !important; }
1648
1649 .mdl-color-text--purple-A400 {
1650   color: rgb(213,0,249) !important; }
1651
1652 .mdl-color--purple-A400 {
1653   background-color: rgb(213,0,249) !important; }
1654
1655 .mdl-color-text--purple-A700 {
1656   color: rgb(170,0,255) !important; }
1657
1658 .mdl-color--purple-A700 {
1659   background-color: rgb(170,0,255) !important; }
1660
1661 .mdl-color-text--deep-purple {
1662   color: rgb(103,58,183) !important; }
1663
1664 .mdl-color--deep-purple {
1665   background-color: rgb(103,58,183) !important; }
1666
1667 .mdl-color-text--deep-purple-50 {
1668   color: rgb(237,231,246) !important; }
1669
1670 .mdl-color--deep-purple-50 {
1671   background-color: rgb(237,231,246) !important; }
1672
1673 .mdl-color-text--deep-purple-100 {
1674   color: rgb(209,196,233) !important; }
1675
1676 .mdl-color--deep-purple-100 {
1677   background-color: rgb(209,196,233) !important; }
1678
1679 .mdl-color-text--deep-purple-200 {
1680   color: rgb(179,157,219) !important; }
1681
1682 .mdl-color--deep-purple-200 {
1683   background-color: rgb(179,157,219) !important; }
1684
1685 .mdl-color-text--deep-purple-300 {
1686   color: rgb(149,117,205) !important; }
1687
1688 .mdl-color--deep-purple-300 {
1689   background-color: rgb(149,117,205) !important; }
1690
1691 .mdl-color-text--deep-purple-400 {
1692   color: rgb(126,87,194) !important; }
1693
1694 .mdl-color--deep-purple-400 {
1695   background-color: rgb(126,87,194) !important; }
1696
1697 .mdl-color-text--deep-purple-500 {
1698   color: rgb(103,58,183) !important; }
1699
1700 .mdl-color--deep-purple-500 {
1701   background-color: rgb(103,58,183) !important; }
1702
1703 .mdl-color-text--deep-purple-600 {
1704   color: rgb(94,53,177) !important; }
1705
1706 .mdl-color--deep-purple-600 {
1707   background-color: rgb(94,53,177) !important; }
1708
1709 .mdl-color-text--deep-purple-700 {
1710   color: rgb(81,45,168) !important; }
1711
1712 .mdl-color--deep-purple-700 {
1713   background-color: rgb(81,45,168) !important; }
1714
1715 .mdl-color-text--deep-purple-800 {
1716   color: rgb(69,39,160) !important; }
1717
1718 .mdl-color--deep-purple-800 {
1719   background-color: rgb(69,39,160) !important; }
1720
1721 .mdl-color-text--deep-purple-900 {
1722   color: rgb(49,27,146) !important; }
1723
1724 .mdl-color--deep-purple-900 {
1725   background-color: rgb(49,27,146) !important; }
1726
1727 .mdl-color-text--deep-purple-A100 {
1728   color: rgb(179,136,255) !important; }
1729
1730 .mdl-color--deep-purple-A100 {
1731   background-color: rgb(179,136,255) !important; }
1732
1733 .mdl-color-text--deep-purple-A200 {
1734   color: rgb(124,77,255) !important; }
1735
1736 .mdl-color--deep-purple-A200 {
1737   background-color: rgb(124,77,255) !important; }
1738
1739 .mdl-color-text--deep-purple-A400 {
1740   color: rgb(101,31,255) !important; }
1741
1742 .mdl-color--deep-purple-A400 {
1743   background-color: rgb(101,31,255) !important; }
1744
1745 .mdl-color-text--deep-purple-A700 {
1746   color: rgb(98,0,234) !important; }
1747
1748 .mdl-color--deep-purple-A700 {
1749   background-color: rgb(98,0,234) !important; }
1750
1751 .mdl-color-text--indigo {
1752   color: rgb(63,81,181) !important; }
1753
1754 .mdl-color--indigo {
1755   background-color: rgb(63,81,181) !important; }
1756
1757 .mdl-color-text--indigo-50 {
1758   color: rgb(232,234,246) !important; }
1759
1760 .mdl-color--indigo-50 {
1761   background-color: rgb(232,234,246) !important; }
1762
1763 .mdl-color-text--indigo-100 {
1764   color: rgb(197,202,233) !important; }
1765
1766 .mdl-color--indigo-100 {
1767   background-color: rgb(197,202,233) !important; }
1768
1769 .mdl-color-text--indigo-200 {
1770   color: rgb(159,168,218) !important; }
1771
1772 .mdl-color--indigo-200 {
1773   background-color: rgb(159,168,218) !important; }
1774
1775 .mdl-color-text--indigo-300 {
1776   color: rgb(121,134,203) !important; }
1777
1778 .mdl-color--indigo-300 {
1779   background-color: rgb(121,134,203) !important; }
1780
1781 .mdl-color-text--indigo-400 {
1782   color: rgb(92,107,192) !important; }
1783
1784 .mdl-color--indigo-400 {
1785   background-color: rgb(92,107,192) !important; }
1786
1787 .mdl-color-text--indigo-500 {
1788   color: rgb(63,81,181) !important; }
1789
1790 .mdl-color--indigo-500 {
1791   background-color: rgb(63,81,181) !important; }
1792
1793 .mdl-color-text--indigo-600 {
1794   color: rgb(57,73,171) !important; }
1795
1796 .mdl-color--indigo-600 {
1797   background-color: rgb(57,73,171) !important; }
1798
1799 .mdl-color-text--indigo-700 {
1800   color: rgb(48,63,159) !important; }
1801
1802 .mdl-color--indigo-700 {
1803   background-color: rgb(48,63,159) !important; }
1804
1805 .mdl-color-text--indigo-800 {
1806   color: rgb(40,53,147) !important; }
1807
1808 .mdl-color--indigo-800 {
1809   background-color: rgb(40,53,147) !important; }
1810
1811 .mdl-color-text--indigo-900 {
1812   color: rgb(26,35,126) !important; }
1813
1814 .mdl-color--indigo-900 {
1815   background-color: rgb(26,35,126) !important; }
1816
1817 .mdl-color-text--indigo-A100 {
1818   color: rgb(140,158,255) !important; }
1819
1820 .mdl-color--indigo-A100 {
1821   background-color: rgb(140,158,255) !important; }
1822
1823 .mdl-color-text--indigo-A200 {
1824   color: rgb(83,109,254) !important; }
1825
1826 .mdl-color--indigo-A200 {
1827   background-color: rgb(83,109,254) !important; }
1828
1829 .mdl-color-text--indigo-A400 {
1830   color: rgb(61,90,254) !important; }
1831
1832 .mdl-color--indigo-A400 {
1833   background-color: rgb(61,90,254) !important; }
1834
1835 .mdl-color-text--indigo-A700 {
1836   color: rgb(48,79,254) !important; }
1837
1838 .mdl-color--indigo-A700 {
1839   background-color: rgb(48,79,254) !important; }
1840
1841 .mdl-color-text--blue {
1842   color: rgb(33,150,243) !important; }
1843
1844 .mdl-color--blue {
1845   background-color: rgb(33,150,243) !important; }
1846
1847 .mdl-color-text--blue-50 {
1848   color: rgb(227,242,253) !important; }
1849
1850 .mdl-color--blue-50 {
1851   background-color: rgb(227,242,253) !important; }
1852
1853 .mdl-color-text--blue-100 {
1854   color: rgb(187,222,251) !important; }
1855
1856 .mdl-color--blue-100 {
1857   background-color: rgb(187,222,251) !important; }
1858
1859 .mdl-color-text--blue-200 {
1860   color: rgb(144,202,249) !important; }
1861
1862 .mdl-color--blue-200 {
1863   background-color: rgb(144,202,249) !important; }
1864
1865 .mdl-color-text--blue-300 {
1866   color: rgb(100,181,246) !important; }
1867
1868 .mdl-color--blue-300 {
1869   background-color: rgb(100,181,246) !important; }
1870
1871 .mdl-color-text--blue-400 {
1872   color: rgb(66,165,245) !important; }
1873
1874 .mdl-color--blue-400 {
1875   background-color: rgb(66,165,245) !important; }
1876
1877 .mdl-color-text--blue-500 {
1878   color: rgb(33,150,243) !important; }
1879
1880 .mdl-color--blue-500 {
1881   background-color: rgb(33,150,243) !important; }
1882
1883 .mdl-color-text--blue-600 {
1884   color: rgb(30,136,229) !important; }
1885
1886 .mdl-color--blue-600 {
1887   background-color: rgb(30,136,229) !important; }
1888
1889 .mdl-color-text--blue-700 {
1890   color: rgb(25,118,210) !important; }
1891
1892 .mdl-color--blue-700 {
1893   background-color: rgb(25,118,210) !important; }
1894
1895 .mdl-color-text--blue-800 {
1896   color: rgb(21,101,192) !important; }
1897
1898 .mdl-color--blue-800 {
1899   background-color: rgb(21,101,192) !important; }
1900
1901 .mdl-color-text--blue-900 {
1902   color: rgb(13,71,161) !important; }
1903
1904 .mdl-color--blue-900 {
1905   background-color: rgb(13,71,161) !important; }
1906
1907 .mdl-color-text--blue-A100 {
1908   color: rgb(130,177,255) !important; }
1909
1910 .mdl-color--blue-A100 {
1911   background-color: rgb(130,177,255) !important; }
1912
1913 .mdl-color-text--blue-A200 {
1914   color: rgb(68,138,255) !important; }
1915
1916 .mdl-color--blue-A200 {
1917   background-color: rgb(68,138,255) !important; }
1918
1919 .mdl-color-text--blue-A400 {
1920   color: rgb(41,121,255) !important; }
1921
1922 .mdl-color--blue-A400 {
1923   background-color: rgb(41,121,255) !important; }
1924
1925 .mdl-color-text--blue-A700 {
1926   color: rgb(41,98,255) !important; }
1927
1928 .mdl-color--blue-A700 {
1929   background-color: rgb(41,98,255) !important; }
1930
1931 .mdl-color-text--light-blue {
1932   color: rgb(3,169,244) !important; }
1933
1934 .mdl-color--light-blue {
1935   background-color: rgb(3,169,244) !important; }
1936
1937 .mdl-color-text--light-blue-50 {
1938   color: rgb(225,245,254) !important; }
1939
1940 .mdl-color--light-blue-50 {
1941   background-color: rgb(225,245,254) !important; }
1942
1943 .mdl-color-text--light-blue-100 {
1944   color: rgb(179,229,252) !important; }
1945
1946 .mdl-color--light-blue-100 {
1947   background-color: rgb(179,229,252) !important; }
1948
1949 .mdl-color-text--light-blue-200 {
1950   color: rgb(129,212,250) !important; }
1951
1952 .mdl-color--light-blue-200 {
1953   background-color: rgb(129,212,250) !important; }
1954
1955 .mdl-color-text--light-blue-300 {
1956   color: rgb(79,195,247) !important; }
1957
1958 .mdl-color--light-blue-300 {
1959   background-color: rgb(79,195,247) !important; }
1960
1961 .mdl-color-text--light-blue-400 {
1962   color: rgb(41,182,246) !important; }
1963
1964 .mdl-color--light-blue-400 {
1965   background-color: rgb(41,182,246) !important; }
1966
1967 .mdl-color-text--light-blue-500 {
1968   color: rgb(3,169,244) !important; }
1969
1970 .mdl-color--light-blue-500 {
1971   background-color: rgb(3,169,244) !important; }
1972
1973 .mdl-color-text--light-blue-600 {
1974   color: rgb(3,155,229) !important; }
1975
1976 .mdl-color--light-blue-600 {
1977   background-color: rgb(3,155,229) !important; }
1978
1979 .mdl-color-text--light-blue-700 {
1980   color: rgb(2,136,209) !important; }
1981
1982 .mdl-color--light-blue-700 {
1983   background-color: rgb(2,136,209) !important; }
1984
1985 .mdl-color-text--light-blue-800 {
1986   color: rgb(2,119,189) !important; }
1987
1988 .mdl-color--light-blue-800 {
1989   background-color: rgb(2,119,189) !important; }
1990
1991 .mdl-color-text--light-blue-900 {
1992   color: rgb(1,87,155) !important; }
1993
1994 .mdl-color--light-blue-900 {
1995   background-color: rgb(1,87,155) !important; }
1996
1997 .mdl-color-text--light-blue-A100 {
1998   color: rgb(128,216,255) !important; }
1999
2000 .mdl-color--light-blue-A100 {
2001   background-color: rgb(128,216,255) !important; }
2002
2003 .mdl-color-text--light-blue-A200 {
2004   color: rgb(64,196,255) !important; }
2005
2006 .mdl-color--light-blue-A200 {
2007   background-color: rgb(64,196,255) !important; }
2008
2009 .mdl-color-text--light-blue-A400 {
2010   color: rgb(0,176,255) !important; }
2011
2012 .mdl-color--light-blue-A400 {
2013   background-color: rgb(0,176,255) !important; }
2014
2015 .mdl-color-text--light-blue-A700 {
2016   color: rgb(0,145,234) !important; }
2017
2018 .mdl-color--light-blue-A700 {
2019   background-color: rgb(0,145,234) !important; }
2020
2021 .mdl-color-text--cyan {
2022   color: rgb(0,188,212) !important; }
2023
2024 .mdl-color--cyan {
2025   background-color: rgb(0,188,212) !important; }
2026
2027 .mdl-color-text--cyan-50 {
2028   color: rgb(224,247,250) !important; }
2029
2030 .mdl-color--cyan-50 {
2031   background-color: rgb(224,247,250) !important; }
2032
2033 .mdl-color-text--cyan-100 {
2034   color: rgb(178,235,242) !important; }
2035
2036 .mdl-color--cyan-100 {
2037   background-color: rgb(178,235,242) !important; }
2038
2039 .mdl-color-text--cyan-200 {
2040   color: rgb(128,222,234) !important; }
2041
2042 .mdl-color--cyan-200 {
2043   background-color: rgb(128,222,234) !important; }
2044
2045 .mdl-color-text--cyan-300 {
2046   color: rgb(77,208,225) !important; }
2047
2048 .mdl-color--cyan-300 {
2049   background-color: rgb(77,208,225) !important; }
2050
2051 .mdl-color-text--cyan-400 {
2052   color: rgb(38,198,218) !important; }
2053
2054 .mdl-color--cyan-400 {
2055   background-color: rgb(38,198,218) !important; }
2056
2057 .mdl-color-text--cyan-500 {
2058   color: rgb(0,188,212) !important; }
2059
2060 .mdl-color--cyan-500 {
2061   background-color: rgb(0,188,212) !important; }
2062
2063 .mdl-color-text--cyan-600 {
2064   color: rgb(0,172,193) !important; }
2065
2066 .mdl-color--cyan-600 {
2067   background-color: rgb(0,172,193) !important; }
2068
2069 .mdl-color-text--cyan-700 {
2070   color: rgb(0,151,167) !important; }
2071
2072 .mdl-color--cyan-700 {
2073   background-color: rgb(0,151,167) !important; }
2074
2075 .mdl-color-text--cyan-800 {
2076   color: rgb(0,131,143) !important; }
2077
2078 .mdl-color--cyan-800 {
2079   background-color: rgb(0,131,143) !important; }
2080
2081 .mdl-color-text--cyan-900 {
2082   color: rgb(0,96,100) !important; }
2083
2084 .mdl-color--cyan-900 {
2085   background-color: rgb(0,96,100) !important; }
2086
2087 .mdl-color-text--cyan-A100 {
2088   color: rgb(132,255,255) !important; }
2089
2090 .mdl-color--cyan-A100 {
2091   background-color: rgb(132,255,255) !important; }
2092
2093 .mdl-color-text--cyan-A200 {
2094   color: rgb(24,255,255) !important; }
2095
2096 .mdl-color--cyan-A200 {
2097   background-color: rgb(24,255,255) !important; }
2098
2099 .mdl-color-text--cyan-A400 {
2100   color: rgb(0,229,255) !important; }
2101
2102 .mdl-color--cyan-A400 {
2103   background-color: rgb(0,229,255) !important; }
2104
2105 .mdl-color-text--cyan-A700 {
2106   color: rgb(0,184,212) !important; }
2107
2108 .mdl-color--cyan-A700 {
2109   background-color: rgb(0,184,212) !important; }
2110
2111 .mdl-color-text--teal {
2112   color: rgb(0,150,136) !important; }
2113
2114 .mdl-color--teal {
2115   background-color: rgb(0,150,136) !important; }
2116
2117 .mdl-color-text--teal-50 {
2118   color: rgb(224,242,241) !important; }
2119
2120 .mdl-color--teal-50 {
2121   background-color: rgb(224,242,241) !important; }
2122
2123 .mdl-color-text--teal-100 {
2124   color: rgb(178,223,219) !important; }
2125
2126 .mdl-color--teal-100 {
2127   background-color: rgb(178,223,219) !important; }
2128
2129 .mdl-color-text--teal-200 {
2130   color: rgb(128,203,196) !important; }
2131
2132 .mdl-color--teal-200 {
2133   background-color: rgb(128,203,196) !important; }
2134
2135 .mdl-color-text--teal-300 {
2136   color: rgb(77,182,172) !important; }
2137
2138 .mdl-color--teal-300 {
2139   background-color: rgb(77,182,172) !important; }
2140
2141 .mdl-color-text--teal-400 {
2142   color: rgb(38,166,154) !important; }
2143
2144 .mdl-color--teal-400 {
2145   background-color: rgb(38,166,154) !important; }
2146
2147 .mdl-color-text--teal-500 {
2148   color: rgb(0,150,136) !important; }
2149
2150 .mdl-color--teal-500 {
2151   background-color: rgb(0,150,136) !important; }
2152
2153 .mdl-color-text--teal-600 {
2154   color: rgb(0,137,123) !important; }
2155
2156 .mdl-color--teal-600 {
2157   background-color: rgb(0,137,123) !important; }
2158
2159 .mdl-color-text--teal-700 {
2160   color: rgb(0,121,107) !important; }
2161
2162 .mdl-color--teal-700 {
2163   background-color: rgb(0,121,107) !important; }
2164
2165 .mdl-color-text--teal-800 {
2166   color: rgb(0,105,92) !important; }
2167
2168 .mdl-color--teal-800 {
2169   background-color: rgb(0,105,92) !important; }
2170
2171 .mdl-color-text--teal-900 {
2172   color: rgb(0,77,64) !important; }
2173
2174 .mdl-color--teal-900 {
2175   background-color: rgb(0,77,64) !important; }
2176
2177 .mdl-color-text--teal-A100 {
2178   color: rgb(167,255,235) !important; }
2179
2180 .mdl-color--teal-A100 {
2181   background-color: rgb(167,255,235) !important; }
2182
2183 .mdl-color-text--teal-A200 {
2184   color: rgb(100,255,218) !important; }
2185
2186 .mdl-color--teal-A200 {
2187   background-color: rgb(100,255,218) !important; }
2188
2189 .mdl-color-text--teal-A400 {
2190   color: rgb(29,233,182) !important; }
2191
2192 .mdl-color--teal-A400 {
2193   background-color: rgb(29,233,182) !important; }
2194
2195 .mdl-color-text--teal-A700 {
2196   color: rgb(0,191,165) !important; }
2197
2198 .mdl-color--teal-A700 {
2199   background-color: rgb(0,191,165) !important; }
2200
2201 .mdl-color-text--green {
2202   color: rgb(76,175,80) !important; }
2203
2204 .mdl-color--green {
2205   background-color: rgb(76,175,80) !important; }
2206
2207 .mdl-color-text--green-50 {
2208   color: rgb(232,245,233) !important; }
2209
2210 .mdl-color--green-50 {
2211   background-color: rgb(232,245,233) !important; }
2212
2213 .mdl-color-text--green-100 {
2214   color: rgb(200,230,201) !important; }
2215
2216 .mdl-color--green-100 {
2217   background-color: rgb(200,230,201) !important; }
2218
2219 .mdl-color-text--green-200 {
2220   color: rgb(165,214,167) !important; }
2221
2222 .mdl-color--green-200 {
2223   background-color: rgb(165,214,167) !important; }
2224
2225 .mdl-color-text--green-300 {
2226   color: rgb(129,199,132) !important; }
2227
2228 .mdl-color--green-300 {
2229   background-color: rgb(129,199,132) !important; }
2230
2231 .mdl-color-text--green-400 {
2232   color: rgb(102,187,106) !important; }
2233
2234 .mdl-color--green-400 {
2235   background-color: rgb(102,187,106) !important; }
2236
2237 .mdl-color-text--green-500 {
2238   color: rgb(76,175,80) !important; }
2239
2240 .mdl-color--green-500 {
2241   background-color: rgb(76,175,80) !important; }
2242
2243 .mdl-color-text--green-600 {
2244   color: rgb(67,160,71) !important; }
2245
2246 .mdl-color--green-600 {
2247   background-color: rgb(67,160,71) !important; }
2248
2249 .mdl-color-text--green-700 {
2250   color: rgb(56,142,60) !important; }
2251
2252 .mdl-color--green-700 {
2253   background-color: rgb(56,142,60) !important; }
2254
2255 .mdl-color-text--green-800 {
2256   color: rgb(46,125,50) !important; }
2257
2258 .mdl-color--green-800 {
2259   background-color: rgb(46,125,50) !important; }
2260
2261 .mdl-color-text--green-900 {
2262   color: rgb(27,94,32) !important; }
2263
2264 .mdl-color--green-900 {
2265   background-color: rgb(27,94,32) !important; }
2266
2267 .mdl-color-text--green-A100 {
2268   color: rgb(185,246,202) !important; }
2269
2270 .mdl-color--green-A100 {
2271   background-color: rgb(185,246,202) !important; }
2272
2273 .mdl-color-text--green-A200 {
2274   color: rgb(105,240,174) !important; }
2275
2276 .mdl-color--green-A200 {
2277   background-color: rgb(105,240,174) !important; }
2278
2279 .mdl-color-text--green-A400 {
2280   color: rgb(0,230,118) !important; }
2281
2282 .mdl-color--green-A400 {
2283   background-color: rgb(0,230,118) !important; }
2284
2285 .mdl-color-text--green-A700 {
2286   color: rgb(0,200,83) !important; }
2287
2288 .mdl-color--green-A700 {
2289   background-color: rgb(0,200,83) !important; }
2290
2291 .mdl-color-text--light-green {
2292   color: rgb(139,195,74) !important; }
2293
2294 .mdl-color--light-green {
2295   background-color: rgb(139,195,74) !important; }
2296
2297 .mdl-color-text--light-green-50 {
2298   color: rgb(241,248,233) !important; }
2299
2300 .mdl-color--light-green-50 {
2301   background-color: rgb(241,248,233) !important; }
2302
2303 .mdl-color-text--light-green-100 {
2304   color: rgb(220,237,200) !important; }
2305
2306 .mdl-color--light-green-100 {
2307   background-color: rgb(220,237,200) !important; }
2308
2309 .mdl-color-text--light-green-200 {
2310   color: rgb(197,225,165) !important; }
2311
2312 .mdl-color--light-green-200 {
2313   background-color: rgb(197,225,165) !important; }
2314
2315 .mdl-color-text--light-green-300 {
2316   color: rgb(174,213,129) !important; }
2317
2318 .mdl-color--light-green-300 {
2319   background-color: rgb(174,213,129) !important; }
2320
2321 .mdl-color-text--light-green-400 {
2322   color: rgb(156,204,101) !important; }
2323
2324 .mdl-color--light-green-400 {
2325   background-color: rgb(156,204,101) !important; }
2326
2327 .mdl-color-text--light-green-500 {
2328   color: rgb(139,195,74) !important; }
2329
2330 .mdl-color--light-green-500 {
2331   background-color: rgb(139,195,74) !important; }
2332
2333 .mdl-color-text--light-green-600 {
2334   color: rgb(124,179,66) !important; }
2335
2336 .mdl-color--light-green-600 {
2337   background-color: rgb(124,179,66) !important; }
2338
2339 .mdl-color-text--light-green-700 {
2340   color: rgb(104,159,56) !important; }
2341
2342 .mdl-color--light-green-700 {
2343   background-color: rgb(104,159,56) !important; }
2344
2345 .mdl-color-text--light-green-800 {
2346   color: rgb(85,139,47) !important; }
2347
2348 .mdl-color--light-green-800 {
2349   background-color: rgb(85,139,47) !important; }
2350
2351 .mdl-color-text--light-green-900 {
2352   color: rgb(51,105,30) !important; }
2353
2354 .mdl-color--light-green-900 {
2355   background-color: rgb(51,105,30) !important; }
2356
2357 .mdl-color-text--light-green-A100 {
2358   color: rgb(204,255,144) !important; }
2359
2360 .mdl-color--light-green-A100 {
2361   background-color: rgb(204,255,144) !important; }
2362
2363 .mdl-color-text--light-green-A200 {
2364   color: rgb(178,255,89) !important; }
2365
2366 .mdl-color--light-green-A200 {
2367   background-color: rgb(178,255,89) !important; }
2368
2369 .mdl-color-text--light-green-A400 {
2370   color: rgb(118,255,3) !important; }
2371
2372 .mdl-color--light-green-A400 {
2373   background-color: rgb(118,255,3) !important; }
2374
2375 .mdl-color-text--light-green-A700 {
2376   color: rgb(100,221,23) !important; }
2377
2378 .mdl-color--light-green-A700 {
2379   background-color: rgb(100,221,23) !important; }
2380
2381 .mdl-color-text--lime {
2382   color: rgb(205,220,57) !important; }
2383
2384 .mdl-color--lime {
2385   background-color: rgb(205,220,57) !important; }
2386
2387 .mdl-color-text--lime-50 {
2388   color: rgb(249,251,231) !important; }
2389
2390 .mdl-color--lime-50 {
2391   background-color: rgb(249,251,231) !important; }
2392
2393 .mdl-color-text--lime-100 {
2394   color: rgb(240,244,195) !important; }
2395
2396 .mdl-color--lime-100 {
2397   background-color: rgb(240,244,195) !important; }
2398
2399 .mdl-color-text--lime-200 {
2400   color: rgb(230,238,156) !important; }
2401
2402 .mdl-color--lime-200 {
2403   background-color: rgb(230,238,156) !important; }
2404
2405 .mdl-color-text--lime-300 {
2406   color: rgb(220,231,117) !important; }
2407
2408 .mdl-color--lime-300 {
2409   background-color: rgb(220,231,117) !important; }
2410
2411 .mdl-color-text--lime-400 {
2412   color: rgb(212,225,87) !important; }
2413
2414 .mdl-color--lime-400 {
2415   background-color: rgb(212,225,87) !important; }
2416
2417 .mdl-color-text--lime-500 {
2418   color: rgb(205,220,57) !important; }
2419
2420 .mdl-color--lime-500 {
2421   background-color: rgb(205,220,57) !important; }
2422
2423 .mdl-color-text--lime-600 {
2424   color: rgb(192,202,51) !important; }
2425
2426 .mdl-color--lime-600 {
2427   background-color: rgb(192,202,51) !important; }
2428
2429 .mdl-color-text--lime-700 {
2430   color: rgb(175,180,43) !important; }
2431
2432 .mdl-color--lime-700 {
2433   background-color: rgb(175,180,43) !important; }
2434
2435 .mdl-color-text--lime-800 {
2436   color: rgb(158,157,36) !important; }
2437
2438 .mdl-color--lime-800 {
2439   background-color: rgb(158,157,36) !important; }
2440
2441 .mdl-color-text--lime-900 {
2442   color: rgb(130,119,23) !important; }
2443
2444 .mdl-color--lime-900 {
2445   background-color: rgb(130,119,23) !important; }
2446
2447 .mdl-color-text--lime-A100 {
2448   color: rgb(244,255,129) !important; }
2449
2450 .mdl-color--lime-A100 {
2451   background-color: rgb(244,255,129) !important; }
2452
2453 .mdl-color-text--lime-A200 {
2454   color: rgb(238,255,65) !important; }
2455
2456 .mdl-color--lime-A200 {
2457   background-color: rgb(238,255,65) !important; }
2458
2459 .mdl-color-text--lime-A400 {
2460   color: rgb(198,255,0) !important; }
2461
2462 .mdl-color--lime-A400 {
2463   background-color: rgb(198,255,0) !important; }
2464
2465 .mdl-color-text--lime-A700 {
2466   color: rgb(174,234,0) !important; }
2467
2468 .mdl-color--lime-A700 {
2469   background-color: rgb(174,234,0) !important; }
2470
2471 .mdl-color-text--yellow {
2472   color: rgb(255,235,59) !important; }
2473
2474 .mdl-color--yellow {
2475   background-color: rgb(255,235,59) !important; }
2476
2477 .mdl-color-text--yellow-50 {
2478   color: rgb(255,253,231) !important; }
2479
2480 .mdl-color--yellow-50 {
2481   background-color: rgb(255,253,231) !important; }
2482
2483 .mdl-color-text--yellow-100 {
2484   color: rgb(255,249,196) !important; }
2485
2486 .mdl-color--yellow-100 {
2487   background-color: rgb(255,249,196) !important; }
2488
2489 .mdl-color-text--yellow-200 {
2490   color: rgb(255,245,157) !important; }
2491
2492 .mdl-color--yellow-200 {
2493   background-color: rgb(255,245,157) !important; }
2494
2495 .mdl-color-text--yellow-300 {
2496   color: rgb(255,241,118) !important; }
2497
2498 .mdl-color--yellow-300 {
2499   background-color: rgb(255,241,118) !important; }
2500
2501 .mdl-color-text--yellow-400 {
2502   color: rgb(255,238,88) !important; }
2503
2504 .mdl-color--yellow-400 {
2505   background-color: rgb(255,238,88) !important; }
2506
2507 .mdl-color-text--yellow-500 {
2508   color: rgb(255,235,59) !important; }
2509
2510 .mdl-color--yellow-500 {
2511   background-color: rgb(255,235,59) !important; }
2512
2513 .mdl-color-text--yellow-600 {
2514   color: rgb(253,216,53) !important; }
2515
2516 .mdl-color--yellow-600 {
2517   background-color: rgb(253,216,53) !important; }
2518
2519 .mdl-color-text--yellow-700 {
2520   color: rgb(251,192,45) !important; }
2521
2522 .mdl-color--yellow-700 {
2523   background-color: rgb(251,192,45) !important; }
2524
2525 .mdl-color-text--yellow-800 {
2526   color: rgb(249,168,37) !important; }
2527
2528 .mdl-color--yellow-800 {
2529   background-color: rgb(249,168,37) !important; }
2530
2531 .mdl-color-text--yellow-900 {
2532   color: rgb(245,127,23) !important; }
2533
2534 .mdl-color--yellow-900 {
2535   background-color: rgb(245,127,23) !important; }
2536
2537 .mdl-color-text--yellow-A100 {
2538   color: rgb(255,255,141) !important; }
2539
2540 .mdl-color--yellow-A100 {
2541   background-color: rgb(255,255,141) !important; }
2542
2543 .mdl-color-text--yellow-A200 {
2544   color: rgb(255,255,0) !important; }
2545
2546 .mdl-color--yellow-A200 {
2547   background-color: rgb(255,255,0) !important; }
2548
2549 .mdl-color-text--yellow-A400 {
2550   color: rgb(255,234,0) !important; }
2551
2552 .mdl-color--yellow-A400 {
2553   background-color: rgb(255,234,0) !important; }
2554
2555 .mdl-color-text--yellow-A700 {
2556   color: rgb(255,214,0) !important; }
2557
2558 .mdl-color--yellow-A700 {
2559   background-color: rgb(255,214,0) !important; }
2560
2561 .mdl-color-text--amber {
2562   color: rgb(255,193,7) !important; }
2563
2564 .mdl-color--amber {
2565   background-color: rgb(255,193,7) !important; }
2566
2567 .mdl-color-text--amber-50 {
2568   color: rgb(255,248,225) !important; }
2569
2570 .mdl-color--amber-50 {
2571   background-color: rgb(255,248,225) !important; }
2572
2573 .mdl-color-text--amber-100 {
2574   color: rgb(255,236,179) !important; }
2575
2576 .mdl-color--amber-100 {
2577   background-color: rgb(255,236,179) !important; }
2578
2579 .mdl-color-text--amber-200 {
2580   color: rgb(255,224,130) !important; }
2581
2582 .mdl-color--amber-200 {
2583   background-color: rgb(255,224,130) !important; }
2584
2585 .mdl-color-text--amber-300 {
2586   color: rgb(255,213,79) !important; }
2587
2588 .mdl-color--amber-300 {
2589   background-color: rgb(255,213,79) !important; }
2590
2591 .mdl-color-text--amber-400 {
2592   color: rgb(255,202,40) !important; }
2593
2594 .mdl-color--amber-400 {
2595   background-color: rgb(255,202,40) !important; }
2596
2597 .mdl-color-text--amber-500 {
2598   color: rgb(255,193,7) !important; }
2599
2600 .mdl-color--amber-500 {
2601   background-color: rgb(255,193,7) !important; }
2602
2603 .mdl-color-text--amber-600 {
2604   color: rgb(255,179,0) !important; }
2605
2606 .mdl-color--amber-600 {
2607   background-color: rgb(255,179,0) !important; }
2608
2609 .mdl-color-text--amber-700 {
2610   color: rgb(255,160,0) !important; }
2611
2612 .mdl-color--amber-700 {
2613   background-color: rgb(255,160,0) !important; }
2614
2615 .mdl-color-text--amber-800 {
2616   color: rgb(255,143,0) !important; }
2617
2618 .mdl-color--amber-800 {
2619   background-color: rgb(255,143,0) !important; }
2620
2621 .mdl-color-text--amber-900 {
2622   color: rgb(255,111,0) !important; }
2623
2624 .mdl-color--amber-900 {
2625   background-color: rgb(255,111,0) !important; }
2626
2627 .mdl-color-text--amber-A100 {
2628   color: rgb(255,229,127) !important; }
2629
2630 .mdl-color--amber-A100 {
2631   background-color: rgb(255,229,127) !important; }
2632
2633 .mdl-color-text--amber-A200 {
2634   color: rgb(255,215,64) !important; }
2635
2636 .mdl-color--amber-A200 {
2637   background-color: rgb(255,215,64) !important; }
2638
2639 .mdl-color-text--amber-A400 {
2640   color: rgb(255,196,0) !important; }
2641
2642 .mdl-color--amber-A400 {
2643   background-color: rgb(255,196,0) !important; }
2644
2645 .mdl-color-text--amber-A700 {
2646   color: rgb(255,171,0) !important; }
2647
2648 .mdl-color--amber-A700 {
2649   background-color: rgb(255,171,0) !important; }
2650
2651 .mdl-color-text--orange {
2652   color: rgb(255,152,0) !important; }
2653
2654 .mdl-color--orange {
2655   background-color: rgb(255,152,0) !important; }
2656
2657 .mdl-color-text--orange-50 {
2658   color: rgb(255,243,224) !important; }
2659
2660 .mdl-color--orange-50 {
2661   background-color: rgb(255,243,224) !important; }
2662
2663 .mdl-color-text--orange-100 {
2664   color: rgb(255,224,178) !important; }
2665
2666 .mdl-color--orange-100 {
2667   background-color: rgb(255,224,178) !important; }
2668
2669 .mdl-color-text--orange-200 {
2670   color: rgb(255,204,128) !important; }
2671
2672 .mdl-color--orange-200 {
2673   background-color: rgb(255,204,128) !important; }
2674
2675 .mdl-color-text--orange-300 {
2676   color: rgb(255,183,77) !important; }
2677
2678 .mdl-color--orange-300 {
2679   background-color: rgb(255,183,77) !important; }
2680
2681 .mdl-color-text--orange-400 {
2682   color: rgb(255,167,38) !important; }
2683
2684 .mdl-color--orange-400 {
2685   background-color: rgb(255,167,38) !important; }
2686
2687 .mdl-color-text--orange-500 {
2688   color: rgb(255,152,0) !important; }
2689
2690 .mdl-color--orange-500 {
2691   background-color: rgb(255,152,0) !important; }
2692
2693 .mdl-color-text--orange-600 {
2694   color: rgb(251,140,0) !important; }
2695
2696 .mdl-color--orange-600 {
2697   background-color: rgb(251,140,0) !important; }
2698
2699 .mdl-color-text--orange-700 {
2700   color: rgb(245,124,0) !important; }
2701
2702 .mdl-color--orange-700 {
2703   background-color: rgb(245,124,0) !important; }
2704
2705 .mdl-color-text--orange-800 {
2706   color: rgb(239,108,0) !important; }
2707
2708 .mdl-color--orange-800 {
2709   background-color: rgb(239,108,0) !important; }
2710
2711 .mdl-color-text--orange-900 {
2712   color: rgb(230,81,0) !important; }
2713
2714 .mdl-color--orange-900 {
2715   background-color: rgb(230,81,0) !important; }
2716
2717 .mdl-color-text--orange-A100 {
2718   color: rgb(255,209,128) !important; }
2719
2720 .mdl-color--orange-A100 {
2721   background-color: rgb(255,209,128) !important; }
2722
2723 .mdl-color-text--orange-A200 {
2724   color: rgb(255,171,64) !important; }
2725
2726 .mdl-color--orange-A200 {
2727   background-color: rgb(255,171,64) !important; }
2728
2729 .mdl-color-text--orange-A400 {
2730   color: rgb(255,145,0) !important; }
2731
2732 .mdl-color--orange-A400 {
2733   background-color: rgb(255,145,0) !important; }
2734
2735 .mdl-color-text--orange-A700 {
2736   color: rgb(255,109,0) !important; }
2737
2738 .mdl-color--orange-A700 {
2739   background-color: rgb(255,109,0) !important; }
2740
2741 .mdl-color-text--deep-orange {
2742   color: rgb(255,87,34) !important; }
2743
2744 .mdl-color--deep-orange {
2745   background-color: rgb(255,87,34) !important; }
2746
2747 .mdl-color-text--deep-orange-50 {
2748   color: rgb(251,233,231) !important; }
2749
2750 .mdl-color--deep-orange-50 {
2751   background-color: rgb(251,233,231) !important; }
2752
2753 .mdl-color-text--deep-orange-100 {
2754   color: rgb(255,204,188) !important; }
2755
2756 .mdl-color--deep-orange-100 {
2757   background-color: rgb(255,204,188) !important; }
2758
2759 .mdl-color-text--deep-orange-200 {
2760   color: rgb(255,171,145) !important; }
2761
2762 .mdl-color--deep-orange-200 {
2763   background-color: rgb(255,171,145) !important; }
2764
2765 .mdl-color-text--deep-orange-300 {
2766   color: rgb(255,138,101) !important; }
2767
2768 .mdl-color--deep-orange-300 {
2769   background-color: rgb(255,138,101) !important; }
2770
2771 .mdl-color-text--deep-orange-400 {
2772   color: rgb(255,112,67) !important; }
2773
2774 .mdl-color--deep-orange-400 {
2775   background-color: rgb(255,112,67) !important; }
2776
2777 .mdl-color-text--deep-orange-500 {
2778   color: rgb(255,87,34) !important; }
2779
2780 .mdl-color--deep-orange-500 {
2781   background-color: rgb(255,87,34) !important; }
2782
2783 .mdl-color-text--deep-orange-600 {
2784   color: rgb(244,81,30) !important; }
2785
2786 .mdl-color--deep-orange-600 {
2787   background-color: rgb(244,81,30) !important; }
2788
2789 .mdl-color-text--deep-orange-700 {
2790   color: rgb(230,74,25) !important; }
2791
2792 .mdl-color--deep-orange-700 {
2793   background-color: rgb(230,74,25) !important; }
2794
2795 .mdl-color-text--deep-orange-800 {
2796   color: rgb(216,67,21) !important; }
2797
2798 .mdl-color--deep-orange-800 {
2799   background-color: rgb(216,67,21) !important; }
2800
2801 .mdl-color-text--deep-orange-900 {
2802   color: rgb(191,54,12) !important; }
2803
2804 .mdl-color--deep-orange-900 {
2805   background-color: rgb(191,54,12) !important; }
2806
2807 .mdl-color-text--deep-orange-A100 {
2808   color: rgb(255,158,128) !important; }
2809
2810 .mdl-color--deep-orange-A100 {
2811   background-color: rgb(255,158,128) !important; }
2812
2813 .mdl-color-text--deep-orange-A200 {
2814   color: rgb(255,110,64) !important; }
2815
2816 .mdl-color--deep-orange-A200 {
2817   background-color: rgb(255,110,64) !important; }
2818
2819 .mdl-color-text--deep-orange-A400 {
2820   color: rgb(255,61,0) !important; }
2821
2822 .mdl-color--deep-orange-A400 {
2823   background-color: rgb(255,61,0) !important; }
2824
2825 .mdl-color-text--deep-orange-A700 {
2826   color: rgb(221,44,0) !important; }
2827
2828 .mdl-color--deep-orange-A700 {
2829   background-color: rgb(221,44,0) !important; }
2830
2831 .mdl-color-text--brown {
2832   color: rgb(121,85,72) !important; }
2833
2834 .mdl-color--brown {
2835   background-color: rgb(121,85,72) !important; }
2836
2837 .mdl-color-text--brown-50 {
2838   color: rgb(239,235,233) !important; }
2839
2840 .mdl-color--brown-50 {
2841   background-color: rgb(239,235,233) !important; }
2842
2843 .mdl-color-text--brown-100 {
2844   color: rgb(215,204,200) !important; }
2845
2846 .mdl-color--brown-100 {
2847   background-color: rgb(215,204,200) !important; }
2848
2849 .mdl-color-text--brown-200 {
2850   color: rgb(188,170,164) !important; }
2851
2852 .mdl-color--brown-200 {
2853   background-color: rgb(188,170,164) !important; }
2854
2855 .mdl-color-text--brown-300 {
2856   color: rgb(161,136,127) !important; }
2857
2858 .mdl-color--brown-300 {
2859   background-color: rgb(161,136,127) !important; }
2860
2861 .mdl-color-text--brown-400 {
2862   color: rgb(141,110,99) !important; }
2863
2864 .mdl-color--brown-400 {
2865   background-color: rgb(141,110,99) !important; }
2866
2867 .mdl-color-text--brown-500 {
2868   color: rgb(121,85,72) !important; }
2869
2870 .mdl-color--brown-500 {
2871   background-color: rgb(121,85,72) !important; }
2872
2873 .mdl-color-text--brown-600 {
2874   color: rgb(109,76,65) !important; }
2875
2876 .mdl-color--brown-600 {
2877   background-color: rgb(109,76,65) !important; }
2878
2879 .mdl-color-text--brown-700 {
2880   color: rgb(93,64,55) !important; }
2881
2882 .mdl-color--brown-700 {
2883   background-color: rgb(93,64,55) !important; }
2884
2885 .mdl-color-text--brown-800 {
2886   color: rgb(78,52,46) !important; }
2887
2888 .mdl-color--brown-800 {
2889   background-color: rgb(78,52,46) !important; }
2890
2891 .mdl-color-text--brown-900 {
2892   color: rgb(62,39,35) !important; }
2893
2894 .mdl-color--brown-900 {
2895   background-color: rgb(62,39,35) !important; }
2896
2897 .mdl-color-text--grey {
2898   color: rgb(158,158,158) !important; }
2899
2900 .mdl-color--grey {
2901   background-color: rgb(158,158,158) !important; }
2902
2903 .mdl-color-text--grey-50 {
2904   color: rgb(250,250,250) !important; }
2905
2906 .mdl-color--grey-50 {
2907   background-color: rgb(250,250,250) !important; }
2908
2909 .mdl-color-text--grey-100 {
2910   color: rgb(245,245,245) !important; }
2911
2912 .mdl-color--grey-100 {
2913   background-color: rgb(245,245,245) !important; }
2914
2915 .mdl-color-text--grey-200 {
2916   color: rgb(238,238,238) !important; }
2917
2918 .mdl-color--grey-200 {
2919   background-color: rgb(238,238,238) !important; }
2920
2921 .mdl-color-text--grey-300 {
2922   color: rgb(224,224,224) !important; }
2923
2924 .mdl-color--grey-300 {
2925   background-color: rgb(224,224,224) !important; }
2926
2927 .mdl-color-text--grey-400 {
2928   color: rgb(189,189,189) !important; }
2929
2930 .mdl-color--grey-400 {
2931   background-color: rgb(189,189,189) !important; }
2932
2933 .mdl-color-text--grey-500 {
2934   color: rgb(158,158,158) !important; }
2935
2936 .mdl-color--grey-500 {
2937   background-color: rgb(158,158,158) !important; }
2938
2939 .mdl-color-text--grey-600 {
2940   color: rgb(117,117,117) !important; }
2941
2942 .mdl-color--grey-600 {
2943   background-color: rgb(117,117,117) !important; }
2944
2945 .mdl-color-text--grey-700 {
2946   color: rgb(97,97,97) !important; }
2947
2948 .mdl-color--grey-700 {
2949   background-color: rgb(97,97,97) !important; }
2950
2951 .mdl-color-text--grey-800 {
2952   color: rgb(66,66,66) !important; }
2953
2954 .mdl-color--grey-800 {
2955   background-color: rgb(66,66,66) !important; }
2956
2957 .mdl-color-text--grey-900 {
2958   color: rgb(33,33,33) !important; }
2959
2960 .mdl-color--grey-900 {
2961   background-color: rgb(33,33,33) !important; }
2962
2963 .mdl-color-text--blue-grey {
2964   color: rgb(96,125,139) !important; }
2965
2966 .mdl-color--blue-grey {
2967   background-color: rgb(96,125,139) !important; }
2968
2969 .mdl-color-text--blue-grey-50 {
2970   color: rgb(236,239,241) !important; }
2971
2972 .mdl-color--blue-grey-50 {
2973   background-color: rgb(236,239,241) !important; }
2974
2975 .mdl-color-text--blue-grey-100 {
2976   color: rgb(207,216,220) !important; }
2977
2978 .mdl-color--blue-grey-100 {
2979   background-color: rgb(207,216,220) !important; }
2980
2981 .mdl-color-text--blue-grey-200 {
2982   color: rgb(176,190,197) !important; }
2983
2984 .mdl-color--blue-grey-200 {
2985   background-color: rgb(176,190,197) !important; }
2986
2987 .mdl-color-text--blue-grey-300 {
2988   color: rgb(144,164,174) !important; }
2989
2990 .mdl-color--blue-grey-300 {
2991   background-color: rgb(144,164,174) !important; }
2992
2993 .mdl-color-text--blue-grey-400 {
2994   color: rgb(120,144,156) !important; }
2995
2996 .mdl-color--blue-grey-400 {
2997   background-color: rgb(120,144,156) !important; }
2998
2999 .mdl-color-text--blue-grey-500 {
3000   color: rgb(96,125,139) !important; }
3001
3002 .mdl-color--blue-grey-500 {
3003   background-color: rgb(96,125,139) !important; }
3004
3005 .mdl-color-text--blue-grey-600 {
3006   color: rgb(84,110,122) !important; }
3007
3008 .mdl-color--blue-grey-600 {
3009   background-color: rgb(84,110,122) !important; }
3010
3011 .mdl-color-text--blue-grey-700 {
3012   color: rgb(69,90,100) !important; }
3013
3014 .mdl-color--blue-grey-700 {
3015   background-color: rgb(69,90,100) !important; }
3016
3017 .mdl-color-text--blue-grey-800 {
3018   color: rgb(55,71,79) !important; }
3019
3020 .mdl-color--blue-grey-800 {
3021   background-color: rgb(55,71,79) !important; }
3022
3023 .mdl-color-text--blue-grey-900 {
3024   color: rgb(38,50,56) !important; }
3025
3026 .mdl-color--blue-grey-900 {
3027   background-color: rgb(38,50,56) !important; }
3028
3029 .mdl-color--black {
3030   background-color: rgb(0,0,0) !important; }
3031
3032 .mdl-color-text--black {
3033   color: rgb(0,0,0) !important; }
3034
3035 .mdl-color--white {
3036   background-color: rgb(255,255,255) !important; }
3037
3038 .mdl-color-text--white {
3039   color: rgb(255,255,255) !important; }
3040
3041 .mdl-color--primary {
3042   background-color: rgb(63,81,181) !important; }
3043
3044 .mdl-color--primary-contrast {
3045   background-color: rgb(255,255,255) !important; }
3046
3047 .mdl-color--primary-dark {
3048   background-color: rgb(48,63,159) !important; }
3049
3050 .mdl-color--accent {
3051   background-color: rgb(255,64,129) !important; }
3052
3053 .mdl-color--accent-contrast {
3054   background-color: rgb(255,255,255) !important; }
3055
3056 .mdl-color-text--primary {
3057   color: rgb(63,81,181) !important; }
3058
3059 .mdl-color-text--primary-contrast {
3060   color: rgb(255,255,255) !important; }
3061
3062 .mdl-color-text--primary-dark {
3063   color: rgb(48,63,159) !important; }
3064
3065 .mdl-color-text--accent {
3066   color: rgb(255,64,129) !important; }
3067
3068 .mdl-color-text--accent-contrast {
3069   color: rgb(255,255,255) !important; }
3070
3071 /**
3072  * Copyright 2015 Google Inc. All Rights Reserved.
3073  *
3074  * Licensed under the Apache License, Version 2.0 (the "License");
3075  * you may not use this file except in compliance with the License.
3076  * You may obtain a copy of the License at
3077  *
3078  *      http://www.apache.org/licenses/LICENSE-2.0
3079  *
3080  * Unless required by applicable law or agreed to in writing, software
3081  * distributed under the License is distributed on an "AS IS" BASIS,
3082  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3083  * See the License for the specific language governing permissions and
3084  * limitations under the License.
3085  */
3086 /**
3087  * Copyright 2015 Google Inc. All Rights Reserved.
3088  *
3089  * Licensed under the Apache License, Version 2.0 (the "License");
3090  * you may not use this file except in compliance with the License.
3091  * You may obtain a copy of the License at
3092  *
3093  *      http://www.apache.org/licenses/LICENSE-2.0
3094  *
3095  * Unless required by applicable law or agreed to in writing, software
3096  * distributed under the License is distributed on an "AS IS" BASIS,
3097  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3098  * See the License for the specific language governing permissions and
3099  * limitations under the License.
3100  */
3101 /*------------------------------------*    $CONTENTS
3102 \*------------------------------------*/
3103 /**
3104  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3105  * -----Typography
3106  * -----Colors
3107  * -----Textfield
3108  * -----Switch
3109  * -----Spinner
3110  * -----Radio
3111  * -----Menu
3112  * -----List
3113  * -----Layout
3114  * -----Icon toggles
3115  * -----Footer
3116  * -----Column
3117  * -----Checkbox
3118  * -----Card
3119  * -----Button
3120  * -----Animation
3121  * -----Progress
3122  * -----Badge
3123  * -----Shadows
3124  * -----Grid
3125  * -----Data table
3126  * -----Dialog
3127  * -----Snackbar
3128  * -----Tooltip
3129  * -----Chip
3130  *
3131  * Even though all variables have the `!default` directive, most of them
3132  * should not be changed as they are dependent one another. This can cause
3133  * visual distortions (like alignment issues) that are hard to track down
3134  * and fix.
3135  */
3136 /* ==========  TYPOGRAPHY  ========== */
3137 /* We're splitting fonts into "preferred" and "performance" in order to optimize
3138    page loading. For important text, such as the body, we want it to load
3139    immediately and not wait for the web font load, whereas for other sections,
3140    such as headers and titles, we're OK with things taking a bit longer to load.
3141    We do have some optional classes and parameters in the mixins, in case you
3142    definitely want to make sure you're using the preferred font and don't mind
3143    the performance hit.
3144    We should be able to improve on this once CSS Font Loading L3 becomes more
3145    widely available.
3146 */
3147 /* ==========  COLORS  ========== */
3148 /**
3149 *
3150 * Material design color palettes.
3151 * @see http://www.google.com/design/spec/style/color.html
3152 *
3153 **/
3154 /**
3155  * Copyright 2015 Google Inc. All Rights Reserved.
3156  *
3157  * Licensed under the Apache License, Version 2.0 (the "License");
3158  * you may not use this file except in compliance with the License.
3159  * You may obtain a copy of the License at
3160  *
3161  *      http://www.apache.org/licenses/LICENSE-2.0
3162  *
3163  * Unless required by applicable law or agreed to in writing, software
3164  * distributed under the License is distributed on an "AS IS" BASIS,
3165  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3166  * See the License for the specific language governing permissions and
3167  * limitations under the License.
3168  */
3169 /* ==========  Color Palettes  ========== */
3170 /* colors.scss */
3171 /**
3172  * Copyright 2015 Google Inc. All Rights Reserved.
3173  *
3174  * Licensed under the Apache License, Version 2.0 (the "License");
3175  * you may not use this file except in compliance with the License.
3176  * You may obtain a copy of the License at
3177  *
3178  *      http://www.apache.org/licenses/LICENSE-2.0
3179  *
3180  * Unless required by applicable law or agreed to in writing, software
3181  * distributed under the License is distributed on an "AS IS" BASIS,
3182  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3183  * See the License for the specific language governing permissions and
3184  * limitations under the License.
3185  */
3186 /* ==========  IMAGES  ========== */
3187 /* ==========  Color & Themes  ========== */
3188 /* ==========  Typography  ========== */
3189 /* ==========  Components  ========== */
3190 /* ==========  Standard Buttons  ========== */
3191 /* ==========  Icon Toggles  ========== */
3192 /* ==========  Radio Buttons  ========== */
3193 /* ==========  Ripple effect  ========== */
3194 /* ==========  Layout  ========== */
3195 /* ==========  Content Tabs  ========== */
3196 /* ==========  Checkboxes  ========== */
3197 /* ==========  Switches  ========== */
3198 /* ==========  Spinner  ========== */
3199 /* ==========  Text fields  ========== */
3200 /* ==========  Card  ========== */
3201 /* ==========  Sliders ========== */
3202 /* ========== Progress ========== */
3203 /* ==========  List ========== */
3204 /* ==========  Item ========== */
3205 /* ==========  Dropdown menu ========== */
3206 /* ==========  Tooltips  ========== */
3207 /* ==========  Footer  ========== */
3208 /* TEXTFIELD */
3209 /* SWITCH */
3210 /* SPINNER */
3211 /* RADIO */
3212 /* MENU */
3213 /* LIST */
3214 /* LAYOUT */
3215 /* ICON TOGGLE */
3216 /* FOOTER */
3217 /*mega-footer*/
3218 /*mini-footer*/
3219 /* CHECKBOX */
3220 /* CARD */
3221 /* Card dimensions */
3222 /* Cover image */
3223 /* BUTTON */
3224 /**
3225  *
3226  * Dimensions
3227  *
3228  */
3229 /* ANIMATION */
3230 /* PROGRESS */
3231 /* BADGE */
3232 /* SHADOWS */
3233 /* GRID */
3234 /* DATA TABLE */
3235 /* DIALOG */
3236 /* SNACKBAR */
3237 /* TOOLTIP */
3238 /* CHIP */
3239 .mdl-ripple {
3240   background: rgb(0,0,0);
3241   border-radius: 50%;
3242   height: 50px;
3243   left: 0;
3244   opacity: 0;
3245   pointer-events: none;
3246   position: absolute;
3247   top: 0;
3248   -webkit-transform: translate(-50%, -50%);
3249           transform: translate(-50%, -50%);
3250   width: 50px;
3251   overflow: hidden; }
3252   .mdl-ripple.is-animating {
3253     transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
3254     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
3255     transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
3256   .mdl-ripple.is-visible {
3257     opacity: 0.3; }
3258
3259 /**
3260  * Copyright 2015 Google Inc. All Rights Reserved.
3261  *
3262  * Licensed under the Apache License, Version 2.0 (the "License");
3263  * you may not use this file except in compliance with the License.
3264  * You may obtain a copy of the License at
3265  *
3266  *      http://www.apache.org/licenses/LICENSE-2.0
3267  *
3268  * Unless required by applicable law or agreed to in writing, software
3269  * distributed under the License is distributed on an "AS IS" BASIS,
3270  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3271  * See the License for the specific language governing permissions and
3272  * limitations under the License.
3273  */
3274 /**
3275  * Copyright 2015 Google Inc. All Rights Reserved.
3276  *
3277  * Licensed under the Apache License, Version 2.0 (the "License");
3278  * you may not use this file except in compliance with the License.
3279  * You may obtain a copy of the License at
3280  *
3281  *      http://www.apache.org/licenses/LICENSE-2.0
3282  *
3283  * Unless required by applicable law or agreed to in writing, software
3284  * distributed under the License is distributed on an "AS IS" BASIS,
3285  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3286  * See the License for the specific language governing permissions and
3287  * limitations under the License.
3288  */
3289 /*------------------------------------*    $CONTENTS
3290 \*------------------------------------*/
3291 /**
3292  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3293  * -----Typography
3294  * -----Colors
3295  * -----Textfield
3296  * -----Switch
3297  * -----Spinner
3298  * -----Radio
3299  * -----Menu
3300  * -----List
3301  * -----Layout
3302  * -----Icon toggles
3303  * -----Footer
3304  * -----Column
3305  * -----Checkbox
3306  * -----Card
3307  * -----Button
3308  * -----Animation
3309  * -----Progress
3310  * -----Badge
3311  * -----Shadows
3312  * -----Grid
3313  * -----Data table
3314  * -----Dialog
3315  * -----Snackbar
3316  * -----Tooltip
3317  * -----Chip
3318  *
3319  * Even though all variables have the `!default` directive, most of them
3320  * should not be changed as they are dependent one another. This can cause
3321  * visual distortions (like alignment issues) that are hard to track down
3322  * and fix.
3323  */
3324 /* ==========  TYPOGRAPHY  ========== */
3325 /* We're splitting fonts into "preferred" and "performance" in order to optimize
3326    page loading. For important text, such as the body, we want it to load
3327    immediately and not wait for the web font load, whereas for other sections,
3328    such as headers and titles, we're OK with things taking a bit longer to load.
3329    We do have some optional classes and parameters in the mixins, in case you
3330    definitely want to make sure you're using the preferred font and don't mind
3331    the performance hit.
3332    We should be able to improve on this once CSS Font Loading L3 becomes more
3333    widely available.
3334 */
3335 /* ==========  COLORS  ========== */
3336 /**
3337 *
3338 * Material design color palettes.
3339 * @see http://www.google.com/design/spec/style/color.html
3340 *
3341 **/
3342 /**
3343  * Copyright 2015 Google Inc. All Rights Reserved.
3344  *
3345  * Licensed under the Apache License, Version 2.0 (the "License");
3346  * you may not use this file except in compliance with the License.
3347  * You may obtain a copy of the License at
3348  *
3349  *      http://www.apache.org/licenses/LICENSE-2.0
3350  *
3351  * Unless required by applicable law or agreed to in writing, software
3352  * distributed under the License is distributed on an "AS IS" BASIS,
3353  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3354  * See the License for the specific language governing permissions and
3355  * limitations under the License.
3356  */
3357 /* ==========  Color Palettes  ========== */
3358 /* colors.scss */
3359 /**
3360  * Copyright 2015 Google Inc. All Rights Reserved.
3361  *
3362  * Licensed under the Apache License, Version 2.0 (the "License");
3363  * you may not use this file except in compliance with the License.
3364  * You may obtain a copy of the License at
3365  *
3366  *      http://www.apache.org/licenses/LICENSE-2.0
3367  *
3368  * Unless required by applicable law or agreed to in writing, software
3369  * distributed under the License is distributed on an "AS IS" BASIS,
3370  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3371  * See the License for the specific language governing permissions and
3372  * limitations under the License.
3373  */
3374 /* ==========  IMAGES  ========== */
3375 /* ==========  Color & Themes  ========== */
3376 /* ==========  Typography  ========== */
3377 /* ==========  Components  ========== */
3378 /* ==========  Standard Buttons  ========== */
3379 /* ==========  Icon Toggles  ========== */
3380 /* ==========  Radio Buttons  ========== */
3381 /* ==========  Ripple effect  ========== */
3382 /* ==========  Layout  ========== */
3383 /* ==========  Content Tabs  ========== */
3384 /* ==========  Checkboxes  ========== */
3385 /* ==========  Switches  ========== */
3386 /* ==========  Spinner  ========== */
3387 /* ==========  Text fields  ========== */
3388 /* ==========  Card  ========== */
3389 /* ==========  Sliders ========== */
3390 /* ========== Progress ========== */
3391 /* ==========  List ========== */
3392 /* ==========  Item ========== */
3393 /* ==========  Dropdown menu ========== */
3394 /* ==========  Tooltips  ========== */
3395 /* ==========  Footer  ========== */
3396 /* TEXTFIELD */
3397 /* SWITCH */
3398 /* SPINNER */
3399 /* RADIO */
3400 /* MENU */
3401 /* LIST */
3402 /* LAYOUT */
3403 /* ICON TOGGLE */
3404 /* FOOTER */
3405 /*mega-footer*/
3406 /*mini-footer*/
3407 /* CHECKBOX */
3408 /* CARD */
3409 /* Card dimensions */
3410 /* Cover image */
3411 /* BUTTON */
3412 /**
3413  *
3414  * Dimensions
3415  *
3416  */
3417 /* ANIMATION */
3418 /* PROGRESS */
3419 /* BADGE */
3420 /* SHADOWS */
3421 /* GRID */
3422 /* DATA TABLE */
3423 /* DIALOG */
3424 /* SNACKBAR */
3425 /* TOOLTIP */
3426 /* CHIP */
3427 .mdl-animation--default {
3428   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3429
3430 .mdl-animation--fast-out-slow-in {
3431   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3432
3433 .mdl-animation--linear-out-slow-in {
3434   transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
3435
3436 .mdl-animation--fast-out-linear-in {
3437   transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
3438
3439 /**
3440  * Copyright 2015 Google Inc. All Rights Reserved.
3441  *
3442  * Licensed under the Apache License, Version 2.0 (the "License");
3443  * you may not use this file except in compliance with the License.
3444  * You may obtain a copy of the License at
3445  *
3446  *      http://www.apache.org/licenses/LICENSE-2.0
3447  *
3448  * Unless required by applicable law or agreed to in writing, software
3449  * distributed under the License is distributed on an "AS IS" BASIS,
3450  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3451  * See the License for the specific language governing permissions and
3452  * limitations under the License.
3453  */
3454 /**
3455  * Copyright 2015 Google Inc. All Rights Reserved.
3456  *
3457  * Licensed under the Apache License, Version 2.0 (the "License");
3458  * you may not use this file except in compliance with the License.
3459  * You may obtain a copy of the License at
3460  *
3461  *      http://www.apache.org/licenses/LICENSE-2.0
3462  *
3463  * Unless required by applicable law or agreed to in writing, software
3464  * distributed under the License is distributed on an "AS IS" BASIS,
3465  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3466  * See the License for the specific language governing permissions and
3467  * limitations under the License.
3468  */
3469 /*------------------------------------*    $CONTENTS
3470 \*------------------------------------*/
3471 /**
3472  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3473  * -----Typography
3474  * -----Colors
3475  * -----Textfield
3476  * -----Switch
3477  * -----Spinner
3478  * -----Radio
3479  * -----Menu
3480  * -----List
3481  * -----Layout
3482  * -----Icon toggles
3483  * -----Footer
3484  * -----Column
3485  * -----Checkbox
3486  * -----Card
3487  * -----Button
3488  * -----Animation
3489  * -----Progress
3490  * -----Badge
3491  * -----Shadows
3492  * -----Grid
3493  * -----Data table
3494  * -----Dialog
3495  * -----Snackbar
3496  * -----Tooltip
3497  * -----Chip
3498  *
3499  * Even though all variables have the `!default` directive, most of them
3500  * should not be changed as they are dependent one another. This can cause
3501  * visual distortions (like alignment issues) that are hard to track down
3502  * and fix.
3503  */
3504 /* ==========  TYPOGRAPHY  ========== */
3505 /* We're splitting fonts into "preferred" and "performance" in order to optimize
3506    page loading. For important text, such as the body, we want it to load
3507    immediately and not wait for the web font load, whereas for other sections,
3508    such as headers and titles, we're OK with things taking a bit longer to load.
3509    We do have some optional classes and parameters in the mixins, in case you
3510    definitely want to make sure you're using the preferred font and don't mind
3511    the performance hit.
3512    We should be able to improve on this once CSS Font Loading L3 becomes more
3513    widely available.
3514 */
3515 /* ==========  COLORS  ========== */
3516 /**
3517 *
3518 * Material design color palettes.
3519 * @see http://www.google.com/design/spec/style/color.html
3520 *
3521 **/
3522 /**
3523  * Copyright 2015 Google Inc. All Rights Reserved.
3524  *
3525  * Licensed under the Apache License, Version 2.0 (the "License");
3526  * you may not use this file except in compliance with the License.
3527  * You may obtain a copy of the License at
3528  *
3529  *      http://www.apache.org/licenses/LICENSE-2.0
3530  *
3531  * Unless required by applicable law or agreed to in writing, software
3532  * distributed under the License is distributed on an "AS IS" BASIS,
3533  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3534  * See the License for the specific language governing permissions and
3535  * limitations under the License.
3536  */
3537 /* ==========  Color Palettes  ========== */
3538 /* colors.scss */
3539 /**
3540  * Copyright 2015 Google Inc. All Rights Reserved.
3541  *
3542  * Licensed under the Apache License, Version 2.0 (the "License");
3543  * you may not use this file except in compliance with the License.
3544  * You may obtain a copy of the License at
3545  *
3546  *      http://www.apache.org/licenses/LICENSE-2.0
3547  *
3548  * Unless required by applicable law or agreed to in writing, software
3549  * distributed under the License is distributed on an "AS IS" BASIS,
3550  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3551  * See the License for the specific language governing permissions and
3552  * limitations under the License.
3553  */
3554 /* ==========  IMAGES  ========== */
3555 /* ==========  Color & Themes  ========== */
3556 /* ==========  Typography  ========== */
3557 /* ==========  Components  ========== */
3558 /* ==========  Standard Buttons  ========== */
3559 /* ==========  Icon Toggles  ========== */
3560 /* ==========  Radio Buttons  ========== */
3561 /* ==========  Ripple effect  ========== */
3562 /* ==========  Layout  ========== */
3563 /* ==========  Content Tabs  ========== */
3564 /* ==========  Checkboxes  ========== */
3565 /* ==========  Switches  ========== */
3566 /* ==========  Spinner  ========== */
3567 /* ==========  Text fields  ========== */
3568 /* ==========  Card  ========== */
3569 /* ==========  Sliders ========== */
3570 /* ========== Progress ========== */
3571 /* ==========  List ========== */
3572 /* ==========  Item ========== */
3573 /* ==========  Dropdown menu ========== */
3574 /* ==========  Tooltips  ========== */
3575 /* ==========  Footer  ========== */
3576 /* TEXTFIELD */
3577 /* SWITCH */
3578 /* SPINNER */
3579 /* RADIO */
3580 /* MENU */
3581 /* LIST */
3582 /* LAYOUT */
3583 /* ICON TOGGLE */
3584 /* FOOTER */
3585 /*mega-footer*/
3586 /*mini-footer*/
3587 /* CHECKBOX */
3588 /* CARD */
3589 /* Card dimensions */
3590 /* Cover image */
3591 /* BUTTON */
3592 /**
3593  *
3594  * Dimensions
3595  *
3596  */
3597 /* ANIMATION */
3598 /* PROGRESS */
3599 /* BADGE */
3600 /* SHADOWS */
3601 /* GRID */
3602 /* DATA TABLE */
3603 /* DIALOG */
3604 /* SNACKBAR */
3605 /* TOOLTIP */
3606 /* CHIP */
3607 .mdl-badge {
3608   position: relative;
3609   white-space: nowrap;
3610   margin-right: 24px; }
3611   .mdl-badge:not([data-badge]) {
3612     margin-right: auto; }
3613   .mdl-badge[data-badge]:after {
3614     content: attr(data-badge);
3615     display: -webkit-flex;
3616     display: -ms-flexbox;
3617     display: flex;
3618     -webkit-flex-direction: row;
3619         -ms-flex-direction: row;
3620             flex-direction: row;
3621     -webkit-flex-wrap: wrap;
3622         -ms-flex-wrap: wrap;
3623             flex-wrap: wrap;
3624     -webkit-justify-content: center;
3625         -ms-flex-pack: center;
3626             justify-content: center;
3627     -webkit-align-content: center;
3628         -ms-flex-line-pack: center;
3629             align-content: center;
3630     -webkit-align-items: center;
3631         -ms-flex-align: center;
3632             align-items: center;
3633     position: absolute;
3634     top: -11px;
3635     right: -24px;
3636     font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3637     font-weight: 600;
3638     font-size: 12px;
3639     width: 22px;
3640     height: 22px;
3641     border-radius: 50%;
3642     background: rgb(255,64,129);
3643     color: rgb(255,255,255); }
3644     .mdl-button .mdl-badge[data-badge]:after {
3645       top: -10px;
3646       right: -5px; }
3647   .mdl-badge.mdl-badge--no-background[data-badge]:after {
3648     color: rgb(255,64,129);
3649     background: rgba(255,255,255,0.2);
3650     box-shadow: 0 0 1px gray; }
3651   .mdl-badge.mdl-badge--overlap {
3652     margin-right: 10px; }
3653     .mdl-badge.mdl-badge--overlap:after {
3654       right: -10px; }
3655
3656 /**
3657  * Copyright 2015 Google Inc. All Rights Reserved.
3658  *
3659  * Licensed under the Apache License, Version 2.0 (the "License");
3660  * you may not use this file except in compliance with the License.
3661  * You may obtain a copy of the License at
3662  *
3663  *      http://www.apache.org/licenses/LICENSE-2.0
3664  *
3665  * Unless required by applicable law or agreed to in writing, software
3666  * distributed under the License is distributed on an "AS IS" BASIS,
3667  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3668  * See the License for the specific language governing permissions and
3669  * limitations under the License.
3670  */
3671 /**
3672  * Copyright 2015 Google Inc. All Rights Reserved.
3673  *
3674  * Licensed under the Apache License, Version 2.0 (the "License");
3675  * you may not use this file except in compliance with the License.
3676  * You may obtain a copy of the License at
3677  *
3678  *      http://www.apache.org/licenses/LICENSE-2.0
3679  *
3680  * Unless required by applicable law or agreed to in writing, software
3681  * distributed under the License is distributed on an "AS IS" BASIS,
3682  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3683  * See the License for the specific language governing permissions and
3684  * limitations under the License.
3685  */
3686 /*------------------------------------*    $CONTENTS
3687 \*------------------------------------*/
3688 /**
3689  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
3690  * -----Typography
3691  * -----Colors
3692  * -----Textfield
3693  * -----Switch
3694  * -----Spinner
3695  * -----Radio
3696  * -----Menu
3697  * -----List
3698  * -----Layout
3699  * -----Icon toggles
3700  * -----Footer
3701  * -----Column
3702  * -----Checkbox
3703  * -----Card
3704  * -----Button
3705  * -----Animation
3706  * -----Progress
3707  * -----Badge
3708  * -----Shadows
3709  * -----Grid
3710  * -----Data table
3711  * -----Dialog
3712  * -----Snackbar
3713  * -----Tooltip
3714  * -----Chip
3715  *
3716  * Even though all variables have the `!default` directive, most of them
3717  * should not be changed as they are dependent one another. This can cause
3718  * visual distortions (like alignment issues) that are hard to track down
3719  * and fix.
3720  */
3721 /* ==========  TYPOGRAPHY  ========== */
3722 /* We're splitting fonts into "preferred" and "performance" in order to optimize
3723    page loading. For important text, such as the body, we want it to load
3724    immediately and not wait for the web font load, whereas for other sections,
3725    such as headers and titles, we're OK with things taking a bit longer to load.
3726    We do have some optional classes and parameters in the mixins, in case you
3727    definitely want to make sure you're using the preferred font and don't mind
3728    the performance hit.
3729    We should be able to improve on this once CSS Font Loading L3 becomes more
3730    widely available.
3731 */
3732 /* ==========  COLORS  ========== */
3733 /**
3734 *
3735 * Material design color palettes.
3736 * @see http://www.google.com/design/spec/style/color.html
3737 *
3738 **/
3739 /**
3740  * Copyright 2015 Google Inc. All Rights Reserved.
3741  *
3742  * Licensed under the Apache License, Version 2.0 (the "License");
3743  * you may not use this file except in compliance with the License.
3744  * You may obtain a copy of the License at
3745  *
3746  *      http://www.apache.org/licenses/LICENSE-2.0
3747  *
3748  * Unless required by applicable law or agreed to in writing, software
3749  * distributed under the License is distributed on an "AS IS" BASIS,
3750  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3751  * See the License for the specific language governing permissions and
3752  * limitations under the License.
3753  */
3754 /* ==========  Color Palettes  ========== */
3755 /* colors.scss */
3756 /**
3757  * Copyright 2015 Google Inc. All Rights Reserved.
3758  *
3759  * Licensed under the Apache License, Version 2.0 (the "License");
3760  * you may not use this file except in compliance with the License.
3761  * You may obtain a copy of the License at
3762  *
3763  *      http://www.apache.org/licenses/LICENSE-2.0
3764  *
3765  * Unless required by applicable law or agreed to in writing, software
3766  * distributed under the License is distributed on an "AS IS" BASIS,
3767  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3768  * See the License for the specific language governing permissions and
3769  * limitations under the License.
3770  */
3771 /* ==========  IMAGES  ========== */
3772 /* ==========  Color & Themes  ========== */
3773 /* ==========  Typography  ========== */
3774 /* ==========  Components  ========== */
3775 /* ==========  Standard Buttons  ========== */
3776 /* ==========  Icon Toggles  ========== */
3777 /* ==========  Radio Buttons  ========== */
3778 /* ==========  Ripple effect  ========== */
3779 /* ==========  Layout  ========== */
3780 /* ==========  Content Tabs  ========== */
3781 /* ==========  Checkboxes  ========== */
3782 /* ==========  Switches  ========== */
3783 /* ==========  Spinner  ========== */
3784 /* ==========  Text fields  ========== */
3785 /* ==========  Card  ========== */
3786 /* ==========  Sliders ========== */
3787 /* ========== Progress ========== */
3788 /* ==========  List ========== */
3789 /* ==========  Item ========== */
3790 /* ==========  Dropdown menu ========== */
3791 /* ==========  Tooltips  ========== */
3792 /* ==========  Footer  ========== */
3793 /* TEXTFIELD */
3794 /* SWITCH */
3795 /* SPINNER */
3796 /* RADIO */
3797 /* MENU */
3798 /* LIST */
3799 /* LAYOUT */
3800 /* ICON TOGGLE */
3801 /* FOOTER */
3802 /*mega-footer*/
3803 /*mini-footer*/
3804 /* CHECKBOX */
3805 /* CARD */
3806 /* Card dimensions */
3807 /* Cover image */
3808 /* BUTTON */
3809 /**
3810  *
3811  * Dimensions
3812  *
3813  */
3814 /* ANIMATION */
3815 /* PROGRESS */
3816 /* BADGE */
3817 /* SHADOWS */
3818 /* GRID */
3819 /* DATA TABLE */
3820 /* DIALOG */
3821 /* SNACKBAR */
3822 /* TOOLTIP */
3823 /* CHIP */
3824 /**
3825  * Copyright 2015 Google Inc. All Rights Reserved.
3826  *
3827  * Licensed under the Apache License, Version 2.0 (the "License");
3828  * you may not use this file except in compliance with the License.
3829  * You may obtain a copy of the License at
3830  *
3831  *      http://www.apache.org/licenses/LICENSE-2.0
3832  *
3833  * Unless required by applicable law or agreed to in writing, software
3834  * distributed under the License is distributed on an "AS IS" BASIS,
3835  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3836  * See the License for the specific language governing permissions and
3837  * limitations under the License.
3838  */
3839 /* Typography */
3840 /* Shadows */
3841 /* Animations */
3842 /* Dialog */
3843 .mdl-button {
3844   background: transparent;
3845   border: none;
3846   border-radius: 2px;
3847   color: rgb(0,0,0);
3848   position: relative;
3849   height: 36px;
3850   margin: 0;
3851   min-width: 64px;
3852   padding: 0 16px;
3853   display: inline-block;
3854   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
3855   font-size: 14px;
3856   font-weight: 500;
3857   text-transform: uppercase;
3858   line-height: 1;
3859   letter-spacing: 0;
3860   overflow: hidden;
3861   will-change: box-shadow;
3862   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3863   outline: none;
3864   cursor: pointer;
3865   text-decoration: none;
3866   text-align: center;
3867   line-height: 36px;
3868   vertical-align: middle; }
3869   .mdl-button::-moz-focus-inner {
3870     border: 0; }
3871   .mdl-button:hover {
3872     background-color: rgba(158,158,158, 0.20); }
3873   .mdl-button:focus:not(:active) {
3874     background-color: rgba(0,0,0, 0.12); }
3875   .mdl-button:active {
3876     background-color: rgba(158,158,158, 0.40); }
3877   .mdl-button.mdl-button--colored {
3878     color: rgb(63,81,181); }
3879     .mdl-button.mdl-button--colored:focus:not(:active) {
3880       background-color: rgba(0,0,0, 0.12); }
3881
3882 input.mdl-button[type="submit"] {
3883   -webkit-appearance: none; }
3884
3885 .mdl-button--raised {
3886   background: rgba(158,158,158, 0.20);
3887   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
3888   .mdl-button--raised:active {
3889     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3890     background-color: rgba(158,158,158, 0.40); }
3891   .mdl-button--raised:focus:not(:active) {
3892     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3893     background-color: rgba(158,158,158, 0.40); }
3894   .mdl-button--raised.mdl-button--colored {
3895     background: rgb(63,81,181);
3896     color: rgb(255,255,255); }
3897     .mdl-button--raised.mdl-button--colored:hover {
3898       background-color: rgb(63,81,181); }
3899     .mdl-button--raised.mdl-button--colored:active {
3900       background-color: rgb(63,81,181); }
3901     .mdl-button--raised.mdl-button--colored:focus:not(:active) {
3902       background-color: rgb(63,81,181); }
3903     .mdl-button--raised.mdl-button--colored .mdl-ripple {
3904       background: rgb(255,255,255); }
3905
3906 .mdl-button--fab {
3907   border-radius: 50%;
3908   font-size: 24px;
3909   height: 56px;
3910   margin: auto;
3911   min-width: 56px;
3912   width: 56px;
3913   padding: 0;
3914   overflow: hidden;
3915   background: rgba(158,158,158, 0.20);
3916   box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
3917   position: relative;
3918   line-height: normal; }
3919   .mdl-button--fab .material-icons {
3920     position: absolute;
3921     top: 50%;
3922     left: 50%;
3923     -webkit-transform: translate(-12px, -12px);
3924             transform: translate(-12px, -12px);
3925     line-height: 24px;
3926     width: 24px; }
3927   .mdl-button--fab.mdl-button--mini-fab {
3928     height: 40px;
3929     min-width: 40px;
3930     width: 40px; }
3931   .mdl-button--fab .mdl-button__ripple-container {
3932     border-radius: 50%;
3933     -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3934   .mdl-button--fab:active {
3935     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3936     background-color: rgba(158,158,158, 0.40); }
3937   .mdl-button--fab:focus:not(:active) {
3938     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
3939     background-color: rgba(158,158,158, 0.40); }
3940   .mdl-button--fab.mdl-button--colored {
3941     background: rgb(255,64,129);
3942     color: rgb(255,255,255); }
3943     .mdl-button--fab.mdl-button--colored:hover {
3944       background-color: rgb(255,64,129); }
3945     .mdl-button--fab.mdl-button--colored:focus:not(:active) {
3946       background-color: rgb(255,64,129); }
3947     .mdl-button--fab.mdl-button--colored:active {
3948       background-color: rgb(255,64,129); }
3949     .mdl-button--fab.mdl-button--colored .mdl-ripple {
3950       background: rgb(255,255,255); }
3951
3952 .mdl-button--icon {
3953   border-radius: 50%;
3954   font-size: 24px;
3955   height: 32px;
3956   margin-left: 0;
3957   margin-right: 0;
3958   min-width: 32px;
3959   width: 32px;
3960   padding: 0;
3961   overflow: hidden;
3962   color: inherit;
3963   line-height: normal; }
3964   .mdl-button--icon .material-icons {
3965     position: absolute;
3966     top: 50%;
3967     left: 50%;
3968     -webkit-transform: translate(-12px, -12px);
3969             transform: translate(-12px, -12px);
3970     line-height: 24px;
3971     width: 24px; }
3972   .mdl-button--icon.mdl-button--mini-icon {
3973     height: 24px;
3974     min-width: 24px;
3975     width: 24px; }
3976     .mdl-button--icon.mdl-button--mini-icon .material-icons {
3977       top: 0px;
3978       left: 0px; }
3979   .mdl-button--icon .mdl-button__ripple-container {
3980     border-radius: 50%;
3981     -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
3982
3983 .mdl-button__ripple-container {
3984   display: block;
3985   height: 100%;
3986   left: 0px;
3987   position: absolute;
3988   top: 0px;
3989   width: 100%;
3990   z-index: 0;
3991   overflow: hidden; }
3992   .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
3993   .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
3994     background-color: transparent; }
3995
3996 .mdl-button--primary.mdl-button--primary {
3997   color: rgb(63,81,181); }
3998   .mdl-button--primary.mdl-button--primary .mdl-ripple {
3999     background: rgb(255,255,255); }
4000   .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
4001     color: rgb(255,255,255);
4002     background-color: rgb(63,81,181); }
4003
4004 .mdl-button--accent.mdl-button--accent {
4005   color: rgb(255,64,129); }
4006   .mdl-button--accent.mdl-button--accent .mdl-ripple {
4007     background: rgb(255,255,255); }
4008   .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
4009     color: rgb(255,255,255);
4010     background-color: rgb(255,64,129); }
4011
4012 .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
4013   color: rgba(0,0,0, 0.26);
4014   cursor: default;
4015   background-color: transparent; }
4016
4017 .mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
4018   background-color: rgba(0,0,0, 0.12);
4019   color: rgba(0,0,0, 0.26); }
4020
4021 .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
4022   background-color: rgba(0,0,0, 0.12);
4023   color: rgba(0,0,0, 0.26);
4024   box-shadow: none; }
4025
4026 .mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
4027   color: rgba(0,0,0, 0.26); }
4028
4029 .mdl-button .material-icons {
4030   vertical-align: middle; }
4031
4032 /**
4033  * Copyright 2015 Google Inc. All Rights Reserved.
4034  *
4035  * Licensed under the Apache License, Version 2.0 (the "License");
4036  * you may not use this file except in compliance with the License.
4037  * You may obtain a copy of the License at
4038  *
4039  *      http://www.apache.org/licenses/LICENSE-2.0
4040  *
4041  * Unless required by applicable law or agreed to in writing, software
4042  * distributed under the License is distributed on an "AS IS" BASIS,
4043  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4044  * See the License for the specific language governing permissions and
4045  * limitations under the License.
4046  */
4047 /**
4048  * Copyright 2015 Google Inc. All Rights Reserved.
4049  *
4050  * Licensed under the Apache License, Version 2.0 (the "License");
4051  * you may not use this file except in compliance with the License.
4052  * You may obtain a copy of the License at
4053  *
4054  *      http://www.apache.org/licenses/LICENSE-2.0
4055  *
4056  * Unless required by applicable law or agreed to in writing, software
4057  * distributed under the License is distributed on an "AS IS" BASIS,
4058  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4059  * See the License for the specific language governing permissions and
4060  * limitations under the License.
4061  */
4062 /*------------------------------------*    $CONTENTS
4063 \*------------------------------------*/
4064 /**
4065  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4066  * -----Typography
4067  * -----Colors
4068  * -----Textfield
4069  * -----Switch
4070  * -----Spinner
4071  * -----Radio
4072  * -----Menu
4073  * -----List
4074  * -----Layout
4075  * -----Icon toggles
4076  * -----Footer
4077  * -----Column
4078  * -----Checkbox
4079  * -----Card
4080  * -----Button
4081  * -----Animation
4082  * -----Progress
4083  * -----Badge
4084  * -----Shadows
4085  * -----Grid
4086  * -----Data table
4087  * -----Dialog
4088  * -----Snackbar
4089  * -----Tooltip
4090  * -----Chip
4091  *
4092  * Even though all variables have the `!default` directive, most of them
4093  * should not be changed as they are dependent one another. This can cause
4094  * visual distortions (like alignment issues) that are hard to track down
4095  * and fix.
4096  */
4097 /* ==========  TYPOGRAPHY  ========== */
4098 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4099    page loading. For important text, such as the body, we want it to load
4100    immediately and not wait for the web font load, whereas for other sections,
4101    such as headers and titles, we're OK with things taking a bit longer to load.
4102    We do have some optional classes and parameters in the mixins, in case you
4103    definitely want to make sure you're using the preferred font and don't mind
4104    the performance hit.
4105    We should be able to improve on this once CSS Font Loading L3 becomes more
4106    widely available.
4107 */
4108 /* ==========  COLORS  ========== */
4109 /**
4110 *
4111 * Material design color palettes.
4112 * @see http://www.google.com/design/spec/style/color.html
4113 *
4114 **/
4115 /**
4116  * Copyright 2015 Google Inc. All Rights Reserved.
4117  *
4118  * Licensed under the Apache License, Version 2.0 (the "License");
4119  * you may not use this file except in compliance with the License.
4120  * You may obtain a copy of the License at
4121  *
4122  *      http://www.apache.org/licenses/LICENSE-2.0
4123  *
4124  * Unless required by applicable law or agreed to in writing, software
4125  * distributed under the License is distributed on an "AS IS" BASIS,
4126  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4127  * See the License for the specific language governing permissions and
4128  * limitations under the License.
4129  */
4130 /* ==========  Color Palettes  ========== */
4131 /* colors.scss */
4132 /**
4133  * Copyright 2015 Google Inc. All Rights Reserved.
4134  *
4135  * Licensed under the Apache License, Version 2.0 (the "License");
4136  * you may not use this file except in compliance with the License.
4137  * You may obtain a copy of the License at
4138  *
4139  *      http://www.apache.org/licenses/LICENSE-2.0
4140  *
4141  * Unless required by applicable law or agreed to in writing, software
4142  * distributed under the License is distributed on an "AS IS" BASIS,
4143  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4144  * See the License for the specific language governing permissions and
4145  * limitations under the License.
4146  */
4147 /* ==========  IMAGES  ========== */
4148 /* ==========  Color & Themes  ========== */
4149 /* ==========  Typography  ========== */
4150 /* ==========  Components  ========== */
4151 /* ==========  Standard Buttons  ========== */
4152 /* ==========  Icon Toggles  ========== */
4153 /* ==========  Radio Buttons  ========== */
4154 /* ==========  Ripple effect  ========== */
4155 /* ==========  Layout  ========== */
4156 /* ==========  Content Tabs  ========== */
4157 /* ==========  Checkboxes  ========== */
4158 /* ==========  Switches  ========== */
4159 /* ==========  Spinner  ========== */
4160 /* ==========  Text fields  ========== */
4161 /* ==========  Card  ========== */
4162 /* ==========  Sliders ========== */
4163 /* ========== Progress ========== */
4164 /* ==========  List ========== */
4165 /* ==========  Item ========== */
4166 /* ==========  Dropdown menu ========== */
4167 /* ==========  Tooltips  ========== */
4168 /* ==========  Footer  ========== */
4169 /* TEXTFIELD */
4170 /* SWITCH */
4171 /* SPINNER */
4172 /* RADIO */
4173 /* MENU */
4174 /* LIST */
4175 /* LAYOUT */
4176 /* ICON TOGGLE */
4177 /* FOOTER */
4178 /*mega-footer*/
4179 /*mini-footer*/
4180 /* CHECKBOX */
4181 /* CARD */
4182 /* Card dimensions */
4183 /* Cover image */
4184 /* BUTTON */
4185 /**
4186  *
4187  * Dimensions
4188  *
4189  */
4190 /* ANIMATION */
4191 /* PROGRESS */
4192 /* BADGE */
4193 /* SHADOWS */
4194 /* GRID */
4195 /* DATA TABLE */
4196 /* DIALOG */
4197 /* SNACKBAR */
4198 /* TOOLTIP */
4199 /* CHIP */
4200 .mdl-card {
4201   display: -webkit-flex;
4202   display: -ms-flexbox;
4203   display: flex;
4204   -webkit-flex-direction: column;
4205       -ms-flex-direction: column;
4206           flex-direction: column;
4207   font-size: 16px;
4208   font-weight: 400;
4209   min-height: 200px;
4210   overflow: hidden;
4211   width: 330px;
4212   z-index: 1;
4213   position: relative;
4214   background: rgb(255,255,255);
4215   border-radius: 2px;
4216   box-sizing: border-box; }
4217
4218 .mdl-card__media {
4219   background-color: rgb(255,64,129);
4220   background-repeat: repeat;
4221   background-position: 50% 50%;
4222   background-size: cover;
4223   background-origin: padding-box;
4224   background-attachment: scroll;
4225   box-sizing: border-box; }
4226
4227 .mdl-card__title {
4228   -webkit-align-items: center;
4229       -ms-flex-align: center;
4230           align-items: center;
4231   color: rgb(0,0,0);
4232   display: block;
4233   display: -webkit-flex;
4234   display: -ms-flexbox;
4235   display: flex;
4236   -webkit-justify-content: stretch;
4237       -ms-flex-pack: stretch;
4238           justify-content: stretch;
4239   line-height: normal;
4240   padding: 16px 16px;
4241   -webkit-perspective-origin: 165px 56px;
4242           perspective-origin: 165px 56px;
4243   -webkit-transform-origin: 165px 56px;
4244           transform-origin: 165px 56px;
4245   box-sizing: border-box; }
4246   .mdl-card__title.mdl-card--border {
4247     border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4248
4249 .mdl-card__title-text {
4250   -webkit-align-self: flex-end;
4251       -ms-flex-item-align: end;
4252           align-self: flex-end;
4253   color: inherit;
4254   display: block;
4255   display: -webkit-flex;
4256   display: -ms-flexbox;
4257   display: flex;
4258   font-size: 24px;
4259   font-weight: 300;
4260   line-height: normal;
4261   overflow: hidden;
4262   -webkit-transform-origin: 149px 48px;
4263           transform-origin: 149px 48px;
4264   margin: 0; }
4265
4266 .mdl-card__subtitle-text {
4267   font-size: 14px;
4268   color: rgba(0,0,0, 0.54);
4269   margin: 0; }
4270
4271 .mdl-card__supporting-text {
4272   color: rgba(0,0,0, 0.54);
4273   font-size: 1rem;
4274   line-height: 18px;
4275   overflow: hidden;
4276   padding: 16px 16px;
4277   width: 90%; }
4278   .mdl-card__supporting-text.mdl-card--border {
4279     border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
4280
4281 .mdl-card__actions {
4282   font-size: 16px;
4283   line-height: normal;
4284   width: 100%;
4285   background-color: transparent;
4286   padding: 8px;
4287   box-sizing: border-box; }
4288   .mdl-card__actions.mdl-card--border {
4289     border-top: 1px solid rgba(0, 0, 0, 0.1); }
4290
4291 .mdl-card--expand {
4292   -webkit-flex-grow: 1;
4293       -ms-flex-positive: 1;
4294           flex-grow: 1; }
4295
4296 .mdl-card__menu {
4297   position: absolute;
4298   right: 16px;
4299   top: 16px; }
4300
4301 /**
4302  * Copyright 2015 Google Inc. All Rights Reserved.
4303  *
4304  * Licensed under the Apache License, Version 2.0 (the "License");
4305  * you may not use this file except in compliance with the License.
4306  * You may obtain a copy of the License at
4307  *
4308  *      http://www.apache.org/licenses/LICENSE-2.0
4309  *
4310  * Unless required by applicable law or agreed to in writing, software
4311  * distributed under the License is distributed on an "AS IS" BASIS,
4312  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4313  * See the License for the specific language governing permissions and
4314  * limitations under the License.
4315  */
4316 /**
4317  * Copyright 2015 Google Inc. All Rights Reserved.
4318  *
4319  * Licensed under the Apache License, Version 2.0 (the "License");
4320  * you may not use this file except in compliance with the License.
4321  * You may obtain a copy of the License at
4322  *
4323  *      http://www.apache.org/licenses/LICENSE-2.0
4324  *
4325  * Unless required by applicable law or agreed to in writing, software
4326  * distributed under the License is distributed on an "AS IS" BASIS,
4327  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4328  * See the License for the specific language governing permissions and
4329  * limitations under the License.
4330  */
4331 /*------------------------------------*    $CONTENTS
4332 \*------------------------------------*/
4333 /**
4334  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4335  * -----Typography
4336  * -----Colors
4337  * -----Textfield
4338  * -----Switch
4339  * -----Spinner
4340  * -----Radio
4341  * -----Menu
4342  * -----List
4343  * -----Layout
4344  * -----Icon toggles
4345  * -----Footer
4346  * -----Column
4347  * -----Checkbox
4348  * -----Card
4349  * -----Button
4350  * -----Animation
4351  * -----Progress
4352  * -----Badge
4353  * -----Shadows
4354  * -----Grid
4355  * -----Data table
4356  * -----Dialog
4357  * -----Snackbar
4358  * -----Tooltip
4359  * -----Chip
4360  *
4361  * Even though all variables have the `!default` directive, most of them
4362  * should not be changed as they are dependent one another. This can cause
4363  * visual distortions (like alignment issues) that are hard to track down
4364  * and fix.
4365  */
4366 /* ==========  TYPOGRAPHY  ========== */
4367 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4368    page loading. For important text, such as the body, we want it to load
4369    immediately and not wait for the web font load, whereas for other sections,
4370    such as headers and titles, we're OK with things taking a bit longer to load.
4371    We do have some optional classes and parameters in the mixins, in case you
4372    definitely want to make sure you're using the preferred font and don't mind
4373    the performance hit.
4374    We should be able to improve on this once CSS Font Loading L3 becomes more
4375    widely available.
4376 */
4377 /* ==========  COLORS  ========== */
4378 /**
4379 *
4380 * Material design color palettes.
4381 * @see http://www.google.com/design/spec/style/color.html
4382 *
4383 **/
4384 /**
4385  * Copyright 2015 Google Inc. All Rights Reserved.
4386  *
4387  * Licensed under the Apache License, Version 2.0 (the "License");
4388  * you may not use this file except in compliance with the License.
4389  * You may obtain a copy of the License at
4390  *
4391  *      http://www.apache.org/licenses/LICENSE-2.0
4392  *
4393  * Unless required by applicable law or agreed to in writing, software
4394  * distributed under the License is distributed on an "AS IS" BASIS,
4395  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4396  * See the License for the specific language governing permissions and
4397  * limitations under the License.
4398  */
4399 /* ==========  Color Palettes  ========== */
4400 /* colors.scss */
4401 /**
4402  * Copyright 2015 Google Inc. All Rights Reserved.
4403  *
4404  * Licensed under the Apache License, Version 2.0 (the "License");
4405  * you may not use this file except in compliance with the License.
4406  * You may obtain a copy of the License at
4407  *
4408  *      http://www.apache.org/licenses/LICENSE-2.0
4409  *
4410  * Unless required by applicable law or agreed to in writing, software
4411  * distributed under the License is distributed on an "AS IS" BASIS,
4412  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4413  * See the License for the specific language governing permissions and
4414  * limitations under the License.
4415  */
4416 /* ==========  IMAGES  ========== */
4417 /* ==========  Color & Themes  ========== */
4418 /* ==========  Typography  ========== */
4419 /* ==========  Components  ========== */
4420 /* ==========  Standard Buttons  ========== */
4421 /* ==========  Icon Toggles  ========== */
4422 /* ==========  Radio Buttons  ========== */
4423 /* ==========  Ripple effect  ========== */
4424 /* ==========  Layout  ========== */
4425 /* ==========  Content Tabs  ========== */
4426 /* ==========  Checkboxes  ========== */
4427 /* ==========  Switches  ========== */
4428 /* ==========  Spinner  ========== */
4429 /* ==========  Text fields  ========== */
4430 /* ==========  Card  ========== */
4431 /* ==========  Sliders ========== */
4432 /* ========== Progress ========== */
4433 /* ==========  List ========== */
4434 /* ==========  Item ========== */
4435 /* ==========  Dropdown menu ========== */
4436 /* ==========  Tooltips  ========== */
4437 /* ==========  Footer  ========== */
4438 /* TEXTFIELD */
4439 /* SWITCH */
4440 /* SPINNER */
4441 /* RADIO */
4442 /* MENU */
4443 /* LIST */
4444 /* LAYOUT */
4445 /* ICON TOGGLE */
4446 /* FOOTER */
4447 /*mega-footer*/
4448 /*mini-footer*/
4449 /* CHECKBOX */
4450 /* CARD */
4451 /* Card dimensions */
4452 /* Cover image */
4453 /* BUTTON */
4454 /**
4455  *
4456  * Dimensions
4457  *
4458  */
4459 /* ANIMATION */
4460 /* PROGRESS */
4461 /* BADGE */
4462 /* SHADOWS */
4463 /* GRID */
4464 /* DATA TABLE */
4465 /* DIALOG */
4466 /* SNACKBAR */
4467 /* TOOLTIP */
4468 /* CHIP */
4469 /**
4470  * Copyright 2015 Google Inc. All Rights Reserved.
4471  *
4472  * Licensed under the Apache License, Version 2.0 (the "License");
4473  * you may not use this file except in compliance with the License.
4474  * You may obtain a copy of the License at
4475  *
4476  *      http://www.apache.org/licenses/LICENSE-2.0
4477  *
4478  * Unless required by applicable law or agreed to in writing, software
4479  * distributed under the License is distributed on an "AS IS" BASIS,
4480  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4481  * See the License for the specific language governing permissions and
4482  * limitations under the License.
4483  */
4484 /* Typography */
4485 /* Shadows */
4486 /* Animations */
4487 /* Dialog */
4488 .mdl-checkbox {
4489   position: relative;
4490   z-index: 1;
4491   vertical-align: middle;
4492   display: inline-block;
4493   box-sizing: border-box;
4494   width: 100%;
4495   height: 24px;
4496   margin: 0;
4497   padding: 0; }
4498   .mdl-checkbox.is-upgraded {
4499     padding-left: 24px; }
4500
4501 .mdl-checkbox__input {
4502   line-height: 24px; }
4503   .mdl-checkbox.is-upgraded .mdl-checkbox__input {
4504     position: absolute;
4505     width: 0;
4506     height: 0;
4507     margin: 0;
4508     padding: 0;
4509     opacity: 0;
4510     -ms-appearance: none;
4511     -moz-appearance: none;
4512     -webkit-appearance: none;
4513     appearance: none;
4514     border: none; }
4515
4516 .mdl-checkbox__box-outline {
4517   position: absolute;
4518   top: 3px;
4519   left: 0;
4520   display: inline-block;
4521   box-sizing: border-box;
4522   width: 16px;
4523   height: 16px;
4524   margin: 0;
4525   cursor: pointer;
4526   overflow: hidden;
4527   border: 2px solid rgba(0,0,0, 0.54);
4528   border-radius: 2px;
4529   z-index: 2; }
4530   .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
4531     border: 2px solid rgb(63,81,181); }
4532   fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
4533   .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
4534     border: 2px solid rgba(0,0,0, 0.26);
4535     cursor: auto; }
4536
4537 .mdl-checkbox__focus-helper {
4538   position: absolute;
4539   top: 3px;
4540   left: 0;
4541   display: inline-block;
4542   box-sizing: border-box;
4543   width: 16px;
4544   height: 16px;
4545   border-radius: 50%;
4546   background-color: transparent; }
4547   .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
4548     box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
4549     background-color: rgba(0, 0, 0, 0.1); }
4550   .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
4551     box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
4552     background-color: rgba(63,81,181, 0.26); }
4553
4554 .mdl-checkbox__tick-outline {
4555   position: absolute;
4556   top: 0;
4557   left: 0;
4558   height: 100%;
4559   width: 100%;
4560   -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4561           mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
4562   background: transparent;
4563   transition-duration: 0.28s;
4564   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4565   transition-property: background; }
4566   .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
4567     background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4568   fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
4569   .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
4570     background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
4571
4572 .mdl-checkbox__label {
4573   position: relative;
4574   cursor: pointer;
4575   font-size: 16px;
4576   line-height: 24px;
4577   margin: 0; }
4578   fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
4579   .mdl-checkbox.is-disabled .mdl-checkbox__label {
4580     color: rgba(0,0,0, 0.26);
4581     cursor: auto; }
4582
4583 .mdl-checkbox__ripple-container {
4584   position: absolute;
4585   z-index: 2;
4586   top: -6px;
4587   left: -10px;
4588   box-sizing: border-box;
4589   width: 36px;
4590   height: 36px;
4591   border-radius: 50%;
4592   cursor: pointer;
4593   overflow: hidden;
4594   -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
4595   .mdl-checkbox__ripple-container .mdl-ripple {
4596     background: rgb(63,81,181); }
4597   fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
4598   .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
4599     cursor: auto; }
4600   fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
4601   .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
4602     background: transparent; }
4603
4604 /**
4605  * Copyright 2015 Google Inc. All Rights Reserved.
4606  *
4607  * Licensed under the Apache License, Version 2.0 (the "License");
4608  * you may not use this file except in compliance with the License.
4609  * You may obtain a copy of the License at
4610  *
4611  *      http://www.apache.org/licenses/LICENSE-2.0
4612  *
4613  * Unless required by applicable law or agreed to in writing, software
4614  * distributed under the License is distributed on an "AS IS" BASIS,
4615  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4616  * See the License for the specific language governing permissions and
4617  * limitations under the License.
4618  */
4619 /**
4620  * Copyright 2015 Google Inc. All Rights Reserved.
4621  *
4622  * Licensed under the Apache License, Version 2.0 (the "License");
4623  * you may not use this file except in compliance with the License.
4624  * You may obtain a copy of the License at
4625  *
4626  *      http://www.apache.org/licenses/LICENSE-2.0
4627  *
4628  * Unless required by applicable law or agreed to in writing, software
4629  * distributed under the License is distributed on an "AS IS" BASIS,
4630  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4631  * See the License for the specific language governing permissions and
4632  * limitations under the License.
4633  */
4634 /*------------------------------------*    $CONTENTS
4635 \*------------------------------------*/
4636 /**
4637  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4638  * -----Typography
4639  * -----Colors
4640  * -----Textfield
4641  * -----Switch
4642  * -----Spinner
4643  * -----Radio
4644  * -----Menu
4645  * -----List
4646  * -----Layout
4647  * -----Icon toggles
4648  * -----Footer
4649  * -----Column
4650  * -----Checkbox
4651  * -----Card
4652  * -----Button
4653  * -----Animation
4654  * -----Progress
4655  * -----Badge
4656  * -----Shadows
4657  * -----Grid
4658  * -----Data table
4659  * -----Dialog
4660  * -----Snackbar
4661  * -----Tooltip
4662  * -----Chip
4663  *
4664  * Even though all variables have the `!default` directive, most of them
4665  * should not be changed as they are dependent one another. This can cause
4666  * visual distortions (like alignment issues) that are hard to track down
4667  * and fix.
4668  */
4669 /* ==========  TYPOGRAPHY  ========== */
4670 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4671    page loading. For important text, such as the body, we want it to load
4672    immediately and not wait for the web font load, whereas for other sections,
4673    such as headers and titles, we're OK with things taking a bit longer to load.
4674    We do have some optional classes and parameters in the mixins, in case you
4675    definitely want to make sure you're using the preferred font and don't mind
4676    the performance hit.
4677    We should be able to improve on this once CSS Font Loading L3 becomes more
4678    widely available.
4679 */
4680 /* ==========  COLORS  ========== */
4681 /**
4682 *
4683 * Material design color palettes.
4684 * @see http://www.google.com/design/spec/style/color.html
4685 *
4686 **/
4687 /**
4688  * Copyright 2015 Google Inc. All Rights Reserved.
4689  *
4690  * Licensed under the Apache License, Version 2.0 (the "License");
4691  * you may not use this file except in compliance with the License.
4692  * You may obtain a copy of the License at
4693  *
4694  *      http://www.apache.org/licenses/LICENSE-2.0
4695  *
4696  * Unless required by applicable law or agreed to in writing, software
4697  * distributed under the License is distributed on an "AS IS" BASIS,
4698  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4699  * See the License for the specific language governing permissions and
4700  * limitations under the License.
4701  */
4702 /* ==========  Color Palettes  ========== */
4703 /* colors.scss */
4704 /**
4705  * Copyright 2015 Google Inc. All Rights Reserved.
4706  *
4707  * Licensed under the Apache License, Version 2.0 (the "License");
4708  * you may not use this file except in compliance with the License.
4709  * You may obtain a copy of the License at
4710  *
4711  *      http://www.apache.org/licenses/LICENSE-2.0
4712  *
4713  * Unless required by applicable law or agreed to in writing, software
4714  * distributed under the License is distributed on an "AS IS" BASIS,
4715  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4716  * See the License for the specific language governing permissions and
4717  * limitations under the License.
4718  */
4719 /* ==========  IMAGES  ========== */
4720 /* ==========  Color & Themes  ========== */
4721 /* ==========  Typography  ========== */
4722 /* ==========  Components  ========== */
4723 /* ==========  Standard Buttons  ========== */
4724 /* ==========  Icon Toggles  ========== */
4725 /* ==========  Radio Buttons  ========== */
4726 /* ==========  Ripple effect  ========== */
4727 /* ==========  Layout  ========== */
4728 /* ==========  Content Tabs  ========== */
4729 /* ==========  Checkboxes  ========== */
4730 /* ==========  Switches  ========== */
4731 /* ==========  Spinner  ========== */
4732 /* ==========  Text fields  ========== */
4733 /* ==========  Card  ========== */
4734 /* ==========  Sliders ========== */
4735 /* ========== Progress ========== */
4736 /* ==========  List ========== */
4737 /* ==========  Item ========== */
4738 /* ==========  Dropdown menu ========== */
4739 /* ==========  Tooltips  ========== */
4740 /* ==========  Footer  ========== */
4741 /* TEXTFIELD */
4742 /* SWITCH */
4743 /* SPINNER */
4744 /* RADIO */
4745 /* MENU */
4746 /* LIST */
4747 /* LAYOUT */
4748 /* ICON TOGGLE */
4749 /* FOOTER */
4750 /*mega-footer*/
4751 /*mini-footer*/
4752 /* CHECKBOX */
4753 /* CARD */
4754 /* Card dimensions */
4755 /* Cover image */
4756 /* BUTTON */
4757 /**
4758  *
4759  * Dimensions
4760  *
4761  */
4762 /* ANIMATION */
4763 /* PROGRESS */
4764 /* BADGE */
4765 /* SHADOWS */
4766 /* GRID */
4767 /* DATA TABLE */
4768 /* DIALOG */
4769 /* SNACKBAR */
4770 /* TOOLTIP */
4771 /* CHIP */
4772 /**
4773  * Copyright 2015 Google Inc. All Rights Reserved.
4774  *
4775  * Licensed under the Apache License, Version 2.0 (the "License");
4776  * you may not use this file except in compliance with the License.
4777  * You may obtain a copy of the License at
4778  *
4779  *      http://www.apache.org/licenses/LICENSE-2.0
4780  *
4781  * Unless required by applicable law or agreed to in writing, software
4782  * distributed under the License is distributed on an "AS IS" BASIS,
4783  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4784  * See the License for the specific language governing permissions and
4785  * limitations under the License.
4786  */
4787 /* Typography */
4788 /* Shadows */
4789 /* Animations */
4790 /* Dialog */
4791 .mdl-chip {
4792   height: 32px;
4793   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
4794   line-height: 32px;
4795   padding: 0 12px;
4796   border: 0;
4797   border-radius: 16px;
4798   background-color: #dedede;
4799   display: inline-block;
4800   color: rgba(0,0,0, 0.87);
4801   margin: 2px 0;
4802   font-size: 0;
4803   white-space: nowrap; }
4804   .mdl-chip__text {
4805     font-size: 13px;
4806     vertical-align: middle;
4807     display: inline-block; }
4808   .mdl-chip__action {
4809     height: 24px;
4810     width: 24px;
4811     background: transparent;
4812     opacity: 0.54;
4813     display: inline-block;
4814     cursor: pointer;
4815     text-align: center;
4816     vertical-align: middle;
4817     padding: 0;
4818     margin: 0 0 0 4px;
4819     font-size: 13px;
4820     text-decoration: none;
4821     color: rgba(0,0,0, 0.87);
4822     border: none;
4823     outline: none;
4824     overflow: hidden; }
4825   .mdl-chip__contact {
4826     height: 32px;
4827     width: 32px;
4828     border-radius: 16px;
4829     display: inline-block;
4830     vertical-align: middle;
4831     margin-right: 8px;
4832     overflow: hidden;
4833     text-align: center;
4834     font-size: 18px;
4835     line-height: 32px; }
4836   .mdl-chip:focus {
4837     outline: 0;
4838     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
4839   .mdl-chip:active {
4840     background-color: #d6d6d6; }
4841   .mdl-chip--deletable {
4842     padding-right: 4px; }
4843   .mdl-chip--contact {
4844     padding-left: 0; }
4845
4846 /**
4847  * Copyright 2015 Google Inc. All Rights Reserved.
4848  *
4849  * Licensed under the Apache License, Version 2.0 (the "License");
4850  * you may not use this file except in compliance with the License.
4851  * You may obtain a copy of the License at
4852  *
4853  *      http://www.apache.org/licenses/LICENSE-2.0
4854  *
4855  * Unless required by applicable law or agreed to in writing, software
4856  * distributed under the License is distributed on an "AS IS" BASIS,
4857  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4858  * See the License for the specific language governing permissions and
4859  * limitations under the License.
4860  */
4861 /**
4862  * Copyright 2015 Google Inc. All Rights Reserved.
4863  *
4864  * Licensed under the Apache License, Version 2.0 (the "License");
4865  * you may not use this file except in compliance with the License.
4866  * You may obtain a copy of the License at
4867  *
4868  *      http://www.apache.org/licenses/LICENSE-2.0
4869  *
4870  * Unless required by applicable law or agreed to in writing, software
4871  * distributed under the License is distributed on an "AS IS" BASIS,
4872  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4873  * See the License for the specific language governing permissions and
4874  * limitations under the License.
4875  */
4876 /*------------------------------------*    $CONTENTS
4877 \*------------------------------------*/
4878 /**
4879  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4880  * -----Typography
4881  * -----Colors
4882  * -----Textfield
4883  * -----Switch
4884  * -----Spinner
4885  * -----Radio
4886  * -----Menu
4887  * -----List
4888  * -----Layout
4889  * -----Icon toggles
4890  * -----Footer
4891  * -----Column
4892  * -----Checkbox
4893  * -----Card
4894  * -----Button
4895  * -----Animation
4896  * -----Progress
4897  * -----Badge
4898  * -----Shadows
4899  * -----Grid
4900  * -----Data table
4901  * -----Dialog
4902  * -----Snackbar
4903  * -----Tooltip
4904  * -----Chip
4905  *
4906  * Even though all variables have the `!default` directive, most of them
4907  * should not be changed as they are dependent one another. This can cause
4908  * visual distortions (like alignment issues) that are hard to track down
4909  * and fix.
4910  */
4911 /* ==========  TYPOGRAPHY  ========== */
4912 /* We're splitting fonts into "preferred" and "performance" in order to optimize
4913    page loading. For important text, such as the body, we want it to load
4914    immediately and not wait for the web font load, whereas for other sections,
4915    such as headers and titles, we're OK with things taking a bit longer to load.
4916    We do have some optional classes and parameters in the mixins, in case you
4917    definitely want to make sure you're using the preferred font and don't mind
4918    the performance hit.
4919    We should be able to improve on this once CSS Font Loading L3 becomes more
4920    widely available.
4921 */
4922 /* ==========  COLORS  ========== */
4923 /**
4924 *
4925 * Material design color palettes.
4926 * @see http://www.google.com/design/spec/style/color.html
4927 *
4928 **/
4929 /**
4930  * Copyright 2015 Google Inc. All Rights Reserved.
4931  *
4932  * Licensed under the Apache License, Version 2.0 (the "License");
4933  * you may not use this file except in compliance with the License.
4934  * You may obtain a copy of the License at
4935  *
4936  *      http://www.apache.org/licenses/LICENSE-2.0
4937  *
4938  * Unless required by applicable law or agreed to in writing, software
4939  * distributed under the License is distributed on an "AS IS" BASIS,
4940  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4941  * See the License for the specific language governing permissions and
4942  * limitations under the License.
4943  */
4944 /* ==========  Color Palettes  ========== */
4945 /* colors.scss */
4946 /**
4947  * Copyright 2015 Google Inc. All Rights Reserved.
4948  *
4949  * Licensed under the Apache License, Version 2.0 (the "License");
4950  * you may not use this file except in compliance with the License.
4951  * You may obtain a copy of the License at
4952  *
4953  *      http://www.apache.org/licenses/LICENSE-2.0
4954  *
4955  * Unless required by applicable law or agreed to in writing, software
4956  * distributed under the License is distributed on an "AS IS" BASIS,
4957  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4958  * See the License for the specific language governing permissions and
4959  * limitations under the License.
4960  */
4961 /* ==========  IMAGES  ========== */
4962 /* ==========  Color & Themes  ========== */
4963 /* ==========  Typography  ========== */
4964 /* ==========  Components  ========== */
4965 /* ==========  Standard Buttons  ========== */
4966 /* ==========  Icon Toggles  ========== */
4967 /* ==========  Radio Buttons  ========== */
4968 /* ==========  Ripple effect  ========== */
4969 /* ==========  Layout  ========== */
4970 /* ==========  Content Tabs  ========== */
4971 /* ==========  Checkboxes  ========== */
4972 /* ==========  Switches  ========== */
4973 /* ==========  Spinner  ========== */
4974 /* ==========  Text fields  ========== */
4975 /* ==========  Card  ========== */
4976 /* ==========  Sliders ========== */
4977 /* ========== Progress ========== */
4978 /* ==========  List ========== */
4979 /* ==========  Item ========== */
4980 /* ==========  Dropdown menu ========== */
4981 /* ==========  Tooltips  ========== */
4982 /* ==========  Footer  ========== */
4983 /* TEXTFIELD */
4984 /* SWITCH */
4985 /* SPINNER */
4986 /* RADIO */
4987 /* MENU */
4988 /* LIST */
4989 /* LAYOUT */
4990 /* ICON TOGGLE */
4991 /* FOOTER */
4992 /*mega-footer*/
4993 /*mini-footer*/
4994 /* CHECKBOX */
4995 /* CARD */
4996 /* Card dimensions */
4997 /* Cover image */
4998 /* BUTTON */
4999 /**
5000  *
5001  * Dimensions
5002  *
5003  */
5004 /* ANIMATION */
5005 /* PROGRESS */
5006 /* BADGE */
5007 /* SHADOWS */
5008 /* GRID */
5009 /* DATA TABLE */
5010 /* DIALOG */
5011 /* SNACKBAR */
5012 /* TOOLTIP */
5013 /* CHIP */
5014 /**
5015  * Copyright 2015 Google Inc. All Rights Reserved.
5016  *
5017  * Licensed under the Apache License, Version 2.0 (the "License");
5018  * you may not use this file except in compliance with the License.
5019  * You may obtain a copy of the License at
5020  *
5021  *      http://www.apache.org/licenses/LICENSE-2.0
5022  *
5023  * Unless required by applicable law or agreed to in writing, software
5024  * distributed under the License is distributed on an "AS IS" BASIS,
5025  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5026  * See the License for the specific language governing permissions and
5027  * limitations under the License.
5028  */
5029 /* Typography */
5030 /* Shadows */
5031 /* Animations */
5032 /* Dialog */
5033 .mdl-data-table {
5034   position: relative;
5035   border: 1px solid rgba(0, 0, 0, 0.12);
5036   border-collapse: collapse;
5037   white-space: nowrap;
5038   font-size: 13px;
5039   background-color: rgb(255,255,255); }
5040   .mdl-data-table thead {
5041     padding-bottom: 3px; }
5042     .mdl-data-table thead .mdl-data-table__select {
5043       margin-top: 0; }
5044   .mdl-data-table tbody tr {
5045     position: relative;
5046     height: 48px;
5047     transition-duration: 0.28s;
5048     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5049     transition-property: background-color; }
5050     .mdl-data-table tbody tr.is-selected {
5051       background-color: #e0e0e0; }
5052     .mdl-data-table tbody tr:hover {
5053       background-color: #eeeeee; }
5054   .mdl-data-table td, .mdl-data-table th {
5055     padding: 0 18px 12px 18px;
5056     text-align: right; }
5057     .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
5058       padding-left: 24px; }
5059     .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
5060       padding-right: 24px; }
5061   .mdl-data-table td {
5062     position: relative;
5063     vertical-align: middle;
5064     height: 48px;
5065     border-top: 1px solid rgba(0, 0, 0, 0.12);
5066     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5067     padding-top: 12px;
5068     box-sizing: border-box; }
5069     .mdl-data-table td .mdl-data-table__select {
5070       vertical-align: middle; }
5071   .mdl-data-table th {
5072     position: relative;
5073     vertical-align: bottom;
5074     text-overflow: ellipsis;
5075     font-size: 14px;
5076     font-weight: bold;
5077     line-height: 24px;
5078     letter-spacing: 0;
5079     height: 48px;
5080     font-size: 12px;
5081     color: rgba(0, 0, 0, 0.54);
5082     padding-bottom: 8px;
5083     box-sizing: border-box; }
5084     .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
5085       color: rgba(0, 0, 0, 0.87); }
5086       .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5087         font-family: 'Material Icons';
5088         font-weight: normal;
5089         font-style: normal;
5090         font-size: 24px;
5091         line-height: 1;
5092         letter-spacing: normal;
5093         text-transform: none;
5094         display: inline-block;
5095         word-wrap: normal;
5096         -moz-font-feature-settings: 'liga';
5097              font-feature-settings: 'liga';
5098         -webkit-font-feature-settings: 'liga';
5099         -webkit-font-smoothing: antialiased;
5100         font-size: 16px;
5101         content: "\e5d8";
5102         margin-right: 5px;
5103         vertical-align: sub; }
5104       .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
5105         cursor: pointer; }
5106         .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
5107           color: rgba(0, 0, 0, 0.26); }
5108     .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
5109       content: "\e5db"; }
5110
5111 .mdl-data-table__select {
5112   width: 16px; }
5113
5114 .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
5115   text-align: left; }
5116
5117 /**
5118  * Copyright 2015 Google Inc. All Rights Reserved.
5119  *
5120  * Licensed under the Apache License, Version 2.0 (the "License");
5121  * you may not use this file except in compliance with the License.
5122  * You may obtain a copy of the License at
5123  *
5124  *      http://www.apache.org/licenses/LICENSE-2.0
5125  *
5126  * Unless required by applicable law or agreed to in writing, software
5127  * distributed under the License is distributed on an "AS IS" BASIS,
5128  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5129  * See the License for the specific language governing permissions and
5130  * limitations under the License.
5131  */
5132 /**
5133  * Copyright 2015 Google Inc. All Rights Reserved.
5134  *
5135  * Licensed under the Apache License, Version 2.0 (the "License");
5136  * you may not use this file except in compliance with the License.
5137  * You may obtain a copy of the License at
5138  *
5139  *      http://www.apache.org/licenses/LICENSE-2.0
5140  *
5141  * Unless required by applicable law or agreed to in writing, software
5142  * distributed under the License is distributed on an "AS IS" BASIS,
5143  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5144  * See the License for the specific language governing permissions and
5145  * limitations under the License.
5146  */
5147 /*------------------------------------*    $CONTENTS
5148 \*------------------------------------*/
5149 /**
5150  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5151  * -----Typography
5152  * -----Colors
5153  * -----Textfield
5154  * -----Switch
5155  * -----Spinner
5156  * -----Radio
5157  * -----Menu
5158  * -----List
5159  * -----Layout
5160  * -----Icon toggles
5161  * -----Footer
5162  * -----Column
5163  * -----Checkbox
5164  * -----Card
5165  * -----Button
5166  * -----Animation
5167  * -----Progress
5168  * -----Badge
5169  * -----Shadows
5170  * -----Grid
5171  * -----Data table
5172  * -----Dialog
5173  * -----Snackbar
5174  * -----Tooltip
5175  * -----Chip
5176  *
5177  * Even though all variables have the `!default` directive, most of them
5178  * should not be changed as they are dependent one another. This can cause
5179  * visual distortions (like alignment issues) that are hard to track down
5180  * and fix.
5181  */
5182 /* ==========  TYPOGRAPHY  ========== */
5183 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5184    page loading. For important text, such as the body, we want it to load
5185    immediately and not wait for the web font load, whereas for other sections,
5186    such as headers and titles, we're OK with things taking a bit longer to load.
5187    We do have some optional classes and parameters in the mixins, in case you
5188    definitely want to make sure you're using the preferred font and don't mind
5189    the performance hit.
5190    We should be able to improve on this once CSS Font Loading L3 becomes more
5191    widely available.
5192 */
5193 /* ==========  COLORS  ========== */
5194 /**
5195 *
5196 * Material design color palettes.
5197 * @see http://www.google.com/design/spec/style/color.html
5198 *
5199 **/
5200 /**
5201  * Copyright 2015 Google Inc. All Rights Reserved.
5202  *
5203  * Licensed under the Apache License, Version 2.0 (the "License");
5204  * you may not use this file except in compliance with the License.
5205  * You may obtain a copy of the License at
5206  *
5207  *      http://www.apache.org/licenses/LICENSE-2.0
5208  *
5209  * Unless required by applicable law or agreed to in writing, software
5210  * distributed under the License is distributed on an "AS IS" BASIS,
5211  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5212  * See the License for the specific language governing permissions and
5213  * limitations under the License.
5214  */
5215 /* ==========  Color Palettes  ========== */
5216 /* colors.scss */
5217 /**
5218  * Copyright 2015 Google Inc. All Rights Reserved.
5219  *
5220  * Licensed under the Apache License, Version 2.0 (the "License");
5221  * you may not use this file except in compliance with the License.
5222  * You may obtain a copy of the License at
5223  *
5224  *      http://www.apache.org/licenses/LICENSE-2.0
5225  *
5226  * Unless required by applicable law or agreed to in writing, software
5227  * distributed under the License is distributed on an "AS IS" BASIS,
5228  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5229  * See the License for the specific language governing permissions and
5230  * limitations under the License.
5231  */
5232 /* ==========  IMAGES  ========== */
5233 /* ==========  Color & Themes  ========== */
5234 /* ==========  Typography  ========== */
5235 /* ==========  Components  ========== */
5236 /* ==========  Standard Buttons  ========== */
5237 /* ==========  Icon Toggles  ========== */
5238 /* ==========  Radio Buttons  ========== */
5239 /* ==========  Ripple effect  ========== */
5240 /* ==========  Layout  ========== */
5241 /* ==========  Content Tabs  ========== */
5242 /* ==========  Checkboxes  ========== */
5243 /* ==========  Switches  ========== */
5244 /* ==========  Spinner  ========== */
5245 /* ==========  Text fields  ========== */
5246 /* ==========  Card  ========== */
5247 /* ==========  Sliders ========== */
5248 /* ========== Progress ========== */
5249 /* ==========  List ========== */
5250 /* ==========  Item ========== */
5251 /* ==========  Dropdown menu ========== */
5252 /* ==========  Tooltips  ========== */
5253 /* ==========  Footer  ========== */
5254 /* TEXTFIELD */
5255 /* SWITCH */
5256 /* SPINNER */
5257 /* RADIO */
5258 /* MENU */
5259 /* LIST */
5260 /* LAYOUT */
5261 /* ICON TOGGLE */
5262 /* FOOTER */
5263 /*mega-footer*/
5264 /*mini-footer*/
5265 /* CHECKBOX */
5266 /* CARD */
5267 /* Card dimensions */
5268 /* Cover image */
5269 /* BUTTON */
5270 /**
5271  *
5272  * Dimensions
5273  *
5274  */
5275 /* ANIMATION */
5276 /* PROGRESS */
5277 /* BADGE */
5278 /* SHADOWS */
5279 /* GRID */
5280 /* DATA TABLE */
5281 /* DIALOG */
5282 /* SNACKBAR */
5283 /* TOOLTIP */
5284 /* CHIP */
5285 /**
5286  * Copyright 2015 Google Inc. All Rights Reserved.
5287  *
5288  * Licensed under the Apache License, Version 2.0 (the "License");
5289  * you may not use this file except in compliance with the License.
5290  * You may obtain a copy of the License at
5291  *
5292  *      http://www.apache.org/licenses/LICENSE-2.0
5293  *
5294  * Unless required by applicable law or agreed to in writing, software
5295  * distributed under the License is distributed on an "AS IS" BASIS,
5296  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5297  * See the License for the specific language governing permissions and
5298  * limitations under the License.
5299  */
5300 /* Typography */
5301 /* Shadows */
5302 /* Animations */
5303 /* Dialog */
5304 .mdl-dialog {
5305   border: none;
5306   box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
5307   width: 280px; }
5308   .mdl-dialog__title {
5309     padding: 24px 24px 0;
5310     margin: 0;
5311     font-size: 2.5rem; }
5312   .mdl-dialog__actions {
5313     padding: 8px 8px 8px 24px;
5314     display: -webkit-flex;
5315     display: -ms-flexbox;
5316     display: flex;
5317     -webkit-flex-direction: row-reverse;
5318         -ms-flex-direction: row-reverse;
5319             flex-direction: row-reverse;
5320     -webkit-flex-wrap: wrap;
5321         -ms-flex-wrap: wrap;
5322             flex-wrap: wrap; }
5323     .mdl-dialog__actions > * {
5324       margin-right: 8px;
5325       height: 36px; }
5326       .mdl-dialog__actions > *:first-child {
5327         margin-right: 0; }
5328     .mdl-dialog__actions--full-width {
5329       padding: 0 0 8px 0; }
5330       .mdl-dialog__actions--full-width > * {
5331         height: 48px;
5332         -webkit-flex: 0 0 100%;
5333             -ms-flex: 0 0 100%;
5334                 flex: 0 0 100%;
5335         padding-right: 16px;
5336         margin-right: 0;
5337         text-align: right; }
5338   .mdl-dialog__content {
5339     padding: 20px 24px 24px 24px;
5340     color: rgba(0,0,0, 0.54); }
5341
5342 /**
5343  * Copyright 2015 Google Inc. All Rights Reserved.
5344  *
5345  * Licensed under the Apache License, Version 2.0 (the "License");
5346  * you may not use this file except in compliance with the License.
5347  * You may obtain a copy of the License at
5348  *
5349  *      http://www.apache.org/licenses/LICENSE-2.0
5350  *
5351  * Unless required by applicable law or agreed to in writing, software
5352  * distributed under the License is distributed on an "AS IS" BASIS,
5353  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5354  * See the License for the specific language governing permissions and
5355  * limitations under the License.
5356  */
5357 /**
5358  * Copyright 2015 Google Inc. All Rights Reserved.
5359  *
5360  * Licensed under the Apache License, Version 2.0 (the "License");
5361  * you may not use this file except in compliance with the License.
5362  * You may obtain a copy of the License at
5363  *
5364  *      http://www.apache.org/licenses/LICENSE-2.0
5365  *
5366  * Unless required by applicable law or agreed to in writing, software
5367  * distributed under the License is distributed on an "AS IS" BASIS,
5368  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5369  * See the License for the specific language governing permissions and
5370  * limitations under the License.
5371  */
5372 /*------------------------------------*    $CONTENTS
5373 \*------------------------------------*/
5374 /**
5375  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5376  * -----Typography
5377  * -----Colors
5378  * -----Textfield
5379  * -----Switch
5380  * -----Spinner
5381  * -----Radio
5382  * -----Menu
5383  * -----List
5384  * -----Layout
5385  * -----Icon toggles
5386  * -----Footer
5387  * -----Column
5388  * -----Checkbox
5389  * -----Card
5390  * -----Button
5391  * -----Animation
5392  * -----Progress
5393  * -----Badge
5394  * -----Shadows
5395  * -----Grid
5396  * -----Data table
5397  * -----Dialog
5398  * -----Snackbar
5399  * -----Tooltip
5400  * -----Chip
5401  *
5402  * Even though all variables have the `!default` directive, most of them
5403  * should not be changed as they are dependent one another. This can cause
5404  * visual distortions (like alignment issues) that are hard to track down
5405  * and fix.
5406  */
5407 /* ==========  TYPOGRAPHY  ========== */
5408 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5409    page loading. For important text, such as the body, we want it to load
5410    immediately and not wait for the web font load, whereas for other sections,
5411    such as headers and titles, we're OK with things taking a bit longer to load.
5412    We do have some optional classes and parameters in the mixins, in case you
5413    definitely want to make sure you're using the preferred font and don't mind
5414    the performance hit.
5415    We should be able to improve on this once CSS Font Loading L3 becomes more
5416    widely available.
5417 */
5418 /* ==========  COLORS  ========== */
5419 /**
5420 *
5421 * Material design color palettes.
5422 * @see http://www.google.com/design/spec/style/color.html
5423 *
5424 **/
5425 /**
5426  * Copyright 2015 Google Inc. All Rights Reserved.
5427  *
5428  * Licensed under the Apache License, Version 2.0 (the "License");
5429  * you may not use this file except in compliance with the License.
5430  * You may obtain a copy of the License at
5431  *
5432  *      http://www.apache.org/licenses/LICENSE-2.0
5433  *
5434  * Unless required by applicable law or agreed to in writing, software
5435  * distributed under the License is distributed on an "AS IS" BASIS,
5436  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5437  * See the License for the specific language governing permissions and
5438  * limitations under the License.
5439  */
5440 /* ==========  Color Palettes  ========== */
5441 /* colors.scss */
5442 /**
5443  * Copyright 2015 Google Inc. All Rights Reserved.
5444  *
5445  * Licensed under the Apache License, Version 2.0 (the "License");
5446  * you may not use this file except in compliance with the License.
5447  * You may obtain a copy of the License at
5448  *
5449  *      http://www.apache.org/licenses/LICENSE-2.0
5450  *
5451  * Unless required by applicable law or agreed to in writing, software
5452  * distributed under the License is distributed on an "AS IS" BASIS,
5453  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5454  * See the License for the specific language governing permissions and
5455  * limitations under the License.
5456  */
5457 /* ==========  IMAGES  ========== */
5458 /* ==========  Color & Themes  ========== */
5459 /* ==========  Typography  ========== */
5460 /* ==========  Components  ========== */
5461 /* ==========  Standard Buttons  ========== */
5462 /* ==========  Icon Toggles  ========== */
5463 /* ==========  Radio Buttons  ========== */
5464 /* ==========  Ripple effect  ========== */
5465 /* ==========  Layout  ========== */
5466 /* ==========  Content Tabs  ========== */
5467 /* ==========  Checkboxes  ========== */
5468 /* ==========  Switches  ========== */
5469 /* ==========  Spinner  ========== */
5470 /* ==========  Text fields  ========== */
5471 /* ==========  Card  ========== */
5472 /* ==========  Sliders ========== */
5473 /* ========== Progress ========== */
5474 /* ==========  List ========== */
5475 /* ==========  Item ========== */
5476 /* ==========  Dropdown menu ========== */
5477 /* ==========  Tooltips  ========== */
5478 /* ==========  Footer  ========== */
5479 /* TEXTFIELD */
5480 /* SWITCH */
5481 /* SPINNER */
5482 /* RADIO */
5483 /* MENU */
5484 /* LIST */
5485 /* LAYOUT */
5486 /* ICON TOGGLE */
5487 /* FOOTER */
5488 /*mega-footer*/
5489 /*mini-footer*/
5490 /* CHECKBOX */
5491 /* CARD */
5492 /* Card dimensions */
5493 /* Cover image */
5494 /* BUTTON */
5495 /**
5496  *
5497  * Dimensions
5498  *
5499  */
5500 /* ANIMATION */
5501 /* PROGRESS */
5502 /* BADGE */
5503 /* SHADOWS */
5504 /* GRID */
5505 /* DATA TABLE */
5506 /* DIALOG */
5507 /* SNACKBAR */
5508 /* TOOLTIP */
5509 /* CHIP */
5510 /**
5511  * Copyright 2015 Google Inc. All Rights Reserved.
5512  *
5513  * Licensed under the Apache License, Version 2.0 (the "License");
5514  * you may not use this file except in compliance with the License.
5515  * You may obtain a copy of the License at
5516  *
5517  *      http://www.apache.org/licenses/LICENSE-2.0
5518  *
5519  * Unless required by applicable law or agreed to in writing, software
5520  * distributed under the License is distributed on an "AS IS" BASIS,
5521  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5522  * See the License for the specific language governing permissions and
5523  * limitations under the License.
5524  */
5525 /* Typography */
5526 /* Shadows */
5527 /* Animations */
5528 /* Dialog */
5529 .mdl-mega-footer {
5530   padding: 16px 40px;
5531   color: rgb(158,158,158);
5532   background-color: rgb(66,66,66); }
5533
5534 .mdl-mega-footer--top-section:after,
5535 .mdl-mega-footer--middle-section:after,
5536 .mdl-mega-footer--bottom-section:after,
5537 .mdl-mega-footer__top-section:after,
5538 .mdl-mega-footer__middle-section:after,
5539 .mdl-mega-footer__bottom-section:after {
5540   content: '';
5541   display: block;
5542   clear: both; }
5543
5544 .mdl-mega-footer--left-section,
5545 .mdl-mega-footer__left-section {
5546   margin-bottom: 16px; }
5547
5548 .mdl-mega-footer--right-section,
5549 .mdl-mega-footer__right-section {
5550   margin-bottom: 16px; }
5551
5552 .mdl-mega-footer--right-section a,
5553 .mdl-mega-footer__right-section a {
5554   display: block;
5555   margin-bottom: 16px;
5556   color: inherit;
5557   text-decoration: none; }
5558
5559 @media screen and (min-width: 760px) {
5560   .mdl-mega-footer--left-section,
5561   .mdl-mega-footer__left-section {
5562     float: left; }
5563   .mdl-mega-footer--right-section,
5564   .mdl-mega-footer__right-section {
5565     float: right; }
5566   .mdl-mega-footer--right-section a,
5567   .mdl-mega-footer__right-section a {
5568     display: inline-block;
5569     margin-left: 16px;
5570     line-height: 36px;
5571     vertical-align: middle; } }
5572
5573 .mdl-mega-footer--social-btn,
5574 .mdl-mega-footer__social-btn {
5575   width: 36px;
5576   height: 36px;
5577   padding: 0;
5578   margin: 0;
5579   background-color: rgb(158,158,158);
5580   border: none; }
5581
5582 .mdl-mega-footer--drop-down-section,
5583 .mdl-mega-footer__drop-down-section {
5584   display: block;
5585   position: relative; }
5586
5587 @media screen and (min-width: 760px) {
5588   .mdl-mega-footer--drop-down-section,
5589   .mdl-mega-footer__drop-down-section {
5590     width: 33%; }
5591   .mdl-mega-footer--drop-down-section:nth-child(1),
5592   .mdl-mega-footer--drop-down-section:nth-child(2),
5593   .mdl-mega-footer__drop-down-section:nth-child(1),
5594   .mdl-mega-footer__drop-down-section:nth-child(2) {
5595     float: left; }
5596   .mdl-mega-footer--drop-down-section:nth-child(3),
5597   .mdl-mega-footer__drop-down-section:nth-child(3) {
5598     float: right; }
5599     .mdl-mega-footer--drop-down-section:nth-child(3):after,
5600     .mdl-mega-footer__drop-down-section:nth-child(3):after {
5601       clear: right; }
5602   .mdl-mega-footer--drop-down-section:nth-child(4),
5603   .mdl-mega-footer__drop-down-section:nth-child(4) {
5604     clear: right;
5605     float: right; }
5606   .mdl-mega-footer--middle-section:after,
5607   .mdl-mega-footer__middle-section:after {
5608     content: '';
5609     display: block;
5610     clear: both; }
5611   .mdl-mega-footer--bottom-section,
5612   .mdl-mega-footer__bottom-section {
5613     padding-top: 0; } }
5614
5615 @media screen and (min-width: 1024px) {
5616   .mdl-mega-footer--drop-down-section,
5617   .mdl-mega-footer--drop-down-section:nth-child(3),
5618   .mdl-mega-footer--drop-down-section:nth-child(4),
5619   .mdl-mega-footer__drop-down-section,
5620   .mdl-mega-footer__drop-down-section:nth-child(3),
5621   .mdl-mega-footer__drop-down-section:nth-child(4) {
5622     width: 24%;
5623     float: left; } }
5624
5625 .mdl-mega-footer--heading-checkbox,
5626 .mdl-mega-footer__heading-checkbox {
5627   position: absolute;
5628   width: 100%;
5629   height: 55.8px;
5630   padding: 32px;
5631   margin: 0;
5632   margin-top: -16px;
5633   cursor: pointer;
5634   z-index: 1;
5635   opacity: 0; }
5636   .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5637   .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5638   .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5639   .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5640     font-family: 'Material Icons';
5641     content: '\E5CE'; }
5642
5643 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5644 .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5645 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5646 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5647 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5648 .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5649 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5650 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
5651   display: none; }
5652
5653 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5654 .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5655 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5656 .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5657   font-family: 'Material Icons';
5658   content: '\E5CF'; }
5659
5660 .mdl-mega-footer--heading,
5661 .mdl-mega-footer__heading {
5662   position: relative;
5663   width: 100%;
5664   padding-right: 39.8px;
5665   margin-bottom: 16px;
5666   box-sizing: border-box;
5667   font-size: 14px;
5668   line-height: 23.8px;
5669   font-weight: 500;
5670   white-space: nowrap;
5671   text-overflow: ellipsis;
5672   overflow: hidden;
5673   color: rgb(224,224,224); }
5674
5675 .mdl-mega-footer--heading:after,
5676 .mdl-mega-footer__heading:after {
5677   content: '';
5678   position: absolute;
5679   top: 0;
5680   right: 0;
5681   display: block;
5682   width: 23.8px;
5683   height: 23.8px;
5684   background-size: cover; }
5685
5686 .mdl-mega-footer--link-list,
5687 .mdl-mega-footer__link-list {
5688   list-style: none;
5689   margin: 0;
5690   padding: 0;
5691   margin-bottom: 32px; }
5692   .mdl-mega-footer--link-list:after,
5693   .mdl-mega-footer__link-list:after {
5694     clear: both;
5695     display: block;
5696     content: ''; }
5697
5698 .mdl-mega-footer--link-list li,
5699 .mdl-mega-footer__link-list li {
5700   font-size: 14px;
5701   font-weight: 400;
5702   line-height: 24px;
5703   letter-spacing: 0;
5704   line-height: 20px; }
5705
5706 .mdl-mega-footer--link-list a,
5707 .mdl-mega-footer__link-list a {
5708   color: inherit;
5709   text-decoration: none;
5710   white-space: nowrap; }
5711
5712 @media screen and (min-width: 760px) {
5713   .mdl-mega-footer--heading-checkbox,
5714   .mdl-mega-footer__heading-checkbox {
5715     display: none; }
5716     .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
5717     .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
5718     .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
5719     .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
5720       content: ''; }
5721   .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5722   .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5723   .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5724   .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
5725   .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
5726   .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
5727   .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
5728   .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
5729     display: block; }
5730   .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
5731   .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
5732   .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
5733   .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
5734     content: ''; } }
5735
5736 .mdl-mega-footer--bottom-section,
5737 .mdl-mega-footer__bottom-section {
5738   padding-top: 16px;
5739   margin-bottom: 16px; }
5740
5741 .mdl-logo {
5742   margin-bottom: 16px;
5743   color: white; }
5744
5745 .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
5746 .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
5747   float: left;
5748   margin-bottom: 0;
5749   margin-right: 16px; }
5750
5751 @media screen and (min-width: 760px) {
5752   .mdl-logo {
5753     float: left;
5754     margin-bottom: 0;
5755     margin-right: 16px; } }
5756
5757 /**
5758  * Copyright 2015 Google Inc. All Rights Reserved.
5759  *
5760  * Licensed under the Apache License, Version 2.0 (the "License");
5761  * you may not use this file except in compliance with the License.
5762  * You may obtain a copy of the License at
5763  *
5764  *      http://www.apache.org/licenses/LICENSE-2.0
5765  *
5766  * Unless required by applicable law or agreed to in writing, software
5767  * distributed under the License is distributed on an "AS IS" BASIS,
5768  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5769  * See the License for the specific language governing permissions and
5770  * limitations under the License.
5771  */
5772 /**
5773  * Copyright 2015 Google Inc. All Rights Reserved.
5774  *
5775  * Licensed under the Apache License, Version 2.0 (the "License");
5776  * you may not use this file except in compliance with the License.
5777  * You may obtain a copy of the License at
5778  *
5779  *      http://www.apache.org/licenses/LICENSE-2.0
5780  *
5781  * Unless required by applicable law or agreed to in writing, software
5782  * distributed under the License is distributed on an "AS IS" BASIS,
5783  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5784  * See the License for the specific language governing permissions and
5785  * limitations under the License.
5786  */
5787 /*------------------------------------*    $CONTENTS
5788 \*------------------------------------*/
5789 /**
5790  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
5791  * -----Typography
5792  * -----Colors
5793  * -----Textfield
5794  * -----Switch
5795  * -----Spinner
5796  * -----Radio
5797  * -----Menu
5798  * -----List
5799  * -----Layout
5800  * -----Icon toggles
5801  * -----Footer
5802  * -----Column
5803  * -----Checkbox
5804  * -----Card
5805  * -----Button
5806  * -----Animation
5807  * -----Progress
5808  * -----Badge
5809  * -----Shadows
5810  * -----Grid
5811  * -----Data table
5812  * -----Dialog
5813  * -----Snackbar
5814  * -----Tooltip
5815  * -----Chip
5816  *
5817  * Even though all variables have the `!default` directive, most of them
5818  * should not be changed as they are dependent one another. This can cause
5819  * visual distortions (like alignment issues) that are hard to track down
5820  * and fix.
5821  */
5822 /* ==========  TYPOGRAPHY  ========== */
5823 /* We're splitting fonts into "preferred" and "performance" in order to optimize
5824    page loading. For important text, such as the body, we want it to load
5825    immediately and not wait for the web font load, whereas for other sections,
5826    such as headers and titles, we're OK with things taking a bit longer to load.
5827    We do have some optional classes and parameters in the mixins, in case you
5828    definitely want to make sure you're using the preferred font and don't mind
5829    the performance hit.
5830    We should be able to improve on this once CSS Font Loading L3 becomes more
5831    widely available.
5832 */
5833 /* ==========  COLORS  ========== */
5834 /**
5835 *
5836 * Material design color palettes.
5837 * @see http://www.google.com/design/spec/style/color.html
5838 *
5839 **/
5840 /**
5841  * Copyright 2015 Google Inc. All Rights Reserved.
5842  *
5843  * Licensed under the Apache License, Version 2.0 (the "License");
5844  * you may not use this file except in compliance with the License.
5845  * You may obtain a copy of the License at
5846  *
5847  *      http://www.apache.org/licenses/LICENSE-2.0
5848  *
5849  * Unless required by applicable law or agreed to in writing, software
5850  * distributed under the License is distributed on an "AS IS" BASIS,
5851  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5852  * See the License for the specific language governing permissions and
5853  * limitations under the License.
5854  */
5855 /* ==========  Color Palettes  ========== */
5856 /* colors.scss */
5857 /**
5858  * Copyright 2015 Google Inc. All Rights Reserved.
5859  *
5860  * Licensed under the Apache License, Version 2.0 (the "License");
5861  * you may not use this file except in compliance with the License.
5862  * You may obtain a copy of the License at
5863  *
5864  *      http://www.apache.org/licenses/LICENSE-2.0
5865  *
5866  * Unless required by applicable law or agreed to in writing, software
5867  * distributed under the License is distributed on an "AS IS" BASIS,
5868  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
5869  * See the License for the specific language governing permissions and
5870  * limitations under the License.
5871  */
5872 /* ==========  IMAGES  ========== */
5873 /* ==========  Color & Themes  ========== */
5874 /* ==========  Typography  ========== */
5875 /* ==========  Components  ========== */
5876 /* ==========  Standard Buttons  ========== */
5877 /* ==========  Icon Toggles  ========== */
5878 /* ==========  Radio Buttons  ========== */
5879 /* ==========  Ripple effect  ========== */
5880 /* ==========  Layout  ========== */
5881 /* ==========  Content Tabs  ========== */
5882 /* ==========  Checkboxes  ========== */
5883 /* ==========  Switches  ========== */
5884 /* ==========  Spinner  ========== */
5885 /* ==========  Text fields  ========== */
5886 /* ==========  Card  ========== */
5887 /* ==========  Sliders ========== */
5888 /* ========== Progress ========== */
5889 /* ==========  List ========== */
5890 /* ==========  Item ========== */
5891 /* ==========  Dropdown menu ========== */
5892 /* ==========  Tooltips  ========== */
5893 /* ==========  Footer  ========== */
5894 /* TEXTFIELD */
5895 /* SWITCH */
5896 /* SPINNER */
5897 /* RADIO */
5898 /* MENU */
5899 /* LIST */
5900 /* LAYOUT */
5901 /* ICON TOGGLE */
5902 /* FOOTER */
5903 /*mega-footer*/
5904 /*mini-footer*/
5905 /* CHECKBOX */
5906 /* CARD */
5907 /* Card dimensions */
5908 /* Cover image */
5909 /* BUTTON */
5910 /**
5911  *
5912  * Dimensions
5913  *
5914  */
5915 /* ANIMATION */
5916 /* PROGRESS */
5917 /* BADGE */
5918 /* SHADOWS */
5919 /* GRID */
5920 /* DATA TABLE */
5921 /* DIALOG */
5922 /* SNACKBAR */
5923 /* TOOLTIP */
5924 /* CHIP */
5925 .mdl-mini-footer {
5926   display: -webkit-flex;
5927   display: -ms-flexbox;
5928   display: flex;
5929   -webkit-flex-flow: row wrap;
5930       -ms-flex-flow: row wrap;
5931           flex-flow: row wrap;
5932   -webkit-justify-content: space-between;
5933       -ms-flex-pack: justify;
5934           justify-content: space-between;
5935   padding: 32px 16px;
5936   color: rgb(158,158,158);
5937   background-color: rgb(66,66,66); }
5938   .mdl-mini-footer:after {
5939     content: '';
5940     display: block; }
5941   .mdl-mini-footer .mdl-logo {
5942     line-height: 36px; }
5943
5944 .mdl-mini-footer--link-list,
5945 .mdl-mini-footer__link-list {
5946   display: -webkit-flex;
5947   display: -ms-flexbox;
5948   display: flex;
5949   -webkit-flex-flow: row nowrap;
5950       -ms-flex-flow: row nowrap;
5951           flex-flow: row nowrap;
5952   list-style: none;
5953   margin: 0;
5954   padding: 0; }
5955   .mdl-mini-footer--link-list li,
5956   .mdl-mini-footer__link-list li {
5957     margin-bottom: 0;
5958     margin-right: 16px; }
5959     @media screen and (min-width: 760px) {
5960       .mdl-mini-footer--link-list li,
5961       .mdl-mini-footer__link-list li {
5962         line-height: 36px; } }
5963   .mdl-mini-footer--link-list a,
5964   .mdl-mini-footer__link-list a {
5965     color: inherit;
5966     text-decoration: none;
5967     white-space: nowrap; }
5968
5969 .mdl-mini-footer--left-section,
5970 .mdl-mini-footer__left-section {
5971   display: inline-block;
5972   -webkit-order: 0;
5973       -ms-flex-order: 0;
5974           order: 0; }
5975
5976 .mdl-mini-footer--right-section,
5977 .mdl-mini-footer__right-section {
5978   display: inline-block;
5979   -webkit-order: 1;
5980       -ms-flex-order: 1;
5981           order: 1; }
5982
5983 .mdl-mini-footer--social-btn,
5984 .mdl-mini-footer__social-btn {
5985   width: 36px;
5986   height: 36px;
5987   padding: 0;
5988   margin: 0;
5989   background-color: rgb(158,158,158);
5990   border: none; }
5991
5992 /**
5993  * Copyright 2015 Google Inc. All Rights Reserved.
5994  *
5995  * Licensed under the Apache License, Version 2.0 (the "License");
5996  * you may not use this file except in compliance with the License.
5997  * You may obtain a copy of the License at
5998  *
5999  *      http://www.apache.org/licenses/LICENSE-2.0
6000  *
6001  * Unless required by applicable law or agreed to in writing, software
6002  * distributed under the License is distributed on an "AS IS" BASIS,
6003  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6004  * See the License for the specific language governing permissions and
6005  * limitations under the License.
6006  */
6007 /**
6008  * Copyright 2015 Google Inc. All Rights Reserved.
6009  *
6010  * Licensed under the Apache License, Version 2.0 (the "License");
6011  * you may not use this file except in compliance with the License.
6012  * You may obtain a copy of the License at
6013  *
6014  *      http://www.apache.org/licenses/LICENSE-2.0
6015  *
6016  * Unless required by applicable law or agreed to in writing, software
6017  * distributed under the License is distributed on an "AS IS" BASIS,
6018  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6019  * See the License for the specific language governing permissions and
6020  * limitations under the License.
6021  */
6022 /*------------------------------------*    $CONTENTS
6023 \*------------------------------------*/
6024 /**
6025  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6026  * -----Typography
6027  * -----Colors
6028  * -----Textfield
6029  * -----Switch
6030  * -----Spinner
6031  * -----Radio
6032  * -----Menu
6033  * -----List
6034  * -----Layout
6035  * -----Icon toggles
6036  * -----Footer
6037  * -----Column
6038  * -----Checkbox
6039  * -----Card
6040  * -----Button
6041  * -----Animation
6042  * -----Progress
6043  * -----Badge
6044  * -----Shadows
6045  * -----Grid
6046  * -----Data table
6047  * -----Dialog
6048  * -----Snackbar
6049  * -----Tooltip
6050  * -----Chip
6051  *
6052  * Even though all variables have the `!default` directive, most of them
6053  * should not be changed as they are dependent one another. This can cause
6054  * visual distortions (like alignment issues) that are hard to track down
6055  * and fix.
6056  */
6057 /* ==========  TYPOGRAPHY  ========== */
6058 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6059    page loading. For important text, such as the body, we want it to load
6060    immediately and not wait for the web font load, whereas for other sections,
6061    such as headers and titles, we're OK with things taking a bit longer to load.
6062    We do have some optional classes and parameters in the mixins, in case you
6063    definitely want to make sure you're using the preferred font and don't mind
6064    the performance hit.
6065    We should be able to improve on this once CSS Font Loading L3 becomes more
6066    widely available.
6067 */
6068 /* ==========  COLORS  ========== */
6069 /**
6070 *
6071 * Material design color palettes.
6072 * @see http://www.google.com/design/spec/style/color.html
6073 *
6074 **/
6075 /**
6076  * Copyright 2015 Google Inc. All Rights Reserved.
6077  *
6078  * Licensed under the Apache License, Version 2.0 (the "License");
6079  * you may not use this file except in compliance with the License.
6080  * You may obtain a copy of the License at
6081  *
6082  *      http://www.apache.org/licenses/LICENSE-2.0
6083  *
6084  * Unless required by applicable law or agreed to in writing, software
6085  * distributed under the License is distributed on an "AS IS" BASIS,
6086  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6087  * See the License for the specific language governing permissions and
6088  * limitations under the License.
6089  */
6090 /* ==========  Color Palettes  ========== */
6091 /* colors.scss */
6092 /**
6093  * Copyright 2015 Google Inc. All Rights Reserved.
6094  *
6095  * Licensed under the Apache License, Version 2.0 (the "License");
6096  * you may not use this file except in compliance with the License.
6097  * You may obtain a copy of the License at
6098  *
6099  *      http://www.apache.org/licenses/LICENSE-2.0
6100  *
6101  * Unless required by applicable law or agreed to in writing, software
6102  * distributed under the License is distributed on an "AS IS" BASIS,
6103  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6104  * See the License for the specific language governing permissions and
6105  * limitations under the License.
6106  */
6107 /* ==========  IMAGES  ========== */
6108 /* ==========  Color & Themes  ========== */
6109 /* ==========  Typography  ========== */
6110 /* ==========  Components  ========== */
6111 /* ==========  Standard Buttons  ========== */
6112 /* ==========  Icon Toggles  ========== */
6113 /* ==========  Radio Buttons  ========== */
6114 /* ==========  Ripple effect  ========== */
6115 /* ==========  Layout  ========== */
6116 /* ==========  Content Tabs  ========== */
6117 /* ==========  Checkboxes  ========== */
6118 /* ==========  Switches  ========== */
6119 /* ==========  Spinner  ========== */
6120 /* ==========  Text fields  ========== */
6121 /* ==========  Card  ========== */
6122 /* ==========  Sliders ========== */
6123 /* ========== Progress ========== */
6124 /* ==========  List ========== */
6125 /* ==========  Item ========== */
6126 /* ==========  Dropdown menu ========== */
6127 /* ==========  Tooltips  ========== */
6128 /* ==========  Footer  ========== */
6129 /* TEXTFIELD */
6130 /* SWITCH */
6131 /* SPINNER */
6132 /* RADIO */
6133 /* MENU */
6134 /* LIST */
6135 /* LAYOUT */
6136 /* ICON TOGGLE */
6137 /* FOOTER */
6138 /*mega-footer*/
6139 /*mini-footer*/
6140 /* CHECKBOX */
6141 /* CARD */
6142 /* Card dimensions */
6143 /* Cover image */
6144 /* BUTTON */
6145 /**
6146  *
6147  * Dimensions
6148  *
6149  */
6150 /* ANIMATION */
6151 /* PROGRESS */
6152 /* BADGE */
6153 /* SHADOWS */
6154 /* GRID */
6155 /* DATA TABLE */
6156 /* DIALOG */
6157 /* SNACKBAR */
6158 /* TOOLTIP */
6159 /* CHIP */
6160 .mdl-icon-toggle {
6161   position: relative;
6162   z-index: 1;
6163   vertical-align: middle;
6164   display: inline-block;
6165   height: 32px;
6166   margin: 0;
6167   padding: 0; }
6168
6169 .mdl-icon-toggle__input {
6170   line-height: 32px; }
6171   .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
6172     position: absolute;
6173     width: 0;
6174     height: 0;
6175     margin: 0;
6176     padding: 0;
6177     opacity: 0;
6178     -ms-appearance: none;
6179     -moz-appearance: none;
6180     -webkit-appearance: none;
6181     appearance: none;
6182     border: none; }
6183
6184 .mdl-icon-toggle__label {
6185   display: inline-block;
6186   position: relative;
6187   cursor: pointer;
6188   height: 32px;
6189   width: 32px;
6190   min-width: 32px;
6191   color: rgb(97,97,97);
6192   border-radius: 50%;
6193   padding: 0;
6194   margin-left: 0;
6195   margin-right: 0;
6196   text-align: center;
6197   background-color: transparent;
6198   will-change: background-color;
6199   transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
6200   .mdl-icon-toggle__label.material-icons {
6201     line-height: 32px;
6202     font-size: 24px; }
6203   .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
6204     color: rgb(63,81,181); }
6205   .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
6206     color: rgba(0,0,0, 0.26);
6207     cursor: auto;
6208     transition: none; }
6209   .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
6210     background-color: rgba(0,0,0, 0.12); }
6211   .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
6212     background-color: rgba(63,81,181, 0.26); }
6213
6214 .mdl-icon-toggle__ripple-container {
6215   position: absolute;
6216   z-index: 2;
6217   top: -2px;
6218   left: -2px;
6219   box-sizing: border-box;
6220   width: 36px;
6221   height: 36px;
6222   border-radius: 50%;
6223   cursor: pointer;
6224   overflow: hidden;
6225   -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
6226   .mdl-icon-toggle__ripple-container .mdl-ripple {
6227     background: rgb(97,97,97); }
6228   .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
6229     cursor: auto; }
6230   .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
6231     background: transparent; }
6232
6233 /**
6234  * Copyright 2015 Google Inc. All Rights Reserved.
6235  *
6236  * Licensed under the Apache License, Version 2.0 (the "License");
6237  * you may not use this file except in compliance with the License.
6238  * You may obtain a copy of the License at
6239  *
6240  *      http://www.apache.org/licenses/LICENSE-2.0
6241  *
6242  * Unless required by applicable law or agreed to in writing, software
6243  * distributed under the License is distributed on an "AS IS" BASIS,
6244  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6245  * See the License for the specific language governing permissions and
6246  * limitations under the License.
6247  */
6248 /**
6249  * Copyright 2015 Google Inc. All Rights Reserved.
6250  *
6251  * Licensed under the Apache License, Version 2.0 (the "License");
6252  * you may not use this file except in compliance with the License.
6253  * You may obtain a copy of the License at
6254  *
6255  *      http://www.apache.org/licenses/LICENSE-2.0
6256  *
6257  * Unless required by applicable law or agreed to in writing, software
6258  * distributed under the License is distributed on an "AS IS" BASIS,
6259  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6260  * See the License for the specific language governing permissions and
6261  * limitations under the License.
6262  */
6263 /*------------------------------------*    $CONTENTS
6264 \*------------------------------------*/
6265 /**
6266  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6267  * -----Typography
6268  * -----Colors
6269  * -----Textfield
6270  * -----Switch
6271  * -----Spinner
6272  * -----Radio
6273  * -----Menu
6274  * -----List
6275  * -----Layout
6276  * -----Icon toggles
6277  * -----Footer
6278  * -----Column
6279  * -----Checkbox
6280  * -----Card
6281  * -----Button
6282  * -----Animation
6283  * -----Progress
6284  * -----Badge
6285  * -----Shadows
6286  * -----Grid
6287  * -----Data table
6288  * -----Dialog
6289  * -----Snackbar
6290  * -----Tooltip
6291  * -----Chip
6292  *
6293  * Even though all variables have the `!default` directive, most of them
6294  * should not be changed as they are dependent one another. This can cause
6295  * visual distortions (like alignment issues) that are hard to track down
6296  * and fix.
6297  */
6298 /* ==========  TYPOGRAPHY  ========== */
6299 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6300    page loading. For important text, such as the body, we want it to load
6301    immediately and not wait for the web font load, whereas for other sections,
6302    such as headers and titles, we're OK with things taking a bit longer to load.
6303    We do have some optional classes and parameters in the mixins, in case you
6304    definitely want to make sure you're using the preferred font and don't mind
6305    the performance hit.
6306    We should be able to improve on this once CSS Font Loading L3 becomes more
6307    widely available.
6308 */
6309 /* ==========  COLORS  ========== */
6310 /**
6311 *
6312 * Material design color palettes.
6313 * @see http://www.google.com/design/spec/style/color.html
6314 *
6315 **/
6316 /**
6317  * Copyright 2015 Google Inc. All Rights Reserved.
6318  *
6319  * Licensed under the Apache License, Version 2.0 (the "License");
6320  * you may not use this file except in compliance with the License.
6321  * You may obtain a copy of the License at
6322  *
6323  *      http://www.apache.org/licenses/LICENSE-2.0
6324  *
6325  * Unless required by applicable law or agreed to in writing, software
6326  * distributed under the License is distributed on an "AS IS" BASIS,
6327  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6328  * See the License for the specific language governing permissions and
6329  * limitations under the License.
6330  */
6331 /* ==========  Color Palettes  ========== */
6332 /* colors.scss */
6333 /**
6334  * Copyright 2015 Google Inc. All Rights Reserved.
6335  *
6336  * Licensed under the Apache License, Version 2.0 (the "License");
6337  * you may not use this file except in compliance with the License.
6338  * You may obtain a copy of the License at
6339  *
6340  *      http://www.apache.org/licenses/LICENSE-2.0
6341  *
6342  * Unless required by applicable law or agreed to in writing, software
6343  * distributed under the License is distributed on an "AS IS" BASIS,
6344  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6345  * See the License for the specific language governing permissions and
6346  * limitations under the License.
6347  */
6348 /* ==========  IMAGES  ========== */
6349 /* ==========  Color & Themes  ========== */
6350 /* ==========  Typography  ========== */
6351 /* ==========  Components  ========== */
6352 /* ==========  Standard Buttons  ========== */
6353 /* ==========  Icon Toggles  ========== */
6354 /* ==========  Radio Buttons  ========== */
6355 /* ==========  Ripple effect  ========== */
6356 /* ==========  Layout  ========== */
6357 /* ==========  Content Tabs  ========== */
6358 /* ==========  Checkboxes  ========== */
6359 /* ==========  Switches  ========== */
6360 /* ==========  Spinner  ========== */
6361 /* ==========  Text fields  ========== */
6362 /* ==========  Card  ========== */
6363 /* ==========  Sliders ========== */
6364 /* ========== Progress ========== */
6365 /* ==========  List ========== */
6366 /* ==========  Item ========== */
6367 /* ==========  Dropdown menu ========== */
6368 /* ==========  Tooltips  ========== */
6369 /* ==========  Footer  ========== */
6370 /* TEXTFIELD */
6371 /* SWITCH */
6372 /* SPINNER */
6373 /* RADIO */
6374 /* MENU */
6375 /* LIST */
6376 /* LAYOUT */
6377 /* ICON TOGGLE */
6378 /* FOOTER */
6379 /*mega-footer*/
6380 /*mini-footer*/
6381 /* CHECKBOX */
6382 /* CARD */
6383 /* Card dimensions */
6384 /* Cover image */
6385 /* BUTTON */
6386 /**
6387  *
6388  * Dimensions
6389  *
6390  */
6391 /* ANIMATION */
6392 /* PROGRESS */
6393 /* BADGE */
6394 /* SHADOWS */
6395 /* GRID */
6396 /* DATA TABLE */
6397 /* DIALOG */
6398 /* SNACKBAR */
6399 /* TOOLTIP */
6400 /* CHIP */
6401 /**
6402  * Copyright 2015 Google Inc. All Rights Reserved.
6403  *
6404  * Licensed under the Apache License, Version 2.0 (the "License");
6405  * you may not use this file except in compliance with the License.
6406  * You may obtain a copy of the License at
6407  *
6408  *      http://www.apache.org/licenses/LICENSE-2.0
6409  *
6410  * Unless required by applicable law or agreed to in writing, software
6411  * distributed under the License is distributed on an "AS IS" BASIS,
6412  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6413  * See the License for the specific language governing permissions and
6414  * limitations under the License.
6415  */
6416 /* Typography */
6417 /* Shadows */
6418 /* Animations */
6419 /* Dialog */
6420 .mdl-list {
6421   display: block;
6422   padding: 8px 0;
6423   list-style: none; }
6424
6425 .mdl-list__item {
6426   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
6427   font-size: 16px;
6428   font-weight: 400;
6429   line-height: 24px;
6430   letter-spacing: 0.04em;
6431   line-height: 1;
6432   display: -webkit-flex;
6433   display: -ms-flexbox;
6434   display: flex;
6435   min-height: 48px;
6436   box-sizing: border-box;
6437   -webkit-flex-direction: row;
6438       -ms-flex-direction: row;
6439           flex-direction: row;
6440   -webkit-flex-wrap: nowrap;
6441       -ms-flex-wrap: nowrap;
6442           flex-wrap: nowrap;
6443   -webkit-align-items: center;
6444       -ms-flex-align: center;
6445           align-items: center;
6446   padding: 16px;
6447   cursor: default;
6448   color: rgba(0,0,0, 0.87);
6449   overflow: hidden; }
6450   .mdl-list__item .mdl-list__item-primary-content {
6451     -webkit-order: 0;
6452         -ms-flex-order: 0;
6453             order: 0;
6454     -webkit-flex-grow: 2;
6455         -ms-flex-positive: 2;
6456             flex-grow: 2;
6457     text-decoration: none;
6458     box-sizing: border-box;
6459     display: -webkit-flex;
6460     display: -ms-flexbox;
6461     display: flex;
6462     -webkit-align-items: center;
6463         -ms-flex-align: center;
6464             align-items: center; }
6465     .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
6466       margin-right: 32px; }
6467     .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
6468       margin-right: 16px; }
6469   .mdl-list__item .mdl-list__item-secondary-content {
6470     display: -webkit-flex;
6471     display: -ms-flexbox;
6472     display: flex;
6473     -webkit-flex-flow: column;
6474         -ms-flex-flow: column;
6475             flex-flow: column;
6476     -webkit-align-items: flex-end;
6477         -ms-flex-align: end;
6478             align-items: flex-end;
6479     margin-left: 16px; }
6480     .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
6481       display: inline; }
6482     .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
6483       font-size: 12px;
6484       font-weight: 400;
6485       line-height: 1;
6486       letter-spacing: 0;
6487       color: rgba(0,0,0, 0.54); }
6488     .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
6489       padding: 0 0 0 16px; }
6490
6491 .mdl-list__item-icon,
6492 .mdl-list__item-icon.material-icons {
6493   height: 24px;
6494   width: 24px;
6495   font-size: 24px;
6496   box-sizing: border-box;
6497   color: rgb(117,117,117); }
6498
6499 .mdl-list__item-avatar,
6500 .mdl-list__item-avatar.material-icons {
6501   height: 40px;
6502   width: 40px;
6503   box-sizing: border-box;
6504   border-radius: 50%;
6505   background-color: rgb(117,117,117);
6506   font-size: 40px;
6507   color: white; }
6508
6509 .mdl-list__item--two-line {
6510   height: 72px; }
6511   .mdl-list__item--two-line .mdl-list__item-primary-content {
6512     height: 36px;
6513     line-height: 20px;
6514     display: block; }
6515     .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
6516       float: left; }
6517     .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
6518       float: left;
6519       margin-top: 6px; }
6520     .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
6521       height: 36px; }
6522     .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
6523       font-size: 14px;
6524       font-weight: 400;
6525       line-height: 24px;
6526       letter-spacing: 0;
6527       line-height: 18px;
6528       color: rgba(0,0,0, 0.54);
6529       display: block;
6530       padding: 0; }
6531
6532 .mdl-list__item--three-line {
6533   height: 88px; }
6534   .mdl-list__item--three-line .mdl-list__item-primary-content {
6535     height: 52px;
6536     line-height: 20px;
6537     display: block; }
6538     .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
6539     .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
6540       float: left; }
6541   .mdl-list__item--three-line .mdl-list__item-secondary-content {
6542     height: 52px; }
6543   .mdl-list__item--three-line .mdl-list__item-text-body {
6544     font-size: 14px;
6545     font-weight: 400;
6546     line-height: 24px;
6547     letter-spacing: 0;
6548     line-height: 18px;
6549     height: 52px;
6550     color: rgba(0,0,0, 0.54);
6551     display: block;
6552     padding: 0; }
6553
6554 /**
6555  * Copyright 2015 Google Inc. All Rights Reserved.
6556  *
6557  * Licensed under the Apache License, Version 2.0 (the "License");
6558  * you may not use this file except in compliance with the License.
6559  * You may obtain a copy of the License at
6560  *
6561  *      http://www.apache.org/licenses/LICENSE-2.0
6562  *
6563  * Unless required by applicable law or agreed to in writing, software
6564  * distributed under the License is distributed on an "AS IS" BASIS,
6565  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6566  * See the License for the specific language governing permissions and
6567  * limitations under the License.
6568  */
6569 /**
6570  * Copyright 2015 Google Inc. All Rights Reserved.
6571  *
6572  * Licensed under the Apache License, Version 2.0 (the "License");
6573  * you may not use this file except in compliance with the License.
6574  * You may obtain a copy of the License at
6575  *
6576  *      http://www.apache.org/licenses/LICENSE-2.0
6577  *
6578  * Unless required by applicable law or agreed to in writing, software
6579  * distributed under the License is distributed on an "AS IS" BASIS,
6580  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6581  * See the License for the specific language governing permissions and
6582  * limitations under the License.
6583  */
6584 /*------------------------------------*    $CONTENTS
6585 \*------------------------------------*/
6586 /**
6587  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6588  * -----Typography
6589  * -----Colors
6590  * -----Textfield
6591  * -----Switch
6592  * -----Spinner
6593  * -----Radio
6594  * -----Menu
6595  * -----List
6596  * -----Layout
6597  * -----Icon toggles
6598  * -----Footer
6599  * -----Column
6600  * -----Checkbox
6601  * -----Card
6602  * -----Button
6603  * -----Animation
6604  * -----Progress
6605  * -----Badge
6606  * -----Shadows
6607  * -----Grid
6608  * -----Data table
6609  * -----Dialog
6610  * -----Snackbar
6611  * -----Tooltip
6612  * -----Chip
6613  *
6614  * Even though all variables have the `!default` directive, most of them
6615  * should not be changed as they are dependent one another. This can cause
6616  * visual distortions (like alignment issues) that are hard to track down
6617  * and fix.
6618  */
6619 /* ==========  TYPOGRAPHY  ========== */
6620 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6621    page loading. For important text, such as the body, we want it to load
6622    immediately and not wait for the web font load, whereas for other sections,
6623    such as headers and titles, we're OK with things taking a bit longer to load.
6624    We do have some optional classes and parameters in the mixins, in case you
6625    definitely want to make sure you're using the preferred font and don't mind
6626    the performance hit.
6627    We should be able to improve on this once CSS Font Loading L3 becomes more
6628    widely available.
6629 */
6630 /* ==========  COLORS  ========== */
6631 /**
6632 *
6633 * Material design color palettes.
6634 * @see http://www.google.com/design/spec/style/color.html
6635 *
6636 **/
6637 /**
6638  * Copyright 2015 Google Inc. All Rights Reserved.
6639  *
6640  * Licensed under the Apache License, Version 2.0 (the "License");
6641  * you may not use this file except in compliance with the License.
6642  * You may obtain a copy of the License at
6643  *
6644  *      http://www.apache.org/licenses/LICENSE-2.0
6645  *
6646  * Unless required by applicable law or agreed to in writing, software
6647  * distributed under the License is distributed on an "AS IS" BASIS,
6648  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6649  * See the License for the specific language governing permissions and
6650  * limitations under the License.
6651  */
6652 /* ==========  Color Palettes  ========== */
6653 /* colors.scss */
6654 /**
6655  * Copyright 2015 Google Inc. All Rights Reserved.
6656  *
6657  * Licensed under the Apache License, Version 2.0 (the "License");
6658  * you may not use this file except in compliance with the License.
6659  * You may obtain a copy of the License at
6660  *
6661  *      http://www.apache.org/licenses/LICENSE-2.0
6662  *
6663  * Unless required by applicable law or agreed to in writing, software
6664  * distributed under the License is distributed on an "AS IS" BASIS,
6665  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6666  * See the License for the specific language governing permissions and
6667  * limitations under the License.
6668  */
6669 /* ==========  IMAGES  ========== */
6670 /* ==========  Color & Themes  ========== */
6671 /* ==========  Typography  ========== */
6672 /* ==========  Components  ========== */
6673 /* ==========  Standard Buttons  ========== */
6674 /* ==========  Icon Toggles  ========== */
6675 /* ==========  Radio Buttons  ========== */
6676 /* ==========  Ripple effect  ========== */
6677 /* ==========  Layout  ========== */
6678 /* ==========  Content Tabs  ========== */
6679 /* ==========  Checkboxes  ========== */
6680 /* ==========  Switches  ========== */
6681 /* ==========  Spinner  ========== */
6682 /* ==========  Text fields  ========== */
6683 /* ==========  Card  ========== */
6684 /* ==========  Sliders ========== */
6685 /* ========== Progress ========== */
6686 /* ==========  List ========== */
6687 /* ==========  Item ========== */
6688 /* ==========  Dropdown menu ========== */
6689 /* ==========  Tooltips  ========== */
6690 /* ==========  Footer  ========== */
6691 /* TEXTFIELD */
6692 /* SWITCH */
6693 /* SPINNER */
6694 /* RADIO */
6695 /* MENU */
6696 /* LIST */
6697 /* LAYOUT */
6698 /* ICON TOGGLE */
6699 /* FOOTER */
6700 /*mega-footer*/
6701 /*mini-footer*/
6702 /* CHECKBOX */
6703 /* CARD */
6704 /* Card dimensions */
6705 /* Cover image */
6706 /* BUTTON */
6707 /**
6708  *
6709  * Dimensions
6710  *
6711  */
6712 /* ANIMATION */
6713 /* PROGRESS */
6714 /* BADGE */
6715 /* SHADOWS */
6716 /* GRID */
6717 /* DATA TABLE */
6718 /* DIALOG */
6719 /* SNACKBAR */
6720 /* TOOLTIP */
6721 /* CHIP */
6722 /**
6723  * Copyright 2015 Google Inc. All Rights Reserved.
6724  *
6725  * Licensed under the Apache License, Version 2.0 (the "License");
6726  * you may not use this file except in compliance with the License.
6727  * You may obtain a copy of the License at
6728  *
6729  *      http://www.apache.org/licenses/LICENSE-2.0
6730  *
6731  * Unless required by applicable law or agreed to in writing, software
6732  * distributed under the License is distributed on an "AS IS" BASIS,
6733  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6734  * See the License for the specific language governing permissions and
6735  * limitations under the License.
6736  */
6737 /* Typography */
6738 /* Shadows */
6739 /* Animations */
6740 /* Dialog */
6741 .mdl-menu__container {
6742   display: block;
6743   margin: 0;
6744   padding: 0;
6745   border: none;
6746   position: absolute;
6747   overflow: visible;
6748   height: 0;
6749   width: 0;
6750   visibility: hidden;
6751   z-index: -1; }
6752   .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
6753     z-index: 999;
6754     visibility: visible; }
6755
6756 .mdl-menu__outline {
6757   display: block;
6758   background: rgb(255,255,255);
6759   margin: 0;
6760   padding: 0;
6761   border: none;
6762   border-radius: 2px;
6763   position: absolute;
6764   top: 0;
6765   left: 0;
6766   overflow: hidden;
6767   opacity: 0;
6768   -webkit-transform: scale(0);
6769           transform: scale(0);
6770   -webkit-transform-origin: 0 0;
6771           transform-origin: 0 0;
6772   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
6773   will-change: transform;
6774   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
6775   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6776   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
6777   z-index: -1; }
6778   .mdl-menu__container.is-visible .mdl-menu__outline {
6779     opacity: 1;
6780     -webkit-transform: scale(1);
6781             transform: scale(1);
6782     z-index: 999; }
6783   .mdl-menu__outline.mdl-menu--bottom-right {
6784     -webkit-transform-origin: 100% 0;
6785             transform-origin: 100% 0; }
6786   .mdl-menu__outline.mdl-menu--top-left {
6787     -webkit-transform-origin: 0 100%;
6788             transform-origin: 0 100%; }
6789   .mdl-menu__outline.mdl-menu--top-right {
6790     -webkit-transform-origin: 100% 100%;
6791             transform-origin: 100% 100%; }
6792
6793 .mdl-menu {
6794   position: absolute;
6795   list-style: none;
6796   top: 0;
6797   left: 0;
6798   height: auto;
6799   width: auto;
6800   min-width: 124px;
6801   padding: 8px 0;
6802   margin: 0;
6803   opacity: 0;
6804   clip: rect(0 0 0 0);
6805   z-index: -1; }
6806   .mdl-menu__container.is-visible .mdl-menu {
6807     opacity: 1;
6808     z-index: 999; }
6809   .mdl-menu.is-animating {
6810     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
6811   .mdl-menu.mdl-menu--bottom-right {
6812     left: auto;
6813     right: 0; }
6814   .mdl-menu.mdl-menu--top-left {
6815     top: auto;
6816     bottom: 0; }
6817   .mdl-menu.mdl-menu--top-right {
6818     top: auto;
6819     left: auto;
6820     bottom: 0;
6821     right: 0; }
6822   .mdl-menu.mdl-menu--unaligned {
6823     top: auto;
6824     left: auto; }
6825
6826 .mdl-menu__item {
6827   display: block;
6828   border: none;
6829   color: rgba(0,0,0, 0.87);
6830   background-color: transparent;
6831   text-align: left;
6832   margin: 0;
6833   padding: 0 16px;
6834   outline-color: rgb(189,189,189);
6835   position: relative;
6836   overflow: hidden;
6837   font-size: 14px;
6838   font-weight: 400;
6839   line-height: 24px;
6840   letter-spacing: 0;
6841   text-decoration: none;
6842   cursor: pointer;
6843   height: 48px;
6844   line-height: 48px;
6845   white-space: nowrap;
6846   opacity: 0;
6847   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6848   -webkit-user-select: none;
6849      -moz-user-select: none;
6850       -ms-user-select: none;
6851           user-select: none; }
6852   .mdl-menu__container.is-visible .mdl-menu__item {
6853     opacity: 1; }
6854   .mdl-menu__item::-moz-focus-inner {
6855     border: 0; }
6856   .mdl-menu__item--full-bleed-divider {
6857     border-bottom: 1px solid rgba(0,0,0, 0.12); }
6858   .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
6859     color: rgb(189,189,189);
6860     background-color: transparent;
6861     cursor: auto; }
6862     .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
6863       background-color: transparent; }
6864     .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
6865       background-color: transparent; }
6866     .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
6867       background: transparent; }
6868   .mdl-menu__item:hover {
6869     background-color: rgb(238,238,238); }
6870   .mdl-menu__item:focus {
6871     outline: none;
6872     background-color: rgb(238,238,238); }
6873   .mdl-menu__item:active {
6874     background-color: rgb(224,224,224); }
6875
6876 .mdl-menu__item--ripple-container {
6877   display: block;
6878   height: 100%;
6879   left: 0px;
6880   position: absolute;
6881   top: 0px;
6882   width: 100%;
6883   z-index: 0;
6884   overflow: hidden; }
6885
6886 /**
6887  * Copyright 2015 Google Inc. All Rights Reserved.
6888  *
6889  * Licensed under the Apache License, Version 2.0 (the "License");
6890  * you may not use this file except in compliance with the License.
6891  * You may obtain a copy of the License at
6892  *
6893  *      http://www.apache.org/licenses/LICENSE-2.0
6894  *
6895  * Unless required by applicable law or agreed to in writing, software
6896  * distributed under the License is distributed on an "AS IS" BASIS,
6897  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6898  * See the License for the specific language governing permissions and
6899  * limitations under the License.
6900  */
6901 /**
6902  * Copyright 2015 Google Inc. All Rights Reserved.
6903  *
6904  * Licensed under the Apache License, Version 2.0 (the "License");
6905  * you may not use this file except in compliance with the License.
6906  * You may obtain a copy of the License at
6907  *
6908  *      http://www.apache.org/licenses/LICENSE-2.0
6909  *
6910  * Unless required by applicable law or agreed to in writing, software
6911  * distributed under the License is distributed on an "AS IS" BASIS,
6912  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6913  * See the License for the specific language governing permissions and
6914  * limitations under the License.
6915  */
6916 /*------------------------------------*    $CONTENTS
6917 \*------------------------------------*/
6918 /**
6919  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
6920  * -----Typography
6921  * -----Colors
6922  * -----Textfield
6923  * -----Switch
6924  * -----Spinner
6925  * -----Radio
6926  * -----Menu
6927  * -----List
6928  * -----Layout
6929  * -----Icon toggles
6930  * -----Footer
6931  * -----Column
6932  * -----Checkbox
6933  * -----Card
6934  * -----Button
6935  * -----Animation
6936  * -----Progress
6937  * -----Badge
6938  * -----Shadows
6939  * -----Grid
6940  * -----Data table
6941  * -----Dialog
6942  * -----Snackbar
6943  * -----Tooltip
6944  * -----Chip
6945  *
6946  * Even though all variables have the `!default` directive, most of them
6947  * should not be changed as they are dependent one another. This can cause
6948  * visual distortions (like alignment issues) that are hard to track down
6949  * and fix.
6950  */
6951 /* ==========  TYPOGRAPHY  ========== */
6952 /* We're splitting fonts into "preferred" and "performance" in order to optimize
6953    page loading. For important text, such as the body, we want it to load
6954    immediately and not wait for the web font load, whereas for other sections,
6955    such as headers and titles, we're OK with things taking a bit longer to load.
6956    We do have some optional classes and parameters in the mixins, in case you
6957    definitely want to make sure you're using the preferred font and don't mind
6958    the performance hit.
6959    We should be able to improve on this once CSS Font Loading L3 becomes more
6960    widely available.
6961 */
6962 /* ==========  COLORS  ========== */
6963 /**
6964 *
6965 * Material design color palettes.
6966 * @see http://www.google.com/design/spec/style/color.html
6967 *
6968 **/
6969 /**
6970  * Copyright 2015 Google Inc. All Rights Reserved.
6971  *
6972  * Licensed under the Apache License, Version 2.0 (the "License");
6973  * you may not use this file except in compliance with the License.
6974  * You may obtain a copy of the License at
6975  *
6976  *      http://www.apache.org/licenses/LICENSE-2.0
6977  *
6978  * Unless required by applicable law or agreed to in writing, software
6979  * distributed under the License is distributed on an "AS IS" BASIS,
6980  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6981  * See the License for the specific language governing permissions and
6982  * limitations under the License.
6983  */
6984 /* ==========  Color Palettes  ========== */
6985 /* colors.scss */
6986 /**
6987  * Copyright 2015 Google Inc. All Rights Reserved.
6988  *
6989  * Licensed under the Apache License, Version 2.0 (the "License");
6990  * you may not use this file except in compliance with the License.
6991  * You may obtain a copy of the License at
6992  *
6993  *      http://www.apache.org/licenses/LICENSE-2.0
6994  *
6995  * Unless required by applicable law or agreed to in writing, software
6996  * distributed under the License is distributed on an "AS IS" BASIS,
6997  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
6998  * See the License for the specific language governing permissions and
6999  * limitations under the License.
7000  */
7001 /* ==========  IMAGES  ========== */
7002 /* ==========  Color & Themes  ========== */
7003 /* ==========  Typography  ========== */
7004 /* ==========  Components  ========== */
7005 /* ==========  Standard Buttons  ========== */
7006 /* ==========  Icon Toggles  ========== */
7007 /* ==========  Radio Buttons  ========== */
7008 /* ==========  Ripple effect  ========== */
7009 /* ==========  Layout  ========== */
7010 /* ==========  Content Tabs  ========== */
7011 /* ==========  Checkboxes  ========== */
7012 /* ==========  Switches  ========== */
7013 /* ==========  Spinner  ========== */
7014 /* ==========  Text fields  ========== */
7015 /* ==========  Card  ========== */
7016 /* ==========  Sliders ========== */
7017 /* ========== Progress ========== */
7018 /* ==========  List ========== */
7019 /* ==========  Item ========== */
7020 /* ==========  Dropdown menu ========== */
7021 /* ==========  Tooltips  ========== */
7022 /* ==========  Footer  ========== */
7023 /* TEXTFIELD */
7024 /* SWITCH */
7025 /* SPINNER */
7026 /* RADIO */
7027 /* MENU */
7028 /* LIST */
7029 /* LAYOUT */
7030 /* ICON TOGGLE */
7031 /* FOOTER */
7032 /*mega-footer*/
7033 /*mini-footer*/
7034 /* CHECKBOX */
7035 /* CARD */
7036 /* Card dimensions */
7037 /* Cover image */
7038 /* BUTTON */
7039 /**
7040  *
7041  * Dimensions
7042  *
7043  */
7044 /* ANIMATION */
7045 /* PROGRESS */
7046 /* BADGE */
7047 /* SHADOWS */
7048 /* GRID */
7049 /* DATA TABLE */
7050 /* DIALOG */
7051 /* SNACKBAR */
7052 /* TOOLTIP */
7053 /* CHIP */
7054 .mdl-progress {
7055   display: block;
7056   position: relative;
7057   height: 4px;
7058   width: 500px;
7059   max-width: 100%; }
7060
7061 .mdl-progress > .bar {
7062   display: block;
7063   position: absolute;
7064   top: 0;
7065   bottom: 0;
7066   width: 0%;
7067   transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
7068
7069 .mdl-progress > .progressbar {
7070   background-color: rgb(63,81,181);
7071   z-index: 1;
7072   left: 0; }
7073
7074 .mdl-progress > .bufferbar {
7075   background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
7076   z-index: 0;
7077   left: 0; }
7078
7079 .mdl-progress > .auxbar {
7080   right: 0; }
7081
7082 @supports (-webkit-appearance: none) {
7083   .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
7084   .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
7085     background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
7086     -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
7087             mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
7088
7089 .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
7090 .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
7091   background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }
7092
7093 .mdl-progress.mdl-progress--indeterminate > .bar1,
7094 .mdl-progress.mdl-progress__indeterminate > .bar1 {
7095   background-color: rgb(63,81,181);
7096   -webkit-animation-name: indeterminate1;
7097           animation-name: indeterminate1;
7098   -webkit-animation-duration: 2s;
7099           animation-duration: 2s;
7100   -webkit-animation-iteration-count: infinite;
7101           animation-iteration-count: infinite;
7102   -webkit-animation-timing-function: linear;
7103           animation-timing-function: linear; }
7104
7105 .mdl-progress.mdl-progress--indeterminate > .bar3,
7106 .mdl-progress.mdl-progress__indeterminate > .bar3 {
7107   background-image: none;
7108   background-color: rgb(63,81,181);
7109   -webkit-animation-name: indeterminate2;
7110           animation-name: indeterminate2;
7111   -webkit-animation-duration: 2s;
7112           animation-duration: 2s;
7113   -webkit-animation-iteration-count: infinite;
7114           animation-iteration-count: infinite;
7115   -webkit-animation-timing-function: linear;
7116           animation-timing-function: linear; }
7117
7118 @-webkit-keyframes indeterminate1 {
7119   0% {
7120     left: 0%;
7121     width: 0%; }
7122   50% {
7123     left: 25%;
7124     width: 75%; }
7125   75% {
7126     left: 100%;
7127     width: 0%; } }
7128
7129 @keyframes indeterminate1 {
7130   0% {
7131     left: 0%;
7132     width: 0%; }
7133   50% {
7134     left: 25%;
7135     width: 75%; }
7136   75% {
7137     left: 100%;
7138     width: 0%; } }
7139
7140 @-webkit-keyframes indeterminate2 {
7141   0% {
7142     left: 0%;
7143     width: 0%; }
7144   50% {
7145     left: 0%;
7146     width: 0%; }
7147   75% {
7148     left: 0%;
7149     width: 25%; }
7150   100% {
7151     left: 100%;
7152     width: 0%; } }
7153
7154 @keyframes indeterminate2 {
7155   0% {
7156     left: 0%;
7157     width: 0%; }
7158   50% {
7159     left: 0%;
7160     width: 0%; }
7161   75% {
7162     left: 0%;
7163     width: 25%; }
7164   100% {
7165     left: 100%;
7166     width: 0%; } }
7167
7168 /**
7169  * Copyright 2015 Google Inc. All Rights Reserved.
7170  *
7171  * Licensed under the Apache License, Version 2.0 (the "License");
7172  * you may not use this file except in compliance with the License.
7173  * You may obtain a copy of the License at
7174  *
7175  *      http://www.apache.org/licenses/LICENSE-2.0
7176  *
7177  * Unless required by applicable law or agreed to in writing, software
7178  * distributed under the License is distributed on an "AS IS" BASIS,
7179  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7180  * See the License for the specific language governing permissions and
7181  * limitations under the License.
7182  */
7183 /**
7184  * Copyright 2015 Google Inc. All Rights Reserved.
7185  *
7186  * Licensed under the Apache License, Version 2.0 (the "License");
7187  * you may not use this file except in compliance with the License.
7188  * You may obtain a copy of the License at
7189  *
7190  *      http://www.apache.org/licenses/LICENSE-2.0
7191  *
7192  * Unless required by applicable law or agreed to in writing, software
7193  * distributed under the License is distributed on an "AS IS" BASIS,
7194  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7195  * See the License for the specific language governing permissions and
7196  * limitations under the License.
7197  */
7198 /*------------------------------------*    $CONTENTS
7199 \*------------------------------------*/
7200 /**
7201  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7202  * -----Typography
7203  * -----Colors
7204  * -----Textfield
7205  * -----Switch
7206  * -----Spinner
7207  * -----Radio
7208  * -----Menu
7209  * -----List
7210  * -----Layout
7211  * -----Icon toggles
7212  * -----Footer
7213  * -----Column
7214  * -----Checkbox
7215  * -----Card
7216  * -----Button
7217  * -----Animation
7218  * -----Progress
7219  * -----Badge
7220  * -----Shadows
7221  * -----Grid
7222  * -----Data table
7223  * -----Dialog
7224  * -----Snackbar
7225  * -----Tooltip
7226  * -----Chip
7227  *
7228  * Even though all variables have the `!default` directive, most of them
7229  * should not be changed as they are dependent one another. This can cause
7230  * visual distortions (like alignment issues) that are hard to track down
7231  * and fix.
7232  */
7233 /* ==========  TYPOGRAPHY  ========== */
7234 /* We're splitting fonts into "preferred" and "performance" in order to optimize
7235    page loading. For important text, such as the body, we want it to load
7236    immediately and not wait for the web font load, whereas for other sections,
7237    such as headers and titles, we're OK with things taking a bit longer to load.
7238    We do have some optional classes and parameters in the mixins, in case you
7239    definitely want to make sure you're using the preferred font and don't mind
7240    the performance hit.
7241    We should be able to improve on this once CSS Font Loading L3 becomes more
7242    widely available.
7243 */
7244 /* ==========  COLORS  ========== */
7245 /**
7246 *
7247 * Material design color palettes.
7248 * @see http://www.google.com/design/spec/style/color.html
7249 *
7250 **/
7251 /**
7252  * Copyright 2015 Google Inc. All Rights Reserved.
7253  *
7254  * Licensed under the Apache License, Version 2.0 (the "License");
7255  * you may not use this file except in compliance with the License.
7256  * You may obtain a copy of the License at
7257  *
7258  *      http://www.apache.org/licenses/LICENSE-2.0
7259  *
7260  * Unless required by applicable law or agreed to in writing, software
7261  * distributed under the License is distributed on an "AS IS" BASIS,
7262  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7263  * See the License for the specific language governing permissions and
7264  * limitations under the License.
7265  */
7266 /* ==========  Color Palettes  ========== */
7267 /* colors.scss */
7268 /**
7269  * Copyright 2015 Google Inc. All Rights Reserved.
7270  *
7271  * Licensed under the Apache License, Version 2.0 (the "License");
7272  * you may not use this file except in compliance with the License.
7273  * You may obtain a copy of the License at
7274  *
7275  *      http://www.apache.org/licenses/LICENSE-2.0
7276  *
7277  * Unless required by applicable law or agreed to in writing, software
7278  * distributed under the License is distributed on an "AS IS" BASIS,
7279  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7280  * See the License for the specific language governing permissions and
7281  * limitations under the License.
7282  */
7283 /* ==========  IMAGES  ========== */
7284 /* ==========  Color & Themes  ========== */
7285 /* ==========  Typography  ========== */
7286 /* ==========  Components  ========== */
7287 /* ==========  Standard Buttons  ========== */
7288 /* ==========  Icon Toggles  ========== */
7289 /* ==========  Radio Buttons  ========== */
7290 /* ==========  Ripple effect  ========== */
7291 /* ==========  Layout  ========== */
7292 /* ==========  Content Tabs  ========== */
7293 /* ==========  Checkboxes  ========== */
7294 /* ==========  Switches  ========== */
7295 /* ==========  Spinner  ========== */
7296 /* ==========  Text fields  ========== */
7297 /* ==========  Card  ========== */
7298 /* ==========  Sliders ========== */
7299 /* ========== Progress ========== */
7300 /* ==========  List ========== */
7301 /* ==========  Item ========== */
7302 /* ==========  Dropdown menu ========== */
7303 /* ==========  Tooltips  ========== */
7304 /* ==========  Footer  ========== */
7305 /* TEXTFIELD */
7306 /* SWITCH */
7307 /* SPINNER */
7308 /* RADIO */
7309 /* MENU */
7310 /* LIST */
7311 /* LAYOUT */
7312 /* ICON TOGGLE */
7313 /* FOOTER */
7314 /*mega-footer*/
7315 /*mini-footer*/
7316 /* CHECKBOX */
7317 /* CARD */
7318 /* Card dimensions */
7319 /* Cover image */
7320 /* BUTTON */
7321 /**
7322  *
7323  * Dimensions
7324  *
7325  */
7326 /* ANIMATION */
7327 /* PROGRESS */
7328 /* BADGE */
7329 /* SHADOWS */
7330 /* GRID */
7331 /* DATA TABLE */
7332 /* DIALOG */
7333 /* SNACKBAR */
7334 /* TOOLTIP */
7335 /* CHIP */
7336 /**
7337  * Copyright 2015 Google Inc. All Rights Reserved.
7338  *
7339  * Licensed under the Apache License, Version 2.0 (the "License");
7340  * you may not use this file except in compliance with the License.
7341  * You may obtain a copy of the License at
7342  *
7343  *      http://www.apache.org/licenses/LICENSE-2.0
7344  *
7345  * Unless required by applicable law or agreed to in writing, software
7346  * distributed under the License is distributed on an "AS IS" BASIS,
7347  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7348  * See the License for the specific language governing permissions and
7349  * limitations under the License.
7350  */
7351 /* Typography */
7352 /* Shadows */
7353 /* Animations */
7354 /* Dialog */
7355 .mdl-navigation {
7356   display: -webkit-flex;
7357   display: -ms-flexbox;
7358   display: flex;
7359   -webkit-flex-wrap: nowrap;
7360       -ms-flex-wrap: nowrap;
7361           flex-wrap: nowrap;
7362   box-sizing: border-box; }
7363
7364 .mdl-navigation__link {
7365   color: rgb(66,66,66);
7366   text-decoration: none;
7367   margin: 0;
7368   font-size: 14px;
7369   font-weight: 400;
7370   line-height: 24px;
7371   letter-spacing: 0;
7372   opacity: 0.87; }
7373   .mdl-navigation__link .material-icons {
7374     vertical-align: middle; }
7375
7376 .mdl-layout {
7377   width: 100%;
7378   height: 100%;
7379   display: -webkit-flex;
7380   display: -ms-flexbox;
7381   display: flex;
7382   -webkit-flex-direction: column;
7383       -ms-flex-direction: column;
7384           flex-direction: column;
7385   overflow-y: auto;
7386   overflow-x: hidden;
7387   position: relative;
7388   -webkit-overflow-scrolling: touch; }
7389
7390 .mdl-layout.is-small-screen .mdl-layout--large-screen-only {
7391   display: none; }
7392
7393 .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
7394   display: none; }
7395
7396 .mdl-layout__container {
7397   position: absolute;
7398   width: 100%;
7399   height: 100%; }
7400
7401 .mdl-layout__title,
7402 .mdl-layout-title {
7403   display: block;
7404   position: relative;
7405   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
7406   font-size: 20px;
7407   font-weight: 500;
7408   line-height: 1;
7409   letter-spacing: 0.02em;
7410   font-weight: 400;
7411   box-sizing: border-box; }
7412
7413 .mdl-layout-spacer {
7414   -webkit-flex-grow: 1;
7415       -ms-flex-positive: 1;
7416           flex-grow: 1; }
7417
7418 .mdl-layout__drawer {
7419   display: -webkit-flex;
7420   display: -ms-flexbox;
7421   display: flex;
7422   -webkit-flex-direction: column;
7423       -ms-flex-direction: column;
7424           flex-direction: column;
7425   -webkit-flex-wrap: nowrap;
7426       -ms-flex-wrap: nowrap;
7427           flex-wrap: nowrap;
7428   width: 240px;
7429   height: 100%;
7430   max-height: 100%;
7431   position: absolute;
7432   top: 0;
7433   left: 0;
7434   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7435   box-sizing: border-box;
7436   border-right: 1px solid rgb(224,224,224);
7437   background: rgb(250,250,250);
7438   -webkit-transform: translateX(-250px);
7439           transform: translateX(-250px);
7440   -webkit-transform-style: preserve-3d;
7441           transform-style: preserve-3d;
7442   will-change: transform;
7443   transition-duration: 0.2s;
7444   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7445   transition-property: -webkit-transform;
7446   transition-property: transform;
7447   transition-property: transform, -webkit-transform;
7448   color: rgb(66,66,66);
7449   overflow: visible;
7450   overflow-y: auto;
7451   z-index: 5; }
7452   .mdl-layout__drawer.is-visible {
7453     -webkit-transform: translateX(0);
7454             transform: translateX(0); }
7455     .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
7456       overflow: hidden; }
7457   .mdl-layout__drawer > * {
7458     -webkit-flex-shrink: 0;
7459         -ms-flex-negative: 0;
7460             flex-shrink: 0; }
7461   .mdl-layout__drawer > .mdl-layout__title,
7462   .mdl-layout__drawer > .mdl-layout-title {
7463     line-height: 64px;
7464     padding-left: 40px; }
7465     @media screen and (max-width: 1024px) {
7466       .mdl-layout__drawer > .mdl-layout__title,
7467       .mdl-layout__drawer > .mdl-layout-title {
7468         line-height: 56px;
7469         padding-left: 16px; } }
7470   .mdl-layout__drawer .mdl-navigation {
7471     -webkit-flex-direction: column;
7472         -ms-flex-direction: column;
7473             flex-direction: column;
7474     -webkit-align-items: stretch;
7475         -ms-flex-align: stretch;
7476             align-items: stretch;
7477     padding-top: 16px; }
7478     .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7479       display: block;
7480       -webkit-flex-shrink: 0;
7481           -ms-flex-negative: 0;
7482               flex-shrink: 0;
7483       padding: 16px 40px;
7484       margin: 0;
7485       color: #757575; }
7486       @media screen and (max-width: 1024px) {
7487         .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
7488           padding: 16px 16px; } }
7489       .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
7490         background-color: rgb(224,224,224); }
7491       .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
7492         background-color: rgb(224,224,224);
7493         color: rgb(0,0,0); }
7494   @media screen and (min-width: 1025px) {
7495     .mdl-layout--fixed-drawer > .mdl-layout__drawer {
7496       -webkit-transform: translateX(0);
7497               transform: translateX(0); } }
7498
7499 .mdl-layout__drawer-button {
7500   display: block;
7501   position: absolute;
7502   height: 48px;
7503   width: 48px;
7504   border: 0;
7505   -webkit-flex-shrink: 0;
7506       -ms-flex-negative: 0;
7507           flex-shrink: 0;
7508   overflow: hidden;
7509   text-align: center;
7510   cursor: pointer;
7511   font-size: 26px;
7512   line-height: 56px;
7513   font-family: Helvetica, Arial, sans-serif;
7514   margin: 8px 12px;
7515   top: 0;
7516   left: 0;
7517   color: rgb(255,255,255);
7518   z-index: 4; }
7519   .mdl-layout__header .mdl-layout__drawer-button {
7520     position: absolute;
7521     color: rgb(255,255,255);
7522     background-color: inherit; }
7523     @media screen and (max-width: 1024px) {
7524       .mdl-layout__header .mdl-layout__drawer-button {
7525         margin: 4px; } }
7526   @media screen and (max-width: 1024px) {
7527     .mdl-layout__drawer-button {
7528       margin: 4px;
7529       color: rgba(0, 0, 0, 0.5); } }
7530   @media screen and (min-width: 1025px) {
7531     .mdl-layout__drawer-button {
7532       line-height: 54px; }
7533       .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
7534       .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
7535       .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7536         display: none; } }
7537
7538 .mdl-layout__header {
7539   display: -webkit-flex;
7540   display: -ms-flexbox;
7541   display: flex;
7542   -webkit-flex-direction: column;
7543       -ms-flex-direction: column;
7544           flex-direction: column;
7545   -webkit-flex-wrap: nowrap;
7546       -ms-flex-wrap: nowrap;
7547           flex-wrap: nowrap;
7548   -webkit-justify-content: flex-start;
7549       -ms-flex-pack: start;
7550           justify-content: flex-start;
7551   box-sizing: border-box;
7552   -webkit-flex-shrink: 0;
7553       -ms-flex-negative: 0;
7554           flex-shrink: 0;
7555   width: 100%;
7556   margin: 0;
7557   padding: 0;
7558   border: none;
7559   min-height: 64px;
7560   max-height: 1000px;
7561   z-index: 3;
7562   background-color: rgb(63,81,181);
7563   color: rgb(255,255,255);
7564   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
7565   transition-duration: 0.2s;
7566   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7567   transition-property: max-height, box-shadow; }
7568   @media screen and (max-width: 1024px) {
7569     .mdl-layout__header {
7570       min-height: 56px; } }
7571   .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
7572     margin-left: 240px;
7573     width: calc(100% - 240px); }
7574   @media screen and (min-width: 1025px) {
7575     .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
7576       padding-left: 40px; } }
7577   .mdl-layout__header > .mdl-layout-icon {
7578     position: absolute;
7579     left: 40px;
7580     top: 16px;
7581     height: 32px;
7582     width: 32px;
7583     overflow: hidden;
7584     z-index: 3;
7585     display: block; }
7586     @media screen and (max-width: 1024px) {
7587       .mdl-layout__header > .mdl-layout-icon {
7588         left: 16px;
7589         top: 12px; } }
7590   .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
7591     display: none; }
7592   .mdl-layout__header.is-compact {
7593     max-height: 64px; }
7594     @media screen and (max-width: 1024px) {
7595       .mdl-layout__header.is-compact {
7596         max-height: 56px; } }
7597   .mdl-layout__header.is-compact.has-tabs {
7598     height: 112px; }
7599     @media screen and (max-width: 1024px) {
7600       .mdl-layout__header.is-compact.has-tabs {
7601         min-height: 104px; } }
7602   @media screen and (max-width: 1024px) {
7603     .mdl-layout__header {
7604       display: none; }
7605     .mdl-layout--fixed-header > .mdl-layout__header {
7606       display: -webkit-flex;
7607       display: -ms-flexbox;
7608       display: flex; } }
7609
7610 .mdl-layout__header--transparent.mdl-layout__header--transparent {
7611   background-color: transparent;
7612   box-shadow: none; }
7613
7614 .mdl-layout__header--seamed {
7615   box-shadow: none; }
7616
7617 .mdl-layout__header--scroll {
7618   box-shadow: none; }
7619
7620 .mdl-layout__header--waterfall {
7621   box-shadow: none;
7622   overflow: hidden; }
7623   .mdl-layout__header--waterfall.is-casting-shadow {
7624     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
7625   .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
7626     -webkit-justify-content: flex-end;
7627         -ms-flex-pack: end;
7628             justify-content: flex-end; }
7629
7630 .mdl-layout__header-row {
7631   display: -webkit-flex;
7632   display: -ms-flexbox;
7633   display: flex;
7634   -webkit-flex-direction: row;
7635       -ms-flex-direction: row;
7636           flex-direction: row;
7637   -webkit-flex-wrap: nowrap;
7638       -ms-flex-wrap: nowrap;
7639           flex-wrap: nowrap;
7640   -webkit-flex-shrink: 0;
7641       -ms-flex-negative: 0;
7642           flex-shrink: 0;
7643   box-sizing: border-box;
7644   -webkit-align-self: stretch;
7645       -ms-flex-item-align: stretch;
7646           align-self: stretch;
7647   -webkit-align-items: center;
7648       -ms-flex-align: center;
7649           align-items: center;
7650   height: 64px;
7651   margin: 0;
7652   padding: 0 40px 0 80px; }
7653   .mdl-layout--no-drawer-button .mdl-layout__header-row {
7654     padding-left: 40px; }
7655   @media screen and (min-width: 1025px) {
7656     .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
7657       padding-left: 40px; } }
7658   @media screen and (max-width: 1024px) {
7659     .mdl-layout__header-row {
7660       height: 56px;
7661       padding: 0 16px 0 72px; }
7662       .mdl-layout--no-drawer-button .mdl-layout__header-row {
7663         padding-left: 16px; } }
7664   .mdl-layout__header-row > * {
7665     -webkit-flex-shrink: 0;
7666         -ms-flex-negative: 0;
7667             flex-shrink: 0; }
7668   .mdl-layout__header--scroll .mdl-layout__header-row {
7669     width: 100%; }
7670   .mdl-layout__header-row .mdl-navigation {
7671     margin: 0;
7672     padding: 0;
7673     height: 64px;
7674     -webkit-flex-direction: row;
7675         -ms-flex-direction: row;
7676             flex-direction: row;
7677     -webkit-align-items: center;
7678         -ms-flex-align: center;
7679             align-items: center; }
7680     @media screen and (max-width: 1024px) {
7681       .mdl-layout__header-row .mdl-navigation {
7682         height: 56px; } }
7683   .mdl-layout__header-row .mdl-navigation__link {
7684     display: block;
7685     color: rgb(255,255,255);
7686     line-height: 64px;
7687     padding: 0 24px; }
7688     @media screen and (max-width: 1024px) {
7689       .mdl-layout__header-row .mdl-navigation__link {
7690         line-height: 56px;
7691         padding: 0 16px; } }
7692
7693 .mdl-layout__obfuscator {
7694   background-color: transparent;
7695   position: absolute;
7696   top: 0;
7697   left: 0;
7698   height: 100%;
7699   width: 100%;
7700   z-index: 4;
7701   visibility: hidden;
7702   transition-property: background-color;
7703   transition-duration: 0.2s;
7704   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
7705   .mdl-layout__obfuscator.is-visible {
7706     background-color: rgba(0, 0, 0, 0.5);
7707     visibility: visible; }
7708   @supports (pointer-events: auto) {
7709     .mdl-layout__obfuscator {
7710       background-color: rgba(0, 0, 0, 0.5);
7711       opacity: 0;
7712       transition-property: opacity;
7713       visibility: visible;
7714       pointer-events: none; }
7715       .mdl-layout__obfuscator.is-visible {
7716         pointer-events: auto;
7717         opacity: 1; } }
7718
7719 .mdl-layout__content {
7720   -ms-flex: 0 1 auto;
7721   position: relative;
7722   display: inline-block;
7723   overflow-y: auto;
7724   overflow-x: hidden;
7725   -webkit-flex-grow: 1;
7726       -ms-flex-positive: 1;
7727           flex-grow: 1;
7728   z-index: 1;
7729   -webkit-overflow-scrolling: touch; }
7730   .mdl-layout--fixed-drawer > .mdl-layout__content {
7731     margin-left: 240px; }
7732   .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7733     overflow: visible; }
7734   @media screen and (max-width: 1024px) {
7735     .mdl-layout--fixed-drawer > .mdl-layout__content {
7736       margin-left: 0; }
7737     .mdl-layout__container.has-scrolling-header .mdl-layout__content {
7738       overflow-y: auto;
7739       overflow-x: hidden; } }
7740
7741 .mdl-layout__tab-bar {
7742   height: 96px;
7743   margin: 0;
7744   width: calc(100% - 112px);
7745   padding: 0 0 0 56px;
7746   display: -webkit-flex;
7747   display: -ms-flexbox;
7748   display: flex;
7749   background-color: rgb(63,81,181);
7750   overflow-y: hidden;
7751   overflow-x: scroll; }
7752   .mdl-layout__tab-bar::-webkit-scrollbar {
7753     display: none; }
7754   .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7755     padding-left: 16px;
7756     width: calc(100% - 32px); }
7757   @media screen and (min-width: 1025px) {
7758     .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
7759       padding-left: 16px;
7760       width: calc(100% - 32px); } }
7761   @media screen and (max-width: 1024px) {
7762     .mdl-layout__tab-bar {
7763       width: calc(100% - 60px);
7764       padding: 0 0 0 60px; }
7765       .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
7766         width: calc(100% - 8px);
7767         padding-left: 4px; } }
7768   .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
7769     padding: 0;
7770     overflow: hidden;
7771     width: 100%; }
7772
7773 .mdl-layout__tab-bar-container {
7774   position: relative;
7775   height: 48px;
7776   width: 100%;
7777   border: none;
7778   margin: 0;
7779   z-index: 2;
7780   -webkit-flex-grow: 0;
7781       -ms-flex-positive: 0;
7782           flex-grow: 0;
7783   -webkit-flex-shrink: 0;
7784       -ms-flex-negative: 0;
7785           flex-shrink: 0;
7786   overflow: hidden; }
7787   .mdl-layout__container > .mdl-layout__tab-bar-container {
7788     position: absolute;
7789     top: 0;
7790     left: 0; }
7791
7792 .mdl-layout__tab-bar-button {
7793   display: inline-block;
7794   position: absolute;
7795   top: 0;
7796   height: 48px;
7797   width: 56px;
7798   z-index: 4;
7799   text-align: center;
7800   background-color: rgb(63,81,181);
7801   color: transparent;
7802   cursor: pointer;
7803   -webkit-user-select: none;
7804      -moz-user-select: none;
7805       -ms-user-select: none;
7806           user-select: none; }
7807   .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
7808   .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
7809     width: 16px; }
7810     .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
7811     .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
7812       position: relative;
7813       left: -4px; }
7814   @media screen and (max-width: 1024px) {
7815     .mdl-layout__tab-bar-button {
7816       width: 60px; } }
7817   .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
7818     display: none; }
7819   .mdl-layout__tab-bar-button .material-icons {
7820     line-height: 48px; }
7821   .mdl-layout__tab-bar-button.is-active {
7822     color: rgb(255,255,255); }
7823
7824 .mdl-layout__tab-bar-left-button {
7825   left: 0; }
7826
7827 .mdl-layout__tab-bar-right-button {
7828   right: 0; }
7829
7830 .mdl-layout__tab {
7831   margin: 0;
7832   border: none;
7833   padding: 0 24px 0 24px;
7834   float: left;
7835   position: relative;
7836   display: block;
7837   -webkit-flex-grow: 0;
7838       -ms-flex-positive: 0;
7839           flex-grow: 0;
7840   -webkit-flex-shrink: 0;
7841       -ms-flex-negative: 0;
7842           flex-shrink: 0;
7843   text-decoration: none;
7844   height: 48px;
7845   line-height: 48px;
7846   text-align: center;
7847   font-weight: 500;
7848   font-size: 14px;
7849   text-transform: uppercase;
7850   color: rgba(255,255,255, 0.6);
7851   overflow: hidden; }
7852   @media screen and (max-width: 1024px) {
7853     .mdl-layout__tab {
7854       padding: 0 12px 0 12px; } }
7855   .mdl-layout--fixed-tabs .mdl-layout__tab {
7856     float: none;
7857     -webkit-flex-grow: 1;
7858         -ms-flex-positive: 1;
7859             flex-grow: 1;
7860     padding: 0; }
7861   .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
7862     color: rgb(255,255,255); }
7863   .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
7864     height: 2px;
7865     width: 100%;
7866     display: block;
7867     content: " ";
7868     bottom: 0;
7869     left: 0;
7870     position: absolute;
7871     background: rgb(255,64,129);
7872     -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7873             animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
7874     transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
7875   .mdl-layout__tab .mdl-layout__tab-ripple-container {
7876     display: block;
7877     position: absolute;
7878     height: 100%;
7879     width: 100%;
7880     left: 0;
7881     top: 0;
7882     z-index: 1;
7883     overflow: hidden; }
7884     .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
7885       background-color: rgb(255,255,255); }
7886
7887 .mdl-layout__tab-panel {
7888   display: block; }
7889   .mdl-layout.is-upgraded .mdl-layout__tab-panel {
7890     display: none; }
7891   .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
7892     display: block; }
7893
7894 /**
7895  * Copyright 2015 Google Inc. All Rights Reserved.
7896  *
7897  * Licensed under the Apache License, Version 2.0 (the "License");
7898  * you may not use this file except in compliance with the License.
7899  * You may obtain a copy of the License at
7900  *
7901  *      http://www.apache.org/licenses/LICENSE-2.0
7902  *
7903  * Unless required by applicable law or agreed to in writing, software
7904  * distributed under the License is distributed on an "AS IS" BASIS,
7905  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7906  * See the License for the specific language governing permissions and
7907  * limitations under the License.
7908  */
7909 /**
7910  * Copyright 2015 Google Inc. All Rights Reserved.
7911  *
7912  * Licensed under the Apache License, Version 2.0 (the "License");
7913  * you may not use this file except in compliance with the License.
7914  * You may obtain a copy of the License at
7915  *
7916  *      http://www.apache.org/licenses/LICENSE-2.0
7917  *
7918  * Unless required by applicable law or agreed to in writing, software
7919  * distributed under the License is distributed on an "AS IS" BASIS,
7920  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7921  * See the License for the specific language governing permissions and
7922  * limitations under the License.
7923  */
7924 /*------------------------------------*    $CONTENTS
7925 \*------------------------------------*/
7926 /**
7927  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
7928  * -----Typography
7929  * -----Colors
7930  * -----Textfield
7931  * -----Switch
7932  * -----Spinner
7933  * -----Radio
7934  * -----Menu
7935  * -----List
7936  * -----Layout
7937  * -----Icon toggles
7938  * -----Footer
7939  * -----Column
7940  * -----Checkbox
7941  * -----Card
7942  * -----Button
7943  * -----Animation
7944  * -----Progress
7945  * -----Badge
7946  * -----Shadows
7947  * -----Grid
7948  * -----Data table
7949  * -----Dialog
7950  * -----Snackbar
7951  * -----Tooltip
7952  * -----Chip
7953  *
7954  * Even though all variables have the `!default` directive, most of them
7955  * should not be changed as they are dependent one another. This can cause
7956  * visual distortions (like alignment issues) that are hard to track down
7957  * and fix.
7958  */
7959 /* ==========  TYPOGRAPHY  ========== */
7960 /* We're splitting fonts into "preferred" and "performance" in order to optimize
7961    page loading. For important text, such as the body, we want it to load
7962    immediately and not wait for the web font load, whereas for other sections,
7963    such as headers and titles, we're OK with things taking a bit longer to load.
7964    We do have some optional classes and parameters in the mixins, in case you
7965    definitely want to make sure you're using the preferred font and don't mind
7966    the performance hit.
7967    We should be able to improve on this once CSS Font Loading L3 becomes more
7968    widely available.
7969 */
7970 /* ==========  COLORS  ========== */
7971 /**
7972 *
7973 * Material design color palettes.
7974 * @see http://www.google.com/design/spec/style/color.html
7975 *
7976 **/
7977 /**
7978  * Copyright 2015 Google Inc. All Rights Reserved.
7979  *
7980  * Licensed under the Apache License, Version 2.0 (the "License");
7981  * you may not use this file except in compliance with the License.
7982  * You may obtain a copy of the License at
7983  *
7984  *      http://www.apache.org/licenses/LICENSE-2.0
7985  *
7986  * Unless required by applicable law or agreed to in writing, software
7987  * distributed under the License is distributed on an "AS IS" BASIS,
7988  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
7989  * See the License for the specific language governing permissions and
7990  * limitations under the License.
7991  */
7992 /* ==========  Color Palettes  ========== */
7993 /* colors.scss */
7994 /**
7995  * Copyright 2015 Google Inc. All Rights Reserved.
7996  *
7997  * Licensed under the Apache License, Version 2.0 (the "License");
7998  * you may not use this file except in compliance with the License.
7999  * You may obtain a copy of the License at
8000  *
8001  *      http://www.apache.org/licenses/LICENSE-2.0
8002  *
8003  * Unless required by applicable law or agreed to in writing, software
8004  * distributed under the License is distributed on an "AS IS" BASIS,
8005  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8006  * See the License for the specific language governing permissions and
8007  * limitations under the License.
8008  */
8009 /* ==========  IMAGES  ========== */
8010 /* ==========  Color & Themes  ========== */
8011 /* ==========  Typography  ========== */
8012 /* ==========  Components  ========== */
8013 /* ==========  Standard Buttons  ========== */
8014 /* ==========  Icon Toggles  ========== */
8015 /* ==========  Radio Buttons  ========== */
8016 /* ==========  Ripple effect  ========== */
8017 /* ==========  Layout  ========== */
8018 /* ==========  Content Tabs  ========== */
8019 /* ==========  Checkboxes  ========== */
8020 /* ==========  Switches  ========== */
8021 /* ==========  Spinner  ========== */
8022 /* ==========  Text fields  ========== */
8023 /* ==========  Card  ========== */
8024 /* ==========  Sliders ========== */
8025 /* ========== Progress ========== */
8026 /* ==========  List ========== */
8027 /* ==========  Item ========== */
8028 /* ==========  Dropdown menu ========== */
8029 /* ==========  Tooltips  ========== */
8030 /* ==========  Footer  ========== */
8031 /* TEXTFIELD */
8032 /* SWITCH */
8033 /* SPINNER */
8034 /* RADIO */
8035 /* MENU */
8036 /* LIST */
8037 /* LAYOUT */
8038 /* ICON TOGGLE */
8039 /* FOOTER */
8040 /*mega-footer*/
8041 /*mini-footer*/
8042 /* CHECKBOX */
8043 /* CARD */
8044 /* Card dimensions */
8045 /* Cover image */
8046 /* BUTTON */
8047 /**
8048  *
8049  * Dimensions
8050  *
8051  */
8052 /* ANIMATION */
8053 /* PROGRESS */
8054 /* BADGE */
8055 /* SHADOWS */
8056 /* GRID */
8057 /* DATA TABLE */
8058 /* DIALOG */
8059 /* SNACKBAR */
8060 /* TOOLTIP */
8061 /* CHIP */
8062 /**
8063  * Copyright 2015 Google Inc. All Rights Reserved.
8064  *
8065  * Licensed under the Apache License, Version 2.0 (the "License");
8066  * you may not use this file except in compliance with the License.
8067  * You may obtain a copy of the License at
8068  *
8069  *      http://www.apache.org/licenses/LICENSE-2.0
8070  *
8071  * Unless required by applicable law or agreed to in writing, software
8072  * distributed under the License is distributed on an "AS IS" BASIS,
8073  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8074  * See the License for the specific language governing permissions and
8075  * limitations under the License.
8076  */
8077 /* Typography */
8078 /* Shadows */
8079 /* Animations */
8080 /* Dialog */
8081 .mdl-radio {
8082   position: relative;
8083   font-size: 16px;
8084   line-height: 24px;
8085   display: inline-block;
8086   vertical-align: middle;
8087   box-sizing: border-box;
8088   height: 24px;
8089   margin: 0;
8090   padding-left: 0; }
8091   .mdl-radio.is-upgraded {
8092     padding-left: 24px; }
8093
8094 .mdl-radio__button {
8095   line-height: 24px; }
8096   .mdl-radio.is-upgraded .mdl-radio__button {
8097     position: absolute;
8098     width: 0;
8099     height: 0;
8100     margin: 0;
8101     padding: 0;
8102     opacity: 0;
8103     -ms-appearance: none;
8104     -moz-appearance: none;
8105     -webkit-appearance: none;
8106     appearance: none;
8107     border: none; }
8108
8109 .mdl-radio__outer-circle {
8110   position: absolute;
8111   top: 4px;
8112   left: 0;
8113   display: inline-block;
8114   box-sizing: border-box;
8115   width: 16px;
8116   height: 16px;
8117   margin: 0;
8118   cursor: pointer;
8119   border: 2px solid rgba(0,0,0, 0.54);
8120   border-radius: 50%;
8121   z-index: 2; }
8122   .mdl-radio.is-checked .mdl-radio__outer-circle {
8123     border: 2px solid rgb(63,81,181); }
8124   .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
8125   .mdl-radio.is-disabled .mdl-radio__outer-circle {
8126     border: 2px solid rgba(0,0,0, 0.26);
8127     cursor: auto; }
8128
8129 .mdl-radio__inner-circle {
8130   position: absolute;
8131   z-index: 1;
8132   margin: 0;
8133   top: 8px;
8134   left: 4px;
8135   box-sizing: border-box;
8136   width: 8px;
8137   height: 8px;
8138   cursor: pointer;
8139   transition-duration: 0.28s;
8140   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8141   transition-property: -webkit-transform;
8142   transition-property: transform;
8143   transition-property: transform, -webkit-transform;
8144   -webkit-transform: scale(0, 0);
8145           transform: scale(0, 0);
8146   border-radius: 50%;
8147   background: rgb(63,81,181); }
8148   .mdl-radio.is-checked .mdl-radio__inner-circle {
8149     -webkit-transform: scale(1, 1);
8150             transform: scale(1, 1); }
8151   fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
8152   .mdl-radio.is-disabled .mdl-radio__inner-circle {
8153     background: rgba(0,0,0, 0.26);
8154     cursor: auto; }
8155   .mdl-radio.is-focused .mdl-radio__inner-circle {
8156     box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }
8157
8158 .mdl-radio__label {
8159   cursor: pointer; }
8160   fieldset[disabled] .mdl-radio .mdl-radio__label,
8161   .mdl-radio.is-disabled .mdl-radio__label {
8162     color: rgba(0,0,0, 0.26);
8163     cursor: auto; }
8164
8165 .mdl-radio__ripple-container {
8166   position: absolute;
8167   z-index: 2;
8168   top: -9px;
8169   left: -13px;
8170   box-sizing: border-box;
8171   width: 42px;
8172   height: 42px;
8173   border-radius: 50%;
8174   cursor: pointer;
8175   overflow: hidden;
8176   -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
8177   .mdl-radio__ripple-container .mdl-ripple {
8178     background: rgb(63,81,181); }
8179   fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
8180   .mdl-radio.is-disabled .mdl-radio__ripple-container {
8181     cursor: auto; }
8182   fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
8183   .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
8184     background: transparent; }
8185
8186 /**
8187  * Copyright 2015 Google Inc. All Rights Reserved.
8188  *
8189  * Licensed under the Apache License, Version 2.0 (the "License");
8190  * you may not use this file except in compliance with the License.
8191  * You may obtain a copy of the License at
8192  *
8193  *      http://www.apache.org/licenses/LICENSE-2.0
8194  *
8195  * Unless required by applicable law or agreed to in writing, software
8196  * distributed under the License is distributed on an "AS IS" BASIS,
8197  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8198  * See the License for the specific language governing permissions and
8199  * limitations under the License.
8200  */
8201 /**
8202  * Copyright 2015 Google Inc. All Rights Reserved.
8203  *
8204  * Licensed under the Apache License, Version 2.0 (the "License");
8205  * you may not use this file except in compliance with the License.
8206  * You may obtain a copy of the License at
8207  *
8208  *      http://www.apache.org/licenses/LICENSE-2.0
8209  *
8210  * Unless required by applicable law or agreed to in writing, software
8211  * distributed under the License is distributed on an "AS IS" BASIS,
8212  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8213  * See the License for the specific language governing permissions and
8214  * limitations under the License.
8215  */
8216 /*------------------------------------*    $CONTENTS
8217 \*------------------------------------*/
8218 /**
8219  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8220  * -----Typography
8221  * -----Colors
8222  * -----Textfield
8223  * -----Switch
8224  * -----Spinner
8225  * -----Radio
8226  * -----Menu
8227  * -----List
8228  * -----Layout
8229  * -----Icon toggles
8230  * -----Footer
8231  * -----Column
8232  * -----Checkbox
8233  * -----Card
8234  * -----Button
8235  * -----Animation
8236  * -----Progress
8237  * -----Badge
8238  * -----Shadows
8239  * -----Grid
8240  * -----Data table
8241  * -----Dialog
8242  * -----Snackbar
8243  * -----Tooltip
8244  * -----Chip
8245  *
8246  * Even though all variables have the `!default` directive, most of them
8247  * should not be changed as they are dependent one another. This can cause
8248  * visual distortions (like alignment issues) that are hard to track down
8249  * and fix.
8250  */
8251 /* ==========  TYPOGRAPHY  ========== */
8252 /* We're splitting fonts into "preferred" and "performance" in order to optimize
8253    page loading. For important text, such as the body, we want it to load
8254    immediately and not wait for the web font load, whereas for other sections,
8255    such as headers and titles, we're OK with things taking a bit longer to load.
8256    We do have some optional classes and parameters in the mixins, in case you
8257    definitely want to make sure you're using the preferred font and don't mind
8258    the performance hit.
8259    We should be able to improve on this once CSS Font Loading L3 becomes more
8260    widely available.
8261 */
8262 /* ==========  COLORS  ========== */
8263 /**
8264 *
8265 * Material design color palettes.
8266 * @see http://www.google.com/design/spec/style/color.html
8267 *
8268 **/
8269 /**
8270  * Copyright 2015 Google Inc. All Rights Reserved.
8271  *
8272  * Licensed under the Apache License, Version 2.0 (the "License");
8273  * you may not use this file except in compliance with the License.
8274  * You may obtain a copy of the License at
8275  *
8276  *      http://www.apache.org/licenses/LICENSE-2.0
8277  *
8278  * Unless required by applicable law or agreed to in writing, software
8279  * distributed under the License is distributed on an "AS IS" BASIS,
8280  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8281  * See the License for the specific language governing permissions and
8282  * limitations under the License.
8283  */
8284 /* ==========  Color Palettes  ========== */
8285 /* colors.scss */
8286 /**
8287  * Copyright 2015 Google Inc. All Rights Reserved.
8288  *
8289  * Licensed under the Apache License, Version 2.0 (the "License");
8290  * you may not use this file except in compliance with the License.
8291  * You may obtain a copy of the License at
8292  *
8293  *      http://www.apache.org/licenses/LICENSE-2.0
8294  *
8295  * Unless required by applicable law or agreed to in writing, software
8296  * distributed under the License is distributed on an "AS IS" BASIS,
8297  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8298  * See the License for the specific language governing permissions and
8299  * limitations under the License.
8300  */
8301 /* ==========  IMAGES  ========== */
8302 /* ==========  Color & Themes  ========== */
8303 /* ==========  Typography  ========== */
8304 /* ==========  Components  ========== */
8305 /* ==========  Standard Buttons  ========== */
8306 /* ==========  Icon Toggles  ========== */
8307 /* ==========  Radio Buttons  ========== */
8308 /* ==========  Ripple effect  ========== */
8309 /* ==========  Layout  ========== */
8310 /* ==========  Content Tabs  ========== */
8311 /* ==========  Checkboxes  ========== */
8312 /* ==========  Switches  ========== */
8313 /* ==========  Spinner  ========== */
8314 /* ==========  Text fields  ========== */
8315 /* ==========  Card  ========== */
8316 /* ==========  Sliders ========== */
8317 /* ========== Progress ========== */
8318 /* ==========  List ========== */
8319 /* ==========  Item ========== */
8320 /* ==========  Dropdown menu ========== */
8321 /* ==========  Tooltips  ========== */
8322 /* ==========  Footer  ========== */
8323 /* TEXTFIELD */
8324 /* SWITCH */
8325 /* SPINNER */
8326 /* RADIO */
8327 /* MENU */
8328 /* LIST */
8329 /* LAYOUT */
8330 /* ICON TOGGLE */
8331 /* FOOTER */
8332 /*mega-footer*/
8333 /*mini-footer*/
8334 /* CHECKBOX */
8335 /* CARD */
8336 /* Card dimensions */
8337 /* Cover image */
8338 /* BUTTON */
8339 /**
8340  *
8341  * Dimensions
8342  *
8343  */
8344 /* ANIMATION */
8345 /* PROGRESS */
8346 /* BADGE */
8347 /* SHADOWS */
8348 /* GRID */
8349 /* DATA TABLE */
8350 /* DIALOG */
8351 /* SNACKBAR */
8352 /* TOOLTIP */
8353 /* CHIP */
8354 _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8355   -ms-appearance: none;
8356   height: 32px;
8357   margin: 0; }
8358
8359 .mdl-slider {
8360   width: calc(100% - 40px);
8361   margin: 0 20px; }
8362   .mdl-slider.is-upgraded {
8363     -webkit-appearance: none;
8364     -moz-appearance: none;
8365     appearance: none;
8366     height: 2px;
8367     background: transparent;
8368     -webkit-user-select: none;
8369     -moz-user-select: none;
8370     -ms-user-select: none;
8371         user-select: none;
8372     outline: 0;
8373     padding: 0;
8374     color: rgb(63,81,181);
8375     -webkit-align-self: center;
8376         -ms-flex-item-align: center;
8377                 -ms-grid-row-align: center;
8378             align-self: center;
8379     z-index: 1;
8380     cursor: pointer;
8381     /**************************** Tracks ****************************/
8382     /**************************** Thumbs ****************************/
8383     /**************************** 0-value ****************************/
8384     /**************************** Disabled ****************************/ }
8385     .mdl-slider.is-upgraded::-moz-focus-outer {
8386       border: 0; }
8387     .mdl-slider.is-upgraded::-ms-tooltip {
8388       display: none; }
8389     .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
8390       background: transparent; }
8391     .mdl-slider.is-upgraded::-moz-range-track {
8392       background: transparent;
8393       border: none; }
8394     .mdl-slider.is-upgraded::-ms-track {
8395       background: none;
8396       color: transparent;
8397       height: 2px;
8398       width: 100%;
8399       border: none; }
8400     .mdl-slider.is-upgraded::-ms-fill-lower {
8401       padding: 0;
8402       background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }
8403     .mdl-slider.is-upgraded::-ms-fill-upper {
8404       padding: 0;
8405       background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
8406     .mdl-slider.is-upgraded::-webkit-slider-thumb {
8407       -webkit-appearance: none;
8408       width: 12px;
8409       height: 12px;
8410       box-sizing: border-box;
8411       border-radius: 50%;
8412       background: rgb(63,81,181);
8413       border: none;
8414       transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
8415       transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
8416       transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8417     .mdl-slider.is-upgraded::-moz-range-thumb {
8418       -moz-appearance: none;
8419       width: 12px;
8420       height: 12px;
8421       box-sizing: border-box;
8422       border-radius: 50%;
8423       background-image: none;
8424       background: rgb(63,81,181);
8425       border: none; }
8426     .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
8427       box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8428     .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
8429       box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
8430     .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
8431       background-image: none;
8432       background: rgb(63,81,181);
8433       -webkit-transform: scale(1.5);
8434               transform: scale(1.5); }
8435     .mdl-slider.is-upgraded:active::-moz-range-thumb {
8436       background-image: none;
8437       background: rgb(63,81,181);
8438       transform: scale(1.5); }
8439     .mdl-slider.is-upgraded::-ms-thumb {
8440       width: 32px;
8441       height: 32px;
8442       border: none;
8443       border-radius: 50%;
8444       background: rgb(63,81,181);
8445       transform: scale(0.375);
8446       transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
8447       transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
8448       transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8449     .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
8450       background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
8451       transform: scale(1); }
8452     .mdl-slider.is-upgraded:active::-ms-thumb {
8453       background: rgb(63,81,181);
8454       transform: scale(0.5625); }
8455     .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
8456       border: 2px solid rgba(0,0,0, 0.26);
8457       background: transparent; }
8458     .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
8459       border: 2px solid rgba(0,0,0, 0.26);
8460       background: transparent; }
8461     .mdl-slider.is-upgraded.is-lowest-value +
8462 .mdl-slider__background-flex > .mdl-slider__background-upper {
8463       left: 6px; }
8464     .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
8465       box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8466       background: rgba(0,0,0, 0.12); }
8467     .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
8468       box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
8469       background: rgba(0,0,0, 0.12); }
8470     .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
8471       border: 1.6px solid rgba(0,0,0, 0.26);
8472       -webkit-transform: scale(1.5);
8473               transform: scale(1.5); }
8474     .mdl-slider.is-upgraded.is-lowest-value:active +
8475 .mdl-slider__background-flex > .mdl-slider__background-upper {
8476       left: 9px; }
8477     .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
8478       border: 1.5px solid rgba(0,0,0, 0.26);
8479       transform: scale(1.5); }
8480     .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
8481       background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
8482     .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
8483       background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
8484       transform: scale(1); }
8485     .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
8486       transform: scale(0.5625);
8487       background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }
8488     .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
8489       background: transparent; }
8490     .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
8491       margin-left: 6px; }
8492     .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
8493       margin-left: 9px; }
8494     .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
8495       -webkit-transform: scale(0.667);
8496               transform: scale(0.667);
8497       background: rgba(0,0,0, 0.26); }
8498     .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
8499       transform: scale(0.667);
8500       background: rgba(0,0,0, 0.26); }
8501     .mdl-slider.is-upgraded:disabled +
8502 .mdl-slider__background-flex > .mdl-slider__background-lower {
8503       background-color: rgba(0,0,0, 0.26);
8504       left: -6px; }
8505     .mdl-slider.is-upgraded:disabled +
8506 .mdl-slider__background-flex > .mdl-slider__background-upper {
8507       left: 6px; }
8508     .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
8509       border: 3px solid rgba(0,0,0, 0.26);
8510       background: transparent;
8511       -webkit-transform: scale(0.667);
8512               transform: scale(0.667); }
8513     .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
8514       border: 3px solid rgba(0,0,0, 0.26);
8515       background: transparent;
8516       transform: scale(0.667); }
8517     .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
8518 .mdl-slider__background-flex > .mdl-slider__background-upper {
8519       left: 6px; }
8520     .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
8521       transform: scale(0.25);
8522       background: rgba(0,0,0, 0.26); }
8523     .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
8524       transform: scale(0.25);
8525       background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
8526     .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
8527       margin-right: 6px;
8528       background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
8529     .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
8530       margin-left: 6px; }
8531     .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
8532       margin-left: 6px; }
8533
8534 .mdl-slider__ie-container {
8535   height: 18px;
8536   overflow: visible;
8537   border: none;
8538   margin: none;
8539   padding: none; }
8540
8541 .mdl-slider__container {
8542   height: 18px;
8543   position: relative;
8544   background: none;
8545   display: -webkit-flex;
8546   display: -ms-flexbox;
8547   display: flex;
8548   -webkit-flex-direction: row;
8549       -ms-flex-direction: row;
8550           flex-direction: row; }
8551
8552 .mdl-slider__background-flex {
8553   background: transparent;
8554   position: absolute;
8555   height: 2px;
8556   width: calc(100% - 52px);
8557   top: 50%;
8558   left: 0;
8559   margin: 0 26px;
8560   display: -webkit-flex;
8561   display: -ms-flexbox;
8562   display: flex;
8563   overflow: hidden;
8564   border: 0;
8565   padding: 0;
8566   -webkit-transform: translate(0, -1px);
8567           transform: translate(0, -1px); }
8568
8569 .mdl-slider__background-lower {
8570   background: rgb(63,81,181);
8571   -webkit-flex: 0;
8572       -ms-flex: 0;
8573           flex: 0;
8574   position: relative;
8575   border: 0;
8576   padding: 0; }
8577
8578 .mdl-slider__background-upper {
8579   background: rgba(0,0,0, 0.26);
8580   -webkit-flex: 0;
8581       -ms-flex: 0;
8582           flex: 0;
8583   position: relative;
8584   border: 0;
8585   padding: 0;
8586   transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
8587
8588 /**
8589  * Copyright 2015 Google Inc. All Rights Reserved.
8590  *
8591  * Licensed under the Apache License, Version 2.0 (the "License");
8592  * you may not use this file except in compliance with the License.
8593  * You may obtain a copy of the License at
8594  *
8595  *      http://www.apache.org/licenses/LICENSE-2.0
8596  *
8597  * Unless required by applicable law or agreed to in writing, software
8598  * distributed under the License is distributed on an "AS IS" BASIS,
8599  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8600  * See the License for the specific language governing permissions and
8601  * limitations under the License.
8602  */
8603 /**
8604  * Copyright 2015 Google Inc. All Rights Reserved.
8605  *
8606  * Licensed under the Apache License, Version 2.0 (the "License");
8607  * you may not use this file except in compliance with the License.
8608  * You may obtain a copy of the License at
8609  *
8610  *      http://www.apache.org/licenses/LICENSE-2.0
8611  *
8612  * Unless required by applicable law or agreed to in writing, software
8613  * distributed under the License is distributed on an "AS IS" BASIS,
8614  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8615  * See the License for the specific language governing permissions and
8616  * limitations under the License.
8617  */
8618 /*------------------------------------*    $CONTENTS
8619 \*------------------------------------*/
8620 /**
8621  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8622  * -----Typography
8623  * -----Colors
8624  * -----Textfield
8625  * -----Switch
8626  * -----Spinner
8627  * -----Radio
8628  * -----Menu
8629  * -----List
8630  * -----Layout
8631  * -----Icon toggles
8632  * -----Footer
8633  * -----Column
8634  * -----Checkbox
8635  * -----Card
8636  * -----Button
8637  * -----Animation
8638  * -----Progress
8639  * -----Badge
8640  * -----Shadows
8641  * -----Grid
8642  * -----Data table
8643  * -----Dialog
8644  * -----Snackbar
8645  * -----Tooltip
8646  * -----Chip
8647  *
8648  * Even though all variables have the `!default` directive, most of them
8649  * should not be changed as they are dependent one another. This can cause
8650  * visual distortions (like alignment issues) that are hard to track down
8651  * and fix.
8652  */
8653 /* ==========  TYPOGRAPHY  ========== */
8654 /* We're splitting fonts into "preferred" and "performance" in order to optimize
8655    page loading. For important text, such as the body, we want it to load
8656    immediately and not wait for the web font load, whereas for other sections,
8657    such as headers and titles, we're OK with things taking a bit longer to load.
8658    We do have some optional classes and parameters in the mixins, in case you
8659    definitely want to make sure you're using the preferred font and don't mind
8660    the performance hit.
8661    We should be able to improve on this once CSS Font Loading L3 becomes more
8662    widely available.
8663 */
8664 /* ==========  COLORS  ========== */
8665 /**
8666 *
8667 * Material design color palettes.
8668 * @see http://www.google.com/design/spec/style/color.html
8669 *
8670 **/
8671 /**
8672  * Copyright 2015 Google Inc. All Rights Reserved.
8673  *
8674  * Licensed under the Apache License, Version 2.0 (the "License");
8675  * you may not use this file except in compliance with the License.
8676  * You may obtain a copy of the License at
8677  *
8678  *      http://www.apache.org/licenses/LICENSE-2.0
8679  *
8680  * Unless required by applicable law or agreed to in writing, software
8681  * distributed under the License is distributed on an "AS IS" BASIS,
8682  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8683  * See the License for the specific language governing permissions and
8684  * limitations under the License.
8685  */
8686 /* ==========  Color Palettes  ========== */
8687 /* colors.scss */
8688 /**
8689  * Copyright 2015 Google Inc. All Rights Reserved.
8690  *
8691  * Licensed under the Apache License, Version 2.0 (the "License");
8692  * you may not use this file except in compliance with the License.
8693  * You may obtain a copy of the License at
8694  *
8695  *      http://www.apache.org/licenses/LICENSE-2.0
8696  *
8697  * Unless required by applicable law or agreed to in writing, software
8698  * distributed under the License is distributed on an "AS IS" BASIS,
8699  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8700  * See the License for the specific language governing permissions and
8701  * limitations under the License.
8702  */
8703 /* ==========  IMAGES  ========== */
8704 /* ==========  Color & Themes  ========== */
8705 /* ==========  Typography  ========== */
8706 /* ==========  Components  ========== */
8707 /* ==========  Standard Buttons  ========== */
8708 /* ==========  Icon Toggles  ========== */
8709 /* ==========  Radio Buttons  ========== */
8710 /* ==========  Ripple effect  ========== */
8711 /* ==========  Layout  ========== */
8712 /* ==========  Content Tabs  ========== */
8713 /* ==========  Checkboxes  ========== */
8714 /* ==========  Switches  ========== */
8715 /* ==========  Spinner  ========== */
8716 /* ==========  Text fields  ========== */
8717 /* ==========  Card  ========== */
8718 /* ==========  Sliders ========== */
8719 /* ========== Progress ========== */
8720 /* ==========  List ========== */
8721 /* ==========  Item ========== */
8722 /* ==========  Dropdown menu ========== */
8723 /* ==========  Tooltips  ========== */
8724 /* ==========  Footer  ========== */
8725 /* TEXTFIELD */
8726 /* SWITCH */
8727 /* SPINNER */
8728 /* RADIO */
8729 /* MENU */
8730 /* LIST */
8731 /* LAYOUT */
8732 /* ICON TOGGLE */
8733 /* FOOTER */
8734 /*mega-footer*/
8735 /*mini-footer*/
8736 /* CHECKBOX */
8737 /* CARD */
8738 /* Card dimensions */
8739 /* Cover image */
8740 /* BUTTON */
8741 /**
8742  *
8743  * Dimensions
8744  *
8745  */
8746 /* ANIMATION */
8747 /* PROGRESS */
8748 /* BADGE */
8749 /* SHADOWS */
8750 /* GRID */
8751 /* DATA TABLE */
8752 /* DIALOG */
8753 /* SNACKBAR */
8754 /* TOOLTIP */
8755 /* CHIP */
8756 /**
8757  * Copyright 2015 Google Inc. All Rights Reserved.
8758  *
8759  * Licensed under the Apache License, Version 2.0 (the "License");
8760  * you may not use this file except in compliance with the License.
8761  * You may obtain a copy of the License at
8762  *
8763  *      http://www.apache.org/licenses/LICENSE-2.0
8764  *
8765  * Unless required by applicable law or agreed to in writing, software
8766  * distributed under the License is distributed on an "AS IS" BASIS,
8767  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8768  * See the License for the specific language governing permissions and
8769  * limitations under the License.
8770  */
8771 /* Typography */
8772 /* Shadows */
8773 /* Animations */
8774 /* Dialog */
8775 .mdl-snackbar {
8776   position: fixed;
8777   bottom: 0;
8778   left: 50%;
8779   cursor: default;
8780   background-color: #323232;
8781   z-index: 3;
8782   display: block;
8783   display: -webkit-flex;
8784   display: -ms-flexbox;
8785   display: flex;
8786   -webkit-justify-content: space-between;
8787       -ms-flex-pack: justify;
8788           justify-content: space-between;
8789   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8790   will-change: transform;
8791   -webkit-transform: translate(0, 80px);
8792           transform: translate(0, 80px);
8793   transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8794   transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8795   transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
8796   pointer-events: none; }
8797   @media (max-width: 479px) {
8798     .mdl-snackbar {
8799       width: 100%;
8800       left: 0;
8801       min-height: 48px;
8802       max-height: 80px; } }
8803   @media (min-width: 480px) {
8804     .mdl-snackbar {
8805       min-width: 288px;
8806       max-width: 568px;
8807       border-radius: 2px;
8808       -webkit-transform: translate(-50%, 80px);
8809               transform: translate(-50%, 80px); } }
8810   .mdl-snackbar--active {
8811     -webkit-transform: translate(0, 0);
8812             transform: translate(0, 0);
8813     pointer-events: auto;
8814     transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8815     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
8816     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
8817     @media (min-width: 480px) {
8818       .mdl-snackbar--active {
8819         -webkit-transform: translate(-50%, 0);
8820                 transform: translate(-50%, 0); } }
8821   .mdl-snackbar__text {
8822     padding: 14px 12px 14px 24px;
8823     vertical-align: middle;
8824     color: white;
8825     float: left; }
8826   .mdl-snackbar__action {
8827     background: transparent;
8828     border: none;
8829     color: rgb(255,64,129);
8830     float: right;
8831     text-transform: uppercase;
8832     padding: 14px 24px 14px 12px;
8833     font-family: "Roboto", "Helvetica", "Arial", sans-serif;
8834     font-size: 14px;
8835     font-weight: 500;
8836     text-transform: uppercase;
8837     line-height: 1;
8838     letter-spacing: 0;
8839     overflow: hidden;
8840     outline: none;
8841     opacity: 0;
8842     pointer-events: none;
8843     cursor: pointer;
8844     text-decoration: none;
8845     text-align: center;
8846     -webkit-align-self: center;
8847         -ms-flex-item-align: center;
8848                 -ms-grid-row-align: center;
8849             align-self: center; }
8850     .mdl-snackbar__action::-moz-focus-inner {
8851       border: 0; }
8852     .mdl-snackbar__action:not([aria-hidden]) {
8853       opacity: 1;
8854       pointer-events: auto; }
8855
8856 /**
8857  * Copyright 2015 Google Inc. All Rights Reserved.
8858  *
8859  * Licensed under the Apache License, Version 2.0 (the "License");
8860  * you may not use this file except in compliance with the License.
8861  * You may obtain a copy of the License at
8862  *
8863  *      http://www.apache.org/licenses/LICENSE-2.0
8864  *
8865  * Unless required by applicable law or agreed to in writing, software
8866  * distributed under the License is distributed on an "AS IS" BASIS,
8867  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8868  * See the License for the specific language governing permissions and
8869  * limitations under the License.
8870  */
8871 /**
8872  * Copyright 2015 Google Inc. All Rights Reserved.
8873  *
8874  * Licensed under the Apache License, Version 2.0 (the "License");
8875  * you may not use this file except in compliance with the License.
8876  * You may obtain a copy of the License at
8877  *
8878  *      http://www.apache.org/licenses/LICENSE-2.0
8879  *
8880  * Unless required by applicable law or agreed to in writing, software
8881  * distributed under the License is distributed on an "AS IS" BASIS,
8882  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8883  * See the License for the specific language governing permissions and
8884  * limitations under the License.
8885  */
8886 /*------------------------------------*    $CONTENTS
8887 \*------------------------------------*/
8888 /**
8889  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
8890  * -----Typography
8891  * -----Colors
8892  * -----Textfield
8893  * -----Switch
8894  * -----Spinner
8895  * -----Radio
8896  * -----Menu
8897  * -----List
8898  * -----Layout
8899  * -----Icon toggles
8900  * -----Footer
8901  * -----Column
8902  * -----Checkbox
8903  * -----Card
8904  * -----Button
8905  * -----Animation
8906  * -----Progress
8907  * -----Badge
8908  * -----Shadows
8909  * -----Grid
8910  * -----Data table
8911  * -----Dialog
8912  * -----Snackbar
8913  * -----Tooltip
8914  * -----Chip
8915  *
8916  * Even though all variables have the `!default` directive, most of them
8917  * should not be changed as they are dependent one another. This can cause
8918  * visual distortions (like alignment issues) that are hard to track down
8919  * and fix.
8920  */
8921 /* ==========  TYPOGRAPHY  ========== */
8922 /* We're splitting fonts into "preferred" and "performance" in order to optimize
8923    page loading. For important text, such as the body, we want it to load
8924    immediately and not wait for the web font load, whereas for other sections,
8925    such as headers and titles, we're OK with things taking a bit longer to load.
8926    We do have some optional classes and parameters in the mixins, in case you
8927    definitely want to make sure you're using the preferred font and don't mind
8928    the performance hit.
8929    We should be able to improve on this once CSS Font Loading L3 becomes more
8930    widely available.
8931 */
8932 /* ==========  COLORS  ========== */
8933 /**
8934 *
8935 * Material design color palettes.
8936 * @see http://www.google.com/design/spec/style/color.html
8937 *
8938 **/
8939 /**
8940  * Copyright 2015 Google Inc. All Rights Reserved.
8941  *
8942  * Licensed under the Apache License, Version 2.0 (the "License");
8943  * you may not use this file except in compliance with the License.
8944  * You may obtain a copy of the License at
8945  *
8946  *      http://www.apache.org/licenses/LICENSE-2.0
8947  *
8948  * Unless required by applicable law or agreed to in writing, software
8949  * distributed under the License is distributed on an "AS IS" BASIS,
8950  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8951  * See the License for the specific language governing permissions and
8952  * limitations under the License.
8953  */
8954 /* ==========  Color Palettes  ========== */
8955 /* colors.scss */
8956 /**
8957  * Copyright 2015 Google Inc. All Rights Reserved.
8958  *
8959  * Licensed under the Apache License, Version 2.0 (the "License");
8960  * you may not use this file except in compliance with the License.
8961  * You may obtain a copy of the License at
8962  *
8963  *      http://www.apache.org/licenses/LICENSE-2.0
8964  *
8965  * Unless required by applicable law or agreed to in writing, software
8966  * distributed under the License is distributed on an "AS IS" BASIS,
8967  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
8968  * See the License for the specific language governing permissions and
8969  * limitations under the License.
8970  */
8971 /* ==========  IMAGES  ========== */
8972 /* ==========  Color & Themes  ========== */
8973 /* ==========  Typography  ========== */
8974 /* ==========  Components  ========== */
8975 /* ==========  Standard Buttons  ========== */
8976 /* ==========  Icon Toggles  ========== */
8977 /* ==========  Radio Buttons  ========== */
8978 /* ==========  Ripple effect  ========== */
8979 /* ==========  Layout  ========== */
8980 /* ==========  Content Tabs  ========== */
8981 /* ==========  Checkboxes  ========== */
8982 /* ==========  Switches  ========== */
8983 /* ==========  Spinner  ========== */
8984 /* ==========  Text fields  ========== */
8985 /* ==========  Card  ========== */
8986 /* ==========  Sliders ========== */
8987 /* ========== Progress ========== */
8988 /* ==========  List ========== */
8989 /* ==========  Item ========== */
8990 /* ==========  Dropdown menu ========== */
8991 /* ==========  Tooltips  ========== */
8992 /* ==========  Footer  ========== */
8993 /* TEXTFIELD */
8994 /* SWITCH */
8995 /* SPINNER */
8996 /* RADIO */
8997 /* MENU */
8998 /* LIST */
8999 /* LAYOUT */
9000 /* ICON TOGGLE */
9001 /* FOOTER */
9002 /*mega-footer*/
9003 /*mini-footer*/
9004 /* CHECKBOX */
9005 /* CARD */
9006 /* Card dimensions */
9007 /* Cover image */
9008 /* BUTTON */
9009 /**
9010  *
9011  * Dimensions
9012  *
9013  */
9014 /* ANIMATION */
9015 /* PROGRESS */
9016 /* BADGE */
9017 /* SHADOWS */
9018 /* GRID */
9019 /* DATA TABLE */
9020 /* DIALOG */
9021 /* SNACKBAR */
9022 /* TOOLTIP */
9023 /* CHIP */
9024 .mdl-spinner {
9025   display: inline-block;
9026   position: relative;
9027   width: 28px;
9028   height: 28px; }
9029   .mdl-spinner:not(.is-upgraded).is-active:after {
9030     content: "Loading..."; }
9031   .mdl-spinner.is-upgraded.is-active {
9032     -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
9033             animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
9034
9035 @-webkit-keyframes mdl-spinner__container-rotate {
9036   to {
9037     -webkit-transform: rotate(360deg);
9038             transform: rotate(360deg); } }
9039
9040 @keyframes mdl-spinner__container-rotate {
9041   to {
9042     -webkit-transform: rotate(360deg);
9043             transform: rotate(360deg); } }
9044
9045 .mdl-spinner__layer {
9046   position: absolute;
9047   width: 100%;
9048   height: 100%;
9049   opacity: 0; }
9050
9051 .mdl-spinner__layer-1 {
9052   border-color: rgb(66,165,245); }
9053   .mdl-spinner--single-color .mdl-spinner__layer-1 {
9054     border-color: rgb(63,81,181); }
9055   .mdl-spinner.is-active .mdl-spinner__layer-1 {
9056     -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9057             animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9058
9059 .mdl-spinner__layer-2 {
9060   border-color: rgb(244,67,54); }
9061   .mdl-spinner--single-color .mdl-spinner__layer-2 {
9062     border-color: rgb(63,81,181); }
9063   .mdl-spinner.is-active .mdl-spinner__layer-2 {
9064     -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9065             animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9066
9067 .mdl-spinner__layer-3 {
9068   border-color: rgb(253,216,53); }
9069   .mdl-spinner--single-color .mdl-spinner__layer-3 {
9070     border-color: rgb(63,81,181); }
9071   .mdl-spinner.is-active .mdl-spinner__layer-3 {
9072     -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9073             animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9074
9075 .mdl-spinner__layer-4 {
9076   border-color: rgb(76,175,80); }
9077   .mdl-spinner--single-color .mdl-spinner__layer-4 {
9078     border-color: rgb(63,81,181); }
9079   .mdl-spinner.is-active .mdl-spinner__layer-4 {
9080     -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9081             animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9082
9083 @-webkit-keyframes mdl-spinner__fill-unfill-rotate {
9084   12.5% {
9085     -webkit-transform: rotate(135deg);
9086             transform: rotate(135deg); }
9087   25% {
9088     -webkit-transform: rotate(270deg);
9089             transform: rotate(270deg); }
9090   37.5% {
9091     -webkit-transform: rotate(405deg);
9092             transform: rotate(405deg); }
9093   50% {
9094     -webkit-transform: rotate(540deg);
9095             transform: rotate(540deg); }
9096   62.5% {
9097     -webkit-transform: rotate(675deg);
9098             transform: rotate(675deg); }
9099   75% {
9100     -webkit-transform: rotate(810deg);
9101             transform: rotate(810deg); }
9102   87.5% {
9103     -webkit-transform: rotate(945deg);
9104             transform: rotate(945deg); }
9105   to {
9106     -webkit-transform: rotate(1080deg);
9107             transform: rotate(1080deg); } }
9108
9109 @keyframes mdl-spinner__fill-unfill-rotate {
9110   12.5% {
9111     -webkit-transform: rotate(135deg);
9112             transform: rotate(135deg); }
9113   25% {
9114     -webkit-transform: rotate(270deg);
9115             transform: rotate(270deg); }
9116   37.5% {
9117     -webkit-transform: rotate(405deg);
9118             transform: rotate(405deg); }
9119   50% {
9120     -webkit-transform: rotate(540deg);
9121             transform: rotate(540deg); }
9122   62.5% {
9123     -webkit-transform: rotate(675deg);
9124             transform: rotate(675deg); }
9125   75% {
9126     -webkit-transform: rotate(810deg);
9127             transform: rotate(810deg); }
9128   87.5% {
9129     -webkit-transform: rotate(945deg);
9130             transform: rotate(945deg); }
9131   to {
9132     -webkit-transform: rotate(1080deg);
9133             transform: rotate(1080deg); } }
9134
9135 /**
9136 * HACK: Even though the intention is to have the current .mdl-spinner__layer-N
9137 * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
9138 * to do proper subpixel rendering for the elements being animated. This is
9139 * especially visible in Chrome 39 on Ubuntu 14.04. See:
9140 *
9141 * - https://github.com/Polymer/paper-spinner/issues/9
9142 * - https://code.google.com/p/chromium/issues/detail?id=436255
9143 */
9144 @-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
9145   from {
9146     opacity: 0.99; }
9147   25% {
9148     opacity: 0.99; }
9149   26% {
9150     opacity: 0; }
9151   89% {
9152     opacity: 0; }
9153   90% {
9154     opacity: 0.99; }
9155   100% {
9156     opacity: 0.99; } }
9157 @keyframes mdl-spinner__layer-1-fade-in-out {
9158   from {
9159     opacity: 0.99; }
9160   25% {
9161     opacity: 0.99; }
9162   26% {
9163     opacity: 0; }
9164   89% {
9165     opacity: 0; }
9166   90% {
9167     opacity: 0.99; }
9168   100% {
9169     opacity: 0.99; } }
9170
9171 @-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
9172   from {
9173     opacity: 0; }
9174   15% {
9175     opacity: 0; }
9176   25% {
9177     opacity: 0.99; }
9178   50% {
9179     opacity: 0.99; }
9180   51% {
9181     opacity: 0; } }
9182
9183 @keyframes mdl-spinner__layer-2-fade-in-out {
9184   from {
9185     opacity: 0; }
9186   15% {
9187     opacity: 0; }
9188   25% {
9189     opacity: 0.99; }
9190   50% {
9191     opacity: 0.99; }
9192   51% {
9193     opacity: 0; } }
9194
9195 @-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
9196   from {
9197     opacity: 0; }
9198   40% {
9199     opacity: 0; }
9200   50% {
9201     opacity: 0.99; }
9202   75% {
9203     opacity: 0.99; }
9204   76% {
9205     opacity: 0; } }
9206
9207 @keyframes mdl-spinner__layer-3-fade-in-out {
9208   from {
9209     opacity: 0; }
9210   40% {
9211     opacity: 0; }
9212   50% {
9213     opacity: 0.99; }
9214   75% {
9215     opacity: 0.99; }
9216   76% {
9217     opacity: 0; } }
9218
9219 @-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
9220   from {
9221     opacity: 0; }
9222   65% {
9223     opacity: 0; }
9224   75% {
9225     opacity: 0.99; }
9226   90% {
9227     opacity: 0.99; }
9228   100% {
9229     opacity: 0; } }
9230
9231 @keyframes mdl-spinner__layer-4-fade-in-out {
9232   from {
9233     opacity: 0; }
9234   65% {
9235     opacity: 0; }
9236   75% {
9237     opacity: 0.99; }
9238   90% {
9239     opacity: 0.99; }
9240   100% {
9241     opacity: 0; } }
9242
9243 /**
9244 * Patch the gap that appear between the two adjacent
9245 * div.mdl-spinner__circle-clipper while the spinner is rotating
9246 * (appears on Chrome 38, Safari 7.1, and IE 11).
9247 *
9248 * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
9249 * opacity is 0.99, but still does on Safari and IE.
9250 */
9251 .mdl-spinner__gap-patch {
9252   position: absolute;
9253   box-sizing: border-box;
9254   top: 0;
9255   left: 45%;
9256   width: 10%;
9257   height: 100%;
9258   overflow: hidden;
9259   border-color: inherit; }
9260   .mdl-spinner__gap-patch .mdl-spinner__circle {
9261     width: 1000%;
9262     left: -450%; }
9263
9264 .mdl-spinner__circle-clipper {
9265   display: inline-block;
9266   position: relative;
9267   width: 50%;
9268   height: 100%;
9269   overflow: hidden;
9270   border-color: inherit; }
9271   .mdl-spinner__circle-clipper.mdl-spinner__left {
9272     float: left; }
9273   .mdl-spinner__circle-clipper.mdl-spinner__right {
9274     float: right; }
9275   .mdl-spinner__circle-clipper .mdl-spinner__circle {
9276     width: 200%; }
9277
9278 .mdl-spinner__circle {
9279   box-sizing: border-box;
9280   height: 100%;
9281   border-width: 3px;
9282   border-style: solid;
9283   border-color: inherit;
9284   border-bottom-color: transparent !important;
9285   border-radius: 50%;
9286   -webkit-animation: none;
9287           animation: none;
9288   position: absolute;
9289   top: 0;
9290   right: 0;
9291   bottom: 0;
9292   left: 0; }
9293   .mdl-spinner__left .mdl-spinner__circle {
9294     border-right-color: transparent !important;
9295     -webkit-transform: rotate(129deg);
9296             transform: rotate(129deg); }
9297     .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
9298       -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9299               animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9300   .mdl-spinner__right .mdl-spinner__circle {
9301     left: -100%;
9302     border-left-color: transparent !important;
9303     -webkit-transform: rotate(-129deg);
9304             transform: rotate(-129deg); }
9305     .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
9306       -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
9307               animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
9308
9309 @-webkit-keyframes mdl-spinner__left-spin {
9310   from {
9311     -webkit-transform: rotate(130deg);
9312             transform: rotate(130deg); }
9313   50% {
9314     -webkit-transform: rotate(-5deg);
9315             transform: rotate(-5deg); }
9316   to {
9317     -webkit-transform: rotate(130deg);
9318             transform: rotate(130deg); } }
9319
9320 @keyframes mdl-spinner__left-spin {
9321   from {
9322     -webkit-transform: rotate(130deg);
9323             transform: rotate(130deg); }
9324   50% {
9325     -webkit-transform: rotate(-5deg);
9326             transform: rotate(-5deg); }
9327   to {
9328     -webkit-transform: rotate(130deg);
9329             transform: rotate(130deg); } }
9330
9331 @-webkit-keyframes mdl-spinner__right-spin {
9332   from {
9333     -webkit-transform: rotate(-130deg);
9334             transform: rotate(-130deg); }
9335   50% {
9336     -webkit-transform: rotate(5deg);
9337             transform: rotate(5deg); }
9338   to {
9339     -webkit-transform: rotate(-130deg);
9340             transform: rotate(-130deg); } }
9341
9342 @keyframes mdl-spinner__right-spin {
9343   from {
9344     -webkit-transform: rotate(-130deg);
9345             transform: rotate(-130deg); }
9346   50% {
9347     -webkit-transform: rotate(5deg);
9348             transform: rotate(5deg); }
9349   to {
9350     -webkit-transform: rotate(-130deg);
9351             transform: rotate(-130deg); } }
9352
9353 /**
9354  * Copyright 2015 Google Inc. All Rights Reserved.
9355  *
9356  * Licensed under the Apache License, Version 2.0 (the "License");
9357  * you may not use this file except in compliance with the License.
9358  * You may obtain a copy of the License at
9359  *
9360  *      http://www.apache.org/licenses/LICENSE-2.0
9361  *
9362  * Unless required by applicable law or agreed to in writing, software
9363  * distributed under the License is distributed on an "AS IS" BASIS,
9364  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9365  * See the License for the specific language governing permissions and
9366  * limitations under the License.
9367  */
9368 /**
9369  * Copyright 2015 Google Inc. All Rights Reserved.
9370  *
9371  * Licensed under the Apache License, Version 2.0 (the "License");
9372  * you may not use this file except in compliance with the License.
9373  * You may obtain a copy of the License at
9374  *
9375  *      http://www.apache.org/licenses/LICENSE-2.0
9376  *
9377  * Unless required by applicable law or agreed to in writing, software
9378  * distributed under the License is distributed on an "AS IS" BASIS,
9379  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9380  * See the License for the specific language governing permissions and
9381  * limitations under the License.
9382  */
9383 /*------------------------------------*    $CONTENTS
9384 \*------------------------------------*/
9385 /**
9386  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9387  * -----Typography
9388  * -----Colors
9389  * -----Textfield
9390  * -----Switch
9391  * -----Spinner
9392  * -----Radio
9393  * -----Menu
9394  * -----List
9395  * -----Layout
9396  * -----Icon toggles
9397  * -----Footer
9398  * -----Column
9399  * -----Checkbox
9400  * -----Card
9401  * -----Button
9402  * -----Animation
9403  * -----Progress
9404  * -----Badge
9405  * -----Shadows
9406  * -----Grid
9407  * -----Data table
9408  * -----Dialog
9409  * -----Snackbar
9410  * -----Tooltip
9411  * -----Chip
9412  *
9413  * Even though all variables have the `!default` directive, most of them
9414  * should not be changed as they are dependent one another. This can cause
9415  * visual distortions (like alignment issues) that are hard to track down
9416  * and fix.
9417  */
9418 /* ==========  TYPOGRAPHY  ========== */
9419 /* We're splitting fonts into "preferred" and "performance" in order to optimize
9420    page loading. For important text, such as the body, we want it to load
9421    immediately and not wait for the web font load, whereas for other sections,
9422    such as headers and titles, we're OK with things taking a bit longer to load.
9423    We do have some optional classes and parameters in the mixins, in case you
9424    definitely want to make sure you're using the preferred font and don't mind
9425    the performance hit.
9426    We should be able to improve on this once CSS Font Loading L3 becomes more
9427    widely available.
9428 */
9429 /* ==========  COLORS  ========== */
9430 /**
9431 *
9432 * Material design color palettes.
9433 * @see http://www.google.com/design/spec/style/color.html
9434 *
9435 **/
9436 /**
9437  * Copyright 2015 Google Inc. All Rights Reserved.
9438  *
9439  * Licensed under the Apache License, Version 2.0 (the "License");
9440  * you may not use this file except in compliance with the License.
9441  * You may obtain a copy of the License at
9442  *
9443  *      http://www.apache.org/licenses/LICENSE-2.0
9444  *
9445  * Unless required by applicable law or agreed to in writing, software
9446  * distributed under the License is distributed on an "AS IS" BASIS,
9447  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9448  * See the License for the specific language governing permissions and
9449  * limitations under the License.
9450  */
9451 /* ==========  Color Palettes  ========== */
9452 /* colors.scss */
9453 /**
9454  * Copyright 2015 Google Inc. All Rights Reserved.
9455  *
9456  * Licensed under the Apache License, Version 2.0 (the "License");
9457  * you may not use this file except in compliance with the License.
9458  * You may obtain a copy of the License at
9459  *
9460  *      http://www.apache.org/licenses/LICENSE-2.0
9461  *
9462  * Unless required by applicable law or agreed to in writing, software
9463  * distributed under the License is distributed on an "AS IS" BASIS,
9464  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9465  * See the License for the specific language governing permissions and
9466  * limitations under the License.
9467  */
9468 /* ==========  IMAGES  ========== */
9469 /* ==========  Color & Themes  ========== */
9470 /* ==========  Typography  ========== */
9471 /* ==========  Components  ========== */
9472 /* ==========  Standard Buttons  ========== */
9473 /* ==========  Icon Toggles  ========== */
9474 /* ==========  Radio Buttons  ========== */
9475 /* ==========  Ripple effect  ========== */
9476 /* ==========  Layout  ========== */
9477 /* ==========  Content Tabs  ========== */
9478 /* ==========  Checkboxes  ========== */
9479 /* ==========  Switches  ========== */
9480 /* ==========  Spinner  ========== */
9481 /* ==========  Text fields  ========== */
9482 /* ==========  Card  ========== */
9483 /* ==========  Sliders ========== */
9484 /* ========== Progress ========== */
9485 /* ==========  List ========== */
9486 /* ==========  Item ========== */
9487 /* ==========  Dropdown menu ========== */
9488 /* ==========  Tooltips  ========== */
9489 /* ==========  Footer  ========== */
9490 /* TEXTFIELD */
9491 /* SWITCH */
9492 /* SPINNER */
9493 /* RADIO */
9494 /* MENU */
9495 /* LIST */
9496 /* LAYOUT */
9497 /* ICON TOGGLE */
9498 /* FOOTER */
9499 /*mega-footer*/
9500 /*mini-footer*/
9501 /* CHECKBOX */
9502 /* CARD */
9503 /* Card dimensions */
9504 /* Cover image */
9505 /* BUTTON */
9506 /**
9507  *
9508  * Dimensions
9509  *
9510  */
9511 /* ANIMATION */
9512 /* PROGRESS */
9513 /* BADGE */
9514 /* SHADOWS */
9515 /* GRID */
9516 /* DATA TABLE */
9517 /* DIALOG */
9518 /* SNACKBAR */
9519 /* TOOLTIP */
9520 /* CHIP */
9521 /**
9522  * Copyright 2015 Google Inc. All Rights Reserved.
9523  *
9524  * Licensed under the Apache License, Version 2.0 (the "License");
9525  * you may not use this file except in compliance with the License.
9526  * You may obtain a copy of the License at
9527  *
9528  *      http://www.apache.org/licenses/LICENSE-2.0
9529  *
9530  * Unless required by applicable law or agreed to in writing, software
9531  * distributed under the License is distributed on an "AS IS" BASIS,
9532  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9533  * See the License for the specific language governing permissions and
9534  * limitations under the License.
9535  */
9536 /* Typography */
9537 /* Shadows */
9538 /* Animations */
9539 /* Dialog */
9540 .mdl-switch {
9541   position: relative;
9542   z-index: 1;
9543   vertical-align: middle;
9544   display: inline-block;
9545   box-sizing: border-box;
9546   width: 100%;
9547   height: 24px;
9548   margin: 0;
9549   padding: 0;
9550   overflow: visible;
9551   -webkit-touch-callout: none;
9552   -webkit-user-select: none;
9553   -moz-user-select: none;
9554   -ms-user-select: none;
9555   user-select: none; }
9556   .mdl-switch.is-upgraded {
9557     padding-left: 28px; }
9558
9559 .mdl-switch__input {
9560   line-height: 24px; }
9561   .mdl-switch.is-upgraded .mdl-switch__input {
9562     position: absolute;
9563     width: 0;
9564     height: 0;
9565     margin: 0;
9566     padding: 0;
9567     opacity: 0;
9568     -ms-appearance: none;
9569     -moz-appearance: none;
9570     -webkit-appearance: none;
9571     appearance: none;
9572     border: none; }
9573
9574 .mdl-switch__track {
9575   background: rgba(0,0,0, 0.26);
9576   position: absolute;
9577   left: 0;
9578   top: 5px;
9579   height: 14px;
9580   width: 36px;
9581   border-radius: 14px;
9582   cursor: pointer; }
9583   .mdl-switch.is-checked .mdl-switch__track {
9584     background: rgba(63,81,181, 0.5); }
9585   .mdl-switch__track fieldset[disabled] .mdl-switch,
9586   .mdl-switch.is-disabled .mdl-switch__track {
9587     background: rgba(0,0,0, 0.12);
9588     cursor: auto; }
9589
9590 .mdl-switch__thumb {
9591   background: rgb(250,250,250);
9592   position: absolute;
9593   left: 0;
9594   top: 2px;
9595   height: 20px;
9596   width: 20px;
9597   border-radius: 50%;
9598   cursor: pointer;
9599   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
9600   transition-duration: 0.28s;
9601   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9602   transition-property: left; }
9603   .mdl-switch.is-checked .mdl-switch__thumb {
9604     background: rgb(63,81,181);
9605     left: 16px;
9606     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
9607   .mdl-switch__thumb fieldset[disabled] .mdl-switch,
9608   .mdl-switch.is-disabled .mdl-switch__thumb {
9609     background: rgb(189,189,189);
9610     cursor: auto; }
9611
9612 .mdl-switch__focus-helper {
9613   position: absolute;
9614   top: 50%;
9615   left: 50%;
9616   -webkit-transform: translate(-4px, -4px);
9617           transform: translate(-4px, -4px);
9618   display: inline-block;
9619   box-sizing: border-box;
9620   width: 8px;
9621   height: 8px;
9622   border-radius: 50%;
9623   background-color: transparent; }
9624   .mdl-switch.is-focused .mdl-switch__focus-helper {
9625     box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
9626     background-color: rgba(0, 0, 0, 0.1); }
9627   .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
9628     box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
9629     background-color: rgba(63,81,181, 0.26); }
9630
9631 .mdl-switch__label {
9632   position: relative;
9633   cursor: pointer;
9634   font-size: 16px;
9635   line-height: 24px;
9636   margin: 0;
9637   left: 24px; }
9638   .mdl-switch__label fieldset[disabled] .mdl-switch,
9639   .mdl-switch.is-disabled .mdl-switch__label {
9640     color: rgb(189,189,189);
9641     cursor: auto; }
9642
9643 .mdl-switch__ripple-container {
9644   position: absolute;
9645   z-index: 2;
9646   top: -12px;
9647   left: -14px;
9648   box-sizing: border-box;
9649   width: 48px;
9650   height: 48px;
9651   border-radius: 50%;
9652   cursor: pointer;
9653   overflow: hidden;
9654   -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
9655   transition-duration: 0.40s;
9656   transition-timing-function: step-end;
9657   transition-property: left; }
9658   .mdl-switch__ripple-container .mdl-ripple {
9659     background: rgb(63,81,181); }
9660   .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
9661   .mdl-switch.is-disabled .mdl-switch__ripple-container {
9662     cursor: auto; }
9663   fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
9664   .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
9665     background: transparent; }
9666   .mdl-switch.is-checked .mdl-switch__ripple-container {
9667     left: 2px; }
9668
9669 /**
9670  * Copyright 2015 Google Inc. All Rights Reserved.
9671  *
9672  * Licensed under the Apache License, Version 2.0 (the "License");
9673  * you may not use this file except in compliance with the License.
9674  * You may obtain a copy of the License at
9675  *
9676  *      http://www.apache.org/licenses/LICENSE-2.0
9677  *
9678  * Unless required by applicable law or agreed to in writing, software
9679  * distributed under the License is distributed on an "AS IS" BASIS,
9680  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9681  * See the License for the specific language governing permissions and
9682  * limitations under the License.
9683  */
9684 /**
9685  * Copyright 2015 Google Inc. All Rights Reserved.
9686  *
9687  * Licensed under the Apache License, Version 2.0 (the "License");
9688  * you may not use this file except in compliance with the License.
9689  * You may obtain a copy of the License at
9690  *
9691  *      http://www.apache.org/licenses/LICENSE-2.0
9692  *
9693  * Unless required by applicable law or agreed to in writing, software
9694  * distributed under the License is distributed on an "AS IS" BASIS,
9695  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9696  * See the License for the specific language governing permissions and
9697  * limitations under the License.
9698  */
9699 /*------------------------------------*    $CONTENTS
9700 \*------------------------------------*/
9701 /**
9702  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9703  * -----Typography
9704  * -----Colors
9705  * -----Textfield
9706  * -----Switch
9707  * -----Spinner
9708  * -----Radio
9709  * -----Menu
9710  * -----List
9711  * -----Layout
9712  * -----Icon toggles
9713  * -----Footer
9714  * -----Column
9715  * -----Checkbox
9716  * -----Card
9717  * -----Button
9718  * -----Animation
9719  * -----Progress
9720  * -----Badge
9721  * -----Shadows
9722  * -----Grid
9723  * -----Data table
9724  * -----Dialog
9725  * -----Snackbar
9726  * -----Tooltip
9727  * -----Chip
9728  *
9729  * Even though all variables have the `!default` directive, most of them
9730  * should not be changed as they are dependent one another. This can cause
9731  * visual distortions (like alignment issues) that are hard to track down
9732  * and fix.
9733  */
9734 /* ==========  TYPOGRAPHY  ========== */
9735 /* We're splitting fonts into "preferred" and "performance" in order to optimize
9736    page loading. For important text, such as the body, we want it to load
9737    immediately and not wait for the web font load, whereas for other sections,
9738    such as headers and titles, we're OK with things taking a bit longer to load.
9739    We do have some optional classes and parameters in the mixins, in case you
9740    definitely want to make sure you're using the preferred font and don't mind
9741    the performance hit.
9742    We should be able to improve on this once CSS Font Loading L3 becomes more
9743    widely available.
9744 */
9745 /* ==========  COLORS  ========== */
9746 /**
9747 *
9748 * Material design color palettes.
9749 * @see http://www.google.com/design/spec/style/color.html
9750 *
9751 **/
9752 /**
9753  * Copyright 2015 Google Inc. All Rights Reserved.
9754  *
9755  * Licensed under the Apache License, Version 2.0 (the "License");
9756  * you may not use this file except in compliance with the License.
9757  * You may obtain a copy of the License at
9758  *
9759  *      http://www.apache.org/licenses/LICENSE-2.0
9760  *
9761  * Unless required by applicable law or agreed to in writing, software
9762  * distributed under the License is distributed on an "AS IS" BASIS,
9763  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9764  * See the License for the specific language governing permissions and
9765  * limitations under the License.
9766  */
9767 /* ==========  Color Palettes  ========== */
9768 /* colors.scss */
9769 /**
9770  * Copyright 2015 Google Inc. All Rights Reserved.
9771  *
9772  * Licensed under the Apache License, Version 2.0 (the "License");
9773  * you may not use this file except in compliance with the License.
9774  * You may obtain a copy of the License at
9775  *
9776  *      http://www.apache.org/licenses/LICENSE-2.0
9777  *
9778  * Unless required by applicable law or agreed to in writing, software
9779  * distributed under the License is distributed on an "AS IS" BASIS,
9780  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9781  * See the License for the specific language governing permissions and
9782  * limitations under the License.
9783  */
9784 /* ==========  IMAGES  ========== */
9785 /* ==========  Color & Themes  ========== */
9786 /* ==========  Typography  ========== */
9787 /* ==========  Components  ========== */
9788 /* ==========  Standard Buttons  ========== */
9789 /* ==========  Icon Toggles  ========== */
9790 /* ==========  Radio Buttons  ========== */
9791 /* ==========  Ripple effect  ========== */
9792 /* ==========  Layout  ========== */
9793 /* ==========  Content Tabs  ========== */
9794 /* ==========  Checkboxes  ========== */
9795 /* ==========  Switches  ========== */
9796 /* ==========  Spinner  ========== */
9797 /* ==========  Text fields  ========== */
9798 /* ==========  Card  ========== */
9799 /* ==========  Sliders ========== */
9800 /* ========== Progress ========== */
9801 /* ==========  List ========== */
9802 /* ==========  Item ========== */
9803 /* ==========  Dropdown menu ========== */
9804 /* ==========  Tooltips  ========== */
9805 /* ==========  Footer  ========== */
9806 /* TEXTFIELD */
9807 /* SWITCH */
9808 /* SPINNER */
9809 /* RADIO */
9810 /* MENU */
9811 /* LIST */
9812 /* LAYOUT */
9813 /* ICON TOGGLE */
9814 /* FOOTER */
9815 /*mega-footer*/
9816 /*mini-footer*/
9817 /* CHECKBOX */
9818 /* CARD */
9819 /* Card dimensions */
9820 /* Cover image */
9821 /* BUTTON */
9822 /**
9823  *
9824  * Dimensions
9825  *
9826  */
9827 /* ANIMATION */
9828 /* PROGRESS */
9829 /* BADGE */
9830 /* SHADOWS */
9831 /* GRID */
9832 /* DATA TABLE */
9833 /* DIALOG */
9834 /* SNACKBAR */
9835 /* TOOLTIP */
9836 /* CHIP */
9837 .mdl-tabs {
9838   display: block;
9839   width: 100%; }
9840
9841 .mdl-tabs__tab-bar {
9842   display: -webkit-flex;
9843   display: -ms-flexbox;
9844   display: flex;
9845   -webkit-flex-direction: row;
9846       -ms-flex-direction: row;
9847           flex-direction: row;
9848   -webkit-justify-content: center;
9849       -ms-flex-pack: center;
9850           justify-content: center;
9851   -webkit-align-content: space-between;
9852       -ms-flex-line-pack: justify;
9853           align-content: space-between;
9854   -webkit-align-items: flex-start;
9855       -ms-flex-align: start;
9856           align-items: flex-start;
9857   height: 48px;
9858   padding: 0 0 0 0;
9859   margin: 0;
9860   border-bottom: 1px solid rgb(224,224,224); }
9861
9862 .mdl-tabs__tab {
9863   margin: 0;
9864   border: none;
9865   padding: 0 24px 0 24px;
9866   float: left;
9867   position: relative;
9868   display: block;
9869   text-decoration: none;
9870   height: 48px;
9871   line-height: 48px;
9872   text-align: center;
9873   font-weight: 500;
9874   font-size: 14px;
9875   text-transform: uppercase;
9876   color: rgba(0,0,0, 0.54);
9877   overflow: hidden; }
9878   .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
9879     color: rgba(0,0,0, 0.87); }
9880   .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
9881     height: 2px;
9882     width: 100%;
9883     display: block;
9884     content: " ";
9885     bottom: 0px;
9886     left: 0px;
9887     position: absolute;
9888     background: rgb(63,81,181);
9889     -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9890             animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
9891     transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
9892   .mdl-tabs__tab .mdl-tabs__ripple-container {
9893     display: block;
9894     position: absolute;
9895     height: 100%;
9896     width: 100%;
9897     left: 0px;
9898     top: 0px;
9899     z-index: 1;
9900     overflow: hidden; }
9901     .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
9902       background: rgb(63,81,181); }
9903
9904 .mdl-tabs__panel {
9905   display: block; }
9906   .mdl-tabs.is-upgraded .mdl-tabs__panel {
9907     display: none; }
9908   .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
9909     display: block; }
9910
9911 @-webkit-keyframes border-expand {
9912   0% {
9913     opacity: 0;
9914     width: 0; }
9915   100% {
9916     opacity: 1;
9917     width: 100%; } }
9918
9919 @keyframes border-expand {
9920   0% {
9921     opacity: 0;
9922     width: 0; }
9923   100% {
9924     opacity: 1;
9925     width: 100%; } }
9926
9927 /**
9928  * Copyright 2015 Google Inc. All Rights Reserved.
9929  *
9930  * Licensed under the Apache License, Version 2.0 (the "License");
9931  * you may not use this file except in compliance with the License.
9932  * You may obtain a copy of the License at
9933  *
9934  *      http://www.apache.org/licenses/LICENSE-2.0
9935  *
9936  * Unless required by applicable law or agreed to in writing, software
9937  * distributed under the License is distributed on an "AS IS" BASIS,
9938  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9939  * See the License for the specific language governing permissions and
9940  * limitations under the License.
9941  */
9942 /**
9943  * Copyright 2015 Google Inc. All Rights Reserved.
9944  *
9945  * Licensed under the Apache License, Version 2.0 (the "License");
9946  * you may not use this file except in compliance with the License.
9947  * You may obtain a copy of the License at
9948  *
9949  *      http://www.apache.org/licenses/LICENSE-2.0
9950  *
9951  * Unless required by applicable law or agreed to in writing, software
9952  * distributed under the License is distributed on an "AS IS" BASIS,
9953  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9954  * See the License for the specific language governing permissions and
9955  * limitations under the License.
9956  */
9957 /*------------------------------------*    $CONTENTS
9958 \*------------------------------------*/
9959 /**
9960  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
9961  * -----Typography
9962  * -----Colors
9963  * -----Textfield
9964  * -----Switch
9965  * -----Spinner
9966  * -----Radio
9967  * -----Menu
9968  * -----List
9969  * -----Layout
9970  * -----Icon toggles
9971  * -----Footer
9972  * -----Column
9973  * -----Checkbox
9974  * -----Card
9975  * -----Button
9976  * -----Animation
9977  * -----Progress
9978  * -----Badge
9979  * -----Shadows
9980  * -----Grid
9981  * -----Data table
9982  * -----Dialog
9983  * -----Snackbar
9984  * -----Tooltip
9985  * -----Chip
9986  *
9987  * Even though all variables have the `!default` directive, most of them
9988  * should not be changed as they are dependent one another. This can cause
9989  * visual distortions (like alignment issues) that are hard to track down
9990  * and fix.
9991  */
9992 /* ==========  TYPOGRAPHY  ========== */
9993 /* We're splitting fonts into "preferred" and "performance" in order to optimize
9994    page loading. For important text, such as the body, we want it to load
9995    immediately and not wait for the web font load, whereas for other sections,
9996    such as headers and titles, we're OK with things taking a bit longer to load.
9997    We do have some optional classes and parameters in the mixins, in case you
9998    definitely want to make sure you're using the preferred font and don't mind
9999    the performance hit.
10000    We should be able to improve on this once CSS Font Loading L3 becomes more
10001    widely available.
10002 */
10003 /* ==========  COLORS  ========== */
10004 /**
10005 *
10006 * Material design color palettes.
10007 * @see http://www.google.com/design/spec/style/color.html
10008 *
10009 **/
10010 /**
10011  * Copyright 2015 Google Inc. All Rights Reserved.
10012  *
10013  * Licensed under the Apache License, Version 2.0 (the "License");
10014  * you may not use this file except in compliance with the License.
10015  * You may obtain a copy of the License at
10016  *
10017  *      http://www.apache.org/licenses/LICENSE-2.0
10018  *
10019  * Unless required by applicable law or agreed to in writing, software
10020  * distributed under the License is distributed on an "AS IS" BASIS,
10021  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10022  * See the License for the specific language governing permissions and
10023  * limitations under the License.
10024  */
10025 /* ==========  Color Palettes  ========== */
10026 /* colors.scss */
10027 /**
10028  * Copyright 2015 Google Inc. All Rights Reserved.
10029  *
10030  * Licensed under the Apache License, Version 2.0 (the "License");
10031  * you may not use this file except in compliance with the License.
10032  * You may obtain a copy of the License at
10033  *
10034  *      http://www.apache.org/licenses/LICENSE-2.0
10035  *
10036  * Unless required by applicable law or agreed to in writing, software
10037  * distributed under the License is distributed on an "AS IS" BASIS,
10038  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10039  * See the License for the specific language governing permissions and
10040  * limitations under the License.
10041  */
10042 /* ==========  IMAGES  ========== */
10043 /* ==========  Color & Themes  ========== */
10044 /* ==========  Typography  ========== */
10045 /* ==========  Components  ========== */
10046 /* ==========  Standard Buttons  ========== */
10047 /* ==========  Icon Toggles  ========== */
10048 /* ==========  Radio Buttons  ========== */
10049 /* ==========  Ripple effect  ========== */
10050 /* ==========  Layout  ========== */
10051 /* ==========  Content Tabs  ========== */
10052 /* ==========  Checkboxes  ========== */
10053 /* ==========  Switches  ========== */
10054 /* ==========  Spinner  ========== */
10055 /* ==========  Text fields  ========== */
10056 /* ==========  Card  ========== */
10057 /* ==========  Sliders ========== */
10058 /* ========== Progress ========== */
10059 /* ==========  List ========== */
10060 /* ==========  Item ========== */
10061 /* ==========  Dropdown menu ========== */
10062 /* ==========  Tooltips  ========== */
10063 /* ==========  Footer  ========== */
10064 /* TEXTFIELD */
10065 /* SWITCH */
10066 /* SPINNER */
10067 /* RADIO */
10068 /* MENU */
10069 /* LIST */
10070 /* LAYOUT */
10071 /* ICON TOGGLE */
10072 /* FOOTER */
10073 /*mega-footer*/
10074 /*mini-footer*/
10075 /* CHECKBOX */
10076 /* CARD */
10077 /* Card dimensions */
10078 /* Cover image */
10079 /* BUTTON */
10080 /**
10081  *
10082  * Dimensions
10083  *
10084  */
10085 /* ANIMATION */
10086 /* PROGRESS */
10087 /* BADGE */
10088 /* SHADOWS */
10089 /* GRID */
10090 /* DATA TABLE */
10091 /* DIALOG */
10092 /* SNACKBAR */
10093 /* TOOLTIP */
10094 /* CHIP */
10095 /**
10096  * Copyright 2015 Google Inc. All Rights Reserved.
10097  *
10098  * Licensed under the Apache License, Version 2.0 (the "License");
10099  * you may not use this file except in compliance with the License.
10100  * You may obtain a copy of the License at
10101  *
10102  *      http://www.apache.org/licenses/LICENSE-2.0
10103  *
10104  * Unless required by applicable law or agreed to in writing, software
10105  * distributed under the License is distributed on an "AS IS" BASIS,
10106  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10107  * See the License for the specific language governing permissions and
10108  * limitations under the License.
10109  */
10110 /* Typography */
10111 /* Shadows */
10112 /* Animations */
10113 /* Dialog */
10114 .mdl-textfield {
10115   position: relative;
10116   font-size: 16px;
10117   display: inline-block;
10118   box-sizing: border-box;
10119   width: 300px;
10120   max-width: 100%;
10121   margin: 0;
10122   padding: 20px 0; }
10123   .mdl-textfield .mdl-button {
10124     position: absolute;
10125     bottom: 20px; }
10126
10127 .mdl-textfield--align-right {
10128   text-align: right; }
10129
10130 .mdl-textfield--full-width {
10131   width: 100%; }
10132
10133 .mdl-textfield--expandable {
10134   min-width: 32px;
10135   width: auto;
10136   min-height: 32px; }
10137   .mdl-textfield--expandable .mdl-button--icon {
10138     top: 16px; }
10139
10140 .mdl-textfield__input {
10141   border: none;
10142   border-bottom: 1px solid rgba(0,0,0, 0.12);
10143   display: block;
10144   font-size: 16px;
10145   font-family: "Helvetica", "Arial", sans-serif;
10146   margin: 0;
10147   padding: 4px 0;
10148   width: 100%;
10149   background: none;
10150   text-align: left;
10151   color: inherit; }
10152   .mdl-textfield__input[type="number"] {
10153     -moz-appearance: textfield; }
10154   .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
10155     -webkit-appearance: none;
10156     margin: 0; }
10157   .mdl-textfield.is-focused .mdl-textfield__input {
10158     outline: none; }
10159   .mdl-textfield.is-invalid .mdl-textfield__input {
10160     border-color: rgb(213,0,0);
10161     box-shadow: none; }
10162   fieldset[disabled] .mdl-textfield .mdl-textfield__input,
10163   .mdl-textfield.is-disabled .mdl-textfield__input {
10164     background-color: transparent;
10165     border-bottom: 1px dotted rgba(0,0,0, 0.12);
10166     color: rgba(0,0,0, 0.26); }
10167
10168 .mdl-textfield textarea.mdl-textfield__input {
10169   display: block; }
10170
10171 .mdl-textfield__label {
10172   bottom: 0;
10173   color: rgba(0,0,0, 0.26);
10174   font-size: 16px;
10175   left: 0;
10176   right: 0;
10177   pointer-events: none;
10178   position: absolute;
10179   display: block;
10180   top: 24px;
10181   width: 100%;
10182   overflow: hidden;
10183   white-space: nowrap;
10184   text-align: left; }
10185   .mdl-textfield.is-dirty .mdl-textfield__label,
10186   .mdl-textfield.has-placeholder .mdl-textfield__label {
10187     visibility: hidden; }
10188   .mdl-textfield--floating-label .mdl-textfield__label {
10189     transition-duration: 0.2s;
10190     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
10191   .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10192     transition: none; }
10193   fieldset[disabled] .mdl-textfield .mdl-textfield__label,
10194   .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
10195     color: rgba(0,0,0, 0.26); }
10196   .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
10197   .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
10198   .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
10199     color: rgb(63,81,181);
10200     font-size: 12px;
10201     top: 4px;
10202     visibility: visible; }
10203   .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
10204   .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
10205   .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
10206     top: -16px; }
10207   .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
10208     color: rgb(213,0,0);
10209     font-size: 12px; }
10210   .mdl-textfield__label:after {
10211     background-color: rgb(63,81,181);
10212     bottom: 20px;
10213     content: '';
10214     height: 2px;
10215     left: 45%;
10216     position: absolute;
10217     transition-duration: 0.2s;
10218     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10219     visibility: hidden;
10220     width: 10px; }
10221   .mdl-textfield.is-focused .mdl-textfield__label:after {
10222     left: 0;
10223     visibility: visible;
10224     width: 100%; }
10225   .mdl-textfield.is-invalid .mdl-textfield__label:after {
10226     background-color: rgb(213,0,0); }
10227
10228 .mdl-textfield__error {
10229   color: rgb(213,0,0);
10230   position: absolute;
10231   font-size: 12px;
10232   margin-top: 3px;
10233   visibility: hidden;
10234   display: block; }
10235   .mdl-textfield.is-invalid .mdl-textfield__error {
10236     visibility: visible; }
10237
10238 .mdl-textfield__expandable-holder {
10239   display: inline-block;
10240   position: relative;
10241   margin-left: 32px;
10242   transition-duration: 0.2s;
10243   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10244   display: inline-block;
10245   max-width: 0.1px; }
10246   .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
10247     max-width: 600px; }
10248   .mdl-textfield__expandable-holder .mdl-textfield__label:after {
10249     bottom: 0; }
10250
10251 /**
10252  * Copyright 2015 Google Inc. All Rights Reserved.
10253  *
10254  * Licensed under the Apache License, Version 2.0 (the "License");
10255  * you may not use this file except in compliance with the License.
10256  * You may obtain a copy of the License at
10257  *
10258  *      http://www.apache.org/licenses/LICENSE-2.0
10259  *
10260  * Unless required by applicable law or agreed to in writing, software
10261  * distributed under the License is distributed on an "AS IS" BASIS,
10262  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10263  * See the License for the specific language governing permissions and
10264  * limitations under the License.
10265  */
10266 /**
10267  * Copyright 2015 Google Inc. All Rights Reserved.
10268  *
10269  * Licensed under the Apache License, Version 2.0 (the "License");
10270  * you may not use this file except in compliance with the License.
10271  * You may obtain a copy of the License at
10272  *
10273  *      http://www.apache.org/licenses/LICENSE-2.0
10274  *
10275  * Unless required by applicable law or agreed to in writing, software
10276  * distributed under the License is distributed on an "AS IS" BASIS,
10277  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10278  * See the License for the specific language governing permissions and
10279  * limitations under the License.
10280  */
10281 /*------------------------------------*    $CONTENTS
10282 \*------------------------------------*/
10283 /**
10284  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10285  * -----Typography
10286  * -----Colors
10287  * -----Textfield
10288  * -----Switch
10289  * -----Spinner
10290  * -----Radio
10291  * -----Menu
10292  * -----List
10293  * -----Layout
10294  * -----Icon toggles
10295  * -----Footer
10296  * -----Column
10297  * -----Checkbox
10298  * -----Card
10299  * -----Button
10300  * -----Animation
10301  * -----Progress
10302  * -----Badge
10303  * -----Shadows
10304  * -----Grid
10305  * -----Data table
10306  * -----Dialog
10307  * -----Snackbar
10308  * -----Tooltip
10309  * -----Chip
10310  *
10311  * Even though all variables have the `!default` directive, most of them
10312  * should not be changed as they are dependent one another. This can cause
10313  * visual distortions (like alignment issues) that are hard to track down
10314  * and fix.
10315  */
10316 /* ==========  TYPOGRAPHY  ========== */
10317 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10318    page loading. For important text, such as the body, we want it to load
10319    immediately and not wait for the web font load, whereas for other sections,
10320    such as headers and titles, we're OK with things taking a bit longer to load.
10321    We do have some optional classes and parameters in the mixins, in case you
10322    definitely want to make sure you're using the preferred font and don't mind
10323    the performance hit.
10324    We should be able to improve on this once CSS Font Loading L3 becomes more
10325    widely available.
10326 */
10327 /* ==========  COLORS  ========== */
10328 /**
10329 *
10330 * Material design color palettes.
10331 * @see http://www.google.com/design/spec/style/color.html
10332 *
10333 **/
10334 /**
10335  * Copyright 2015 Google Inc. All Rights Reserved.
10336  *
10337  * Licensed under the Apache License, Version 2.0 (the "License");
10338  * you may not use this file except in compliance with the License.
10339  * You may obtain a copy of the License at
10340  *
10341  *      http://www.apache.org/licenses/LICENSE-2.0
10342  *
10343  * Unless required by applicable law or agreed to in writing, software
10344  * distributed under the License is distributed on an "AS IS" BASIS,
10345  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10346  * See the License for the specific language governing permissions and
10347  * limitations under the License.
10348  */
10349 /* ==========  Color Palettes  ========== */
10350 /* colors.scss */
10351 /**
10352  * Copyright 2015 Google Inc. All Rights Reserved.
10353  *
10354  * Licensed under the Apache License, Version 2.0 (the "License");
10355  * you may not use this file except in compliance with the License.
10356  * You may obtain a copy of the License at
10357  *
10358  *      http://www.apache.org/licenses/LICENSE-2.0
10359  *
10360  * Unless required by applicable law or agreed to in writing, software
10361  * distributed under the License is distributed on an "AS IS" BASIS,
10362  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10363  * See the License for the specific language governing permissions and
10364  * limitations under the License.
10365  */
10366 /* ==========  IMAGES  ========== */
10367 /* ==========  Color & Themes  ========== */
10368 /* ==========  Typography  ========== */
10369 /* ==========  Components  ========== */
10370 /* ==========  Standard Buttons  ========== */
10371 /* ==========  Icon Toggles  ========== */
10372 /* ==========  Radio Buttons  ========== */
10373 /* ==========  Ripple effect  ========== */
10374 /* ==========  Layout  ========== */
10375 /* ==========  Content Tabs  ========== */
10376 /* ==========  Checkboxes  ========== */
10377 /* ==========  Switches  ========== */
10378 /* ==========  Spinner  ========== */
10379 /* ==========  Text fields  ========== */
10380 /* ==========  Card  ========== */
10381 /* ==========  Sliders ========== */
10382 /* ========== Progress ========== */
10383 /* ==========  List ========== */
10384 /* ==========  Item ========== */
10385 /* ==========  Dropdown menu ========== */
10386 /* ==========  Tooltips  ========== */
10387 /* ==========  Footer  ========== */
10388 /* TEXTFIELD */
10389 /* SWITCH */
10390 /* SPINNER */
10391 /* RADIO */
10392 /* MENU */
10393 /* LIST */
10394 /* LAYOUT */
10395 /* ICON TOGGLE */
10396 /* FOOTER */
10397 /*mega-footer*/
10398 /*mini-footer*/
10399 /* CHECKBOX */
10400 /* CARD */
10401 /* Card dimensions */
10402 /* Cover image */
10403 /* BUTTON */
10404 /**
10405  *
10406  * Dimensions
10407  *
10408  */
10409 /* ANIMATION */
10410 /* PROGRESS */
10411 /* BADGE */
10412 /* SHADOWS */
10413 /* GRID */
10414 /* DATA TABLE */
10415 /* DIALOG */
10416 /* SNACKBAR */
10417 /* TOOLTIP */
10418 /* CHIP */
10419 .mdl-tooltip {
10420   -webkit-transform: scale(0);
10421           transform: scale(0);
10422   -webkit-transform-origin: top center;
10423           transform-origin: top center;
10424   z-index: 999;
10425   background: rgba(97,97,97, 0.9);
10426   border-radius: 2px;
10427   color: rgb(255,255,255);
10428   display: inline-block;
10429   font-size: 10px;
10430   font-weight: 500;
10431   line-height: 14px;
10432   max-width: 170px;
10433   position: fixed;
10434   top: -500px;
10435   left: -500px;
10436   padding: 8px;
10437   text-align: center; }
10438
10439 .mdl-tooltip.is-active {
10440   -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
10441           animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
10442
10443 .mdl-tooltip--large {
10444   line-height: 14px;
10445   font-size: 14px;
10446   padding: 16px; }
10447
10448 @-webkit-keyframes pulse {
10449   0% {
10450     -webkit-transform: scale(0);
10451             transform: scale(0);
10452     opacity: 0; }
10453   50% {
10454     -webkit-transform: scale(0.99);
10455             transform: scale(0.99); }
10456   100% {
10457     -webkit-transform: scale(1);
10458             transform: scale(1);
10459     opacity: 1;
10460     visibility: visible; } }
10461
10462 @keyframes pulse {
10463   0% {
10464     -webkit-transform: scale(0);
10465             transform: scale(0);
10466     opacity: 0; }
10467   50% {
10468     -webkit-transform: scale(0.99);
10469             transform: scale(0.99); }
10470   100% {
10471     -webkit-transform: scale(1);
10472             transform: scale(1);
10473     opacity: 1;
10474     visibility: visible; } }
10475
10476 /**
10477  * Copyright 2015 Google Inc. All Rights Reserved.
10478  *
10479  * Licensed under the Apache License, Version 2.0 (the "License");
10480  * you may not use this file except in compliance with the License.
10481  * You may obtain a copy of the License at
10482  *
10483  *      http://www.apache.org/licenses/LICENSE-2.0
10484  *
10485  * Unless required by applicable law or agreed to in writing, software
10486  * distributed under the License is distributed on an "AS IS" BASIS,
10487  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10488  * See the License for the specific language governing permissions and
10489  * limitations under the License.
10490  */
10491 /**
10492  * Copyright 2015 Google Inc. All Rights Reserved.
10493  *
10494  * Licensed under the Apache License, Version 2.0 (the "License");
10495  * you may not use this file except in compliance with the License.
10496  * You may obtain a copy of the License at
10497  *
10498  *      http://www.apache.org/licenses/LICENSE-2.0
10499  *
10500  * Unless required by applicable law or agreed to in writing, software
10501  * distributed under the License is distributed on an "AS IS" BASIS,
10502  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10503  * See the License for the specific language governing permissions and
10504  * limitations under the License.
10505  */
10506 /*------------------------------------*    $CONTENTS
10507 \*------------------------------------*/
10508 /**
10509  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10510  * -----Typography
10511  * -----Colors
10512  * -----Textfield
10513  * -----Switch
10514  * -----Spinner
10515  * -----Radio
10516  * -----Menu
10517  * -----List
10518  * -----Layout
10519  * -----Icon toggles
10520  * -----Footer
10521  * -----Column
10522  * -----Checkbox
10523  * -----Card
10524  * -----Button
10525  * -----Animation
10526  * -----Progress
10527  * -----Badge
10528  * -----Shadows
10529  * -----Grid
10530  * -----Data table
10531  * -----Dialog
10532  * -----Snackbar
10533  * -----Tooltip
10534  * -----Chip
10535  *
10536  * Even though all variables have the `!default` directive, most of them
10537  * should not be changed as they are dependent one another. This can cause
10538  * visual distortions (like alignment issues) that are hard to track down
10539  * and fix.
10540  */
10541 /* ==========  TYPOGRAPHY  ========== */
10542 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10543    page loading. For important text, such as the body, we want it to load
10544    immediately and not wait for the web font load, whereas for other sections,
10545    such as headers and titles, we're OK with things taking a bit longer to load.
10546    We do have some optional classes and parameters in the mixins, in case you
10547    definitely want to make sure you're using the preferred font and don't mind
10548    the performance hit.
10549    We should be able to improve on this once CSS Font Loading L3 becomes more
10550    widely available.
10551 */
10552 /* ==========  COLORS  ========== */
10553 /**
10554 *
10555 * Material design color palettes.
10556 * @see http://www.google.com/design/spec/style/color.html
10557 *
10558 **/
10559 /**
10560  * Copyright 2015 Google Inc. All Rights Reserved.
10561  *
10562  * Licensed under the Apache License, Version 2.0 (the "License");
10563  * you may not use this file except in compliance with the License.
10564  * You may obtain a copy of the License at
10565  *
10566  *      http://www.apache.org/licenses/LICENSE-2.0
10567  *
10568  * Unless required by applicable law or agreed to in writing, software
10569  * distributed under the License is distributed on an "AS IS" BASIS,
10570  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10571  * See the License for the specific language governing permissions and
10572  * limitations under the License.
10573  */
10574 /* ==========  Color Palettes  ========== */
10575 /* colors.scss */
10576 /**
10577  * Copyright 2015 Google Inc. All Rights Reserved.
10578  *
10579  * Licensed under the Apache License, Version 2.0 (the "License");
10580  * you may not use this file except in compliance with the License.
10581  * You may obtain a copy of the License at
10582  *
10583  *      http://www.apache.org/licenses/LICENSE-2.0
10584  *
10585  * Unless required by applicable law or agreed to in writing, software
10586  * distributed under the License is distributed on an "AS IS" BASIS,
10587  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10588  * See the License for the specific language governing permissions and
10589  * limitations under the License.
10590  */
10591 /* ==========  IMAGES  ========== */
10592 /* ==========  Color & Themes  ========== */
10593 /* ==========  Typography  ========== */
10594 /* ==========  Components  ========== */
10595 /* ==========  Standard Buttons  ========== */
10596 /* ==========  Icon Toggles  ========== */
10597 /* ==========  Radio Buttons  ========== */
10598 /* ==========  Ripple effect  ========== */
10599 /* ==========  Layout  ========== */
10600 /* ==========  Content Tabs  ========== */
10601 /* ==========  Checkboxes  ========== */
10602 /* ==========  Switches  ========== */
10603 /* ==========  Spinner  ========== */
10604 /* ==========  Text fields  ========== */
10605 /* ==========  Card  ========== */
10606 /* ==========  Sliders ========== */
10607 /* ========== Progress ========== */
10608 /* ==========  List ========== */
10609 /* ==========  Item ========== */
10610 /* ==========  Dropdown menu ========== */
10611 /* ==========  Tooltips  ========== */
10612 /* ==========  Footer  ========== */
10613 /* TEXTFIELD */
10614 /* SWITCH */
10615 /* SPINNER */
10616 /* RADIO */
10617 /* MENU */
10618 /* LIST */
10619 /* LAYOUT */
10620 /* ICON TOGGLE */
10621 /* FOOTER */
10622 /*mega-footer*/
10623 /*mini-footer*/
10624 /* CHECKBOX */
10625 /* CARD */
10626 /* Card dimensions */
10627 /* Cover image */
10628 /* BUTTON */
10629 /**
10630  *
10631  * Dimensions
10632  *
10633  */
10634 /* ANIMATION */
10635 /* PROGRESS */
10636 /* BADGE */
10637 /* SHADOWS */
10638 /* GRID */
10639 /* DATA TABLE */
10640 /* DIALOG */
10641 /* SNACKBAR */
10642 /* TOOLTIP */
10643 /* CHIP */
10644 /**
10645  * Copyright 2015 Google Inc. All Rights Reserved.
10646  *
10647  * Licensed under the Apache License, Version 2.0 (the "License");
10648  * you may not use this file except in compliance with the License.
10649  * You may obtain a copy of the License at
10650  *
10651  *      http://www.apache.org/licenses/LICENSE-2.0
10652  *
10653  * Unless required by applicable law or agreed to in writing, software
10654  * distributed under the License is distributed on an "AS IS" BASIS,
10655  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10656  * See the License for the specific language governing permissions and
10657  * limitations under the License.
10658  */
10659 /* Typography */
10660 /* Shadows */
10661 /* Animations */
10662 /* Dialog */
10663 .mdl-shadow--2dp {
10664   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
10665
10666 .mdl-shadow--3dp {
10667   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
10668
10669 .mdl-shadow--4dp {
10670   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
10671
10672 .mdl-shadow--6dp {
10673   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
10674
10675 .mdl-shadow--8dp {
10676   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
10677
10678 .mdl-shadow--16dp {
10679   box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
10680
10681 .mdl-shadow--24dp {
10682   box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }
10683
10684 /**
10685  * Copyright 2015 Google Inc. All Rights Reserved.
10686  *
10687  * Licensed under the Apache License, Version 2.0 (the "License");
10688  * you may not use this file except in compliance with the License.
10689  * You may obtain a copy of the License at
10690  *
10691  *      http://www.apache.org/licenses/LICENSE-2.0
10692  *
10693  * Unless required by applicable law or agreed to in writing, software
10694  * distributed under the License is distributed on an "AS IS" BASIS,
10695  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10696  * See the License for the specific language governing permissions and
10697  * limitations under the License.
10698  */
10699 /*
10700 * NOTE: Some rules here are applied using duplicate selectors.
10701 * This is on purpose to increase their specificity when applied.
10702 * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
10703 */
10704 /**
10705  * Copyright 2015 Google Inc. All Rights Reserved.
10706  *
10707  * Licensed under the Apache License, Version 2.0 (the "License");
10708  * you may not use this file except in compliance with the License.
10709  * You may obtain a copy of the License at
10710  *
10711  *      http://www.apache.org/licenses/LICENSE-2.0
10712  *
10713  * Unless required by applicable law or agreed to in writing, software
10714  * distributed under the License is distributed on an "AS IS" BASIS,
10715  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10716  * See the License for the specific language governing permissions and
10717  * limitations under the License.
10718  */
10719 /*------------------------------------*    $CONTENTS
10720 \*------------------------------------*/
10721 /**
10722  * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
10723  * -----Typography
10724  * -----Colors
10725  * -----Textfield
10726  * -----Switch
10727  * -----Spinner
10728  * -----Radio
10729  * -----Menu
10730  * -----List
10731  * -----Layout
10732  * -----Icon toggles
10733  * -----Footer
10734  * -----Column
10735  * -----Checkbox
10736  * -----Card
10737  * -----Button
10738  * -----Animation
10739  * -----Progress
10740  * -----Badge
10741  * -----Shadows
10742  * -----Grid
10743  * -----Data table
10744  * -----Dialog
10745  * -----Snackbar
10746  * -----Tooltip
10747  * -----Chip
10748  *
10749  * Even though all variables have the `!default` directive, most of them
10750  * should not be changed as they are dependent one another. This can cause
10751  * visual distortions (like alignment issues) that are hard to track down
10752  * and fix.
10753  */
10754 /* ==========  TYPOGRAPHY  ========== */
10755 /* We're splitting fonts into "preferred" and "performance" in order to optimize
10756    page loading. For important text, such as the body, we want it to load
10757    immediately and not wait for the web font load, whereas for other sections,
10758    such as headers and titles, we're OK with things taking a bit longer to load.
10759    We do have some optional classes and parameters in the mixins, in case you
10760    definitely want to make sure you're using the preferred font and don't mind
10761    the performance hit.
10762    We should be able to improve on this once CSS Font Loading L3 becomes more
10763    widely available.
10764 */
10765 /* ==========  COLORS  ========== */
10766 /**
10767 *
10768 * Material design color palettes.
10769 * @see http://www.google.com/design/spec/style/color.html
10770 *
10771 **/
10772 /**
10773  * Copyright 2015 Google Inc. All Rights Reserved.
10774  *
10775  * Licensed under the Apache License, Version 2.0 (the "License");
10776  * you may not use this file except in compliance with the License.
10777  * You may obtain a copy of the License at
10778  *
10779  *      http://www.apache.org/licenses/LICENSE-2.0
10780  *
10781  * Unless required by applicable law or agreed to in writing, software
10782  * distributed under the License is distributed on an "AS IS" BASIS,
10783  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10784  * See the License for the specific language governing permissions and
10785  * limitations under the License.
10786  */
10787 /* ==========  Color Palettes  ========== */
10788 /* colors.scss */
10789 /**
10790  * Copyright 2015 Google Inc. All Rights Reserved.
10791  *
10792  * Licensed under the Apache License, Version 2.0 (the "License");
10793  * you may not use this file except in compliance with the License.
10794  * You may obtain a copy of the License at
10795  *
10796  *      http://www.apache.org/licenses/LICENSE-2.0
10797  *
10798  * Unless required by applicable law or agreed to in writing, software
10799  * distributed under the License is distributed on an "AS IS" BASIS,
10800  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10801  * See the License for the specific language governing permissions and
10802  * limitations under the License.
10803  */
10804 /* ==========  IMAGES  ========== */
10805 /* ==========  Color & Themes  ========== */
10806 /* ==========  Typography  ========== */
10807 /* ==========  Components  ========== */
10808 /* ==========  Standard Buttons  ========== */
10809 /* ==========  Icon Toggles  ========== */
10810 /* ==========  Radio Buttons  ========== */
10811 /* ==========  Ripple effect  ========== */
10812 /* ==========  Layout  ========== */
10813 /* ==========  Content Tabs  ========== */
10814 /* ==========  Checkboxes  ========== */
10815 /* ==========  Switches  ========== */
10816 /* ==========  Spinner  ========== */
10817 /* ==========  Text fields  ========== */
10818 /* ==========  Card  ========== */
10819 /* ==========  Sliders ========== */
10820 /* ========== Progress ========== */
10821 /* ==========  List ========== */
10822 /* ==========  Item ========== */
10823 /* ==========  Dropdown menu ========== */
10824 /* ==========  Tooltips  ========== */
10825 /* ==========  Footer  ========== */
10826 /* TEXTFIELD */
10827 /* SWITCH */
10828 /* SPINNER */
10829 /* RADIO */
10830 /* MENU */
10831 /* LIST */
10832 /* LAYOUT */
10833 /* ICON TOGGLE */
10834 /* FOOTER */
10835 /*mega-footer*/
10836 /*mini-footer*/
10837 /* CHECKBOX */
10838 /* CARD */
10839 /* Card dimensions */
10840 /* Cover image */
10841 /* BUTTON */
10842 /**
10843  *
10844  * Dimensions
10845  *
10846  */
10847 /* ANIMATION */
10848 /* PROGRESS */
10849 /* BADGE */
10850 /* SHADOWS */
10851 /* GRID */
10852 /* DATA TABLE */
10853 /* DIALOG */
10854 /* SNACKBAR */
10855 /* TOOLTIP */
10856 /* CHIP */
10857 .mdl-grid {
10858   display: -webkit-flex;
10859   display: -ms-flexbox;
10860   display: flex;
10861   -webkit-flex-flow: row wrap;
10862       -ms-flex-flow: row wrap;
10863           flex-flow: row wrap;
10864   margin: 0 auto 0 auto;
10865   -webkit-align-items: stretch;
10866       -ms-flex-align: stretch;
10867           align-items: stretch; }
10868   .mdl-grid.mdl-grid--no-spacing {
10869     padding: 0; }
10870
10871 .mdl-cell {
10872   box-sizing: border-box; }
10873
10874 .mdl-cell--top {
10875   -webkit-align-self: flex-start;
10876       -ms-flex-item-align: start;
10877           align-self: flex-start; }
10878
10879 .mdl-cell--middle {
10880   -webkit-align-self: center;
10881       -ms-flex-item-align: center;
10882               -ms-grid-row-align: center;
10883           align-self: center; }
10884
10885 .mdl-cell--bottom {
10886   -webkit-align-self: flex-end;
10887       -ms-flex-item-align: end;
10888           align-self: flex-end; }
10889
10890 .mdl-cell--stretch {
10891   -webkit-align-self: stretch;
10892       -ms-flex-item-align: stretch;
10893               -ms-grid-row-align: stretch;
10894           align-self: stretch; }
10895
10896 .mdl-grid.mdl-grid--no-spacing > .mdl-cell {
10897   margin: 0; }
10898
10899 .mdl-cell--order-1 {
10900   -webkit-order: 1;
10901       -ms-flex-order: 1;
10902           order: 1; }
10903
10904 .mdl-cell--order-2 {
10905   -webkit-order: 2;
10906       -ms-flex-order: 2;
10907           order: 2; }
10908
10909 .mdl-cell--order-3 {
10910   -webkit-order: 3;
10911       -ms-flex-order: 3;
10912           order: 3; }
10913
10914 .mdl-cell--order-4 {
10915   -webkit-order: 4;
10916       -ms-flex-order: 4;
10917           order: 4; }
10918
10919 .mdl-cell--order-5 {
10920   -webkit-order: 5;
10921       -ms-flex-order: 5;
10922           order: 5; }
10923
10924 .mdl-cell--order-6 {
10925   -webkit-order: 6;
10926       -ms-flex-order: 6;
10927           order: 6; }
10928
10929 .mdl-cell--order-7 {
10930   -webkit-order: 7;
10931       -ms-flex-order: 7;
10932           order: 7; }
10933
10934 .mdl-cell--order-8 {
10935   -webkit-order: 8;
10936       -ms-flex-order: 8;
10937           order: 8; }
10938
10939 .mdl-cell--order-9 {
10940   -webkit-order: 9;
10941       -ms-flex-order: 9;
10942           order: 9; }
10943
10944 .mdl-cell--order-10 {
10945   -webkit-order: 10;
10946       -ms-flex-order: 10;
10947           order: 10; }
10948
10949 .mdl-cell--order-11 {
10950   -webkit-order: 11;
10951       -ms-flex-order: 11;
10952           order: 11; }
10953
10954 .mdl-cell--order-12 {
10955   -webkit-order: 12;
10956       -ms-flex-order: 12;
10957           order: 12; }
10958
10959 @media (max-width: 479px) {
10960   .mdl-grid {
10961     padding: 8px; }
10962   .mdl-cell {
10963     margin: 8px;
10964     width: calc(100% - 16px); }
10965     .mdl-grid--no-spacing > .mdl-cell {
10966       width: 100%; }
10967   .mdl-cell--hide-phone {
10968     display: none !important; }
10969   .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
10970     -webkit-order: 1;
10971         -ms-flex-order: 1;
10972             order: 1; }
10973   .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
10974     -webkit-order: 2;
10975         -ms-flex-order: 2;
10976             order: 2; }
10977   .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
10978     -webkit-order: 3;
10979         -ms-flex-order: 3;
10980             order: 3; }
10981   .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
10982     -webkit-order: 4;
10983         -ms-flex-order: 4;
10984             order: 4; }
10985   .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
10986     -webkit-order: 5;
10987         -ms-flex-order: 5;
10988             order: 5; }
10989   .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
10990     -webkit-order: 6;
10991         -ms-flex-order: 6;
10992             order: 6; }
10993   .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
10994     -webkit-order: 7;
10995         -ms-flex-order: 7;
10996             order: 7; }
10997   .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
10998     -webkit-order: 8;
10999         -ms-flex-order: 8;
11000             order: 8; }
11001   .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
11002     -webkit-order: 9;
11003         -ms-flex-order: 9;
11004             order: 9; }
11005   .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
11006     -webkit-order: 10;
11007         -ms-flex-order: 10;
11008             order: 10; }
11009   .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
11010     -webkit-order: 11;
11011         -ms-flex-order: 11;
11012             order: 11; }
11013   .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
11014     -webkit-order: 12;
11015         -ms-flex-order: 12;
11016             order: 12; }
11017   .mdl-cell--1-col,
11018   .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11019     width: calc(25% - 16px); }
11020     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11021     .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
11022       width: 25%; }
11023   .mdl-cell--2-col,
11024   .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11025     width: calc(50% - 16px); }
11026     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11027     .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
11028       width: 50%; }
11029   .mdl-cell--3-col,
11030   .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11031     width: calc(75% - 16px); }
11032     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11033     .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
11034       width: 75%; }
11035   .mdl-cell--4-col,
11036   .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11037     width: calc(100% - 16px); }
11038     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11039     .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
11040       width: 100%; }
11041   .mdl-cell--5-col,
11042   .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11043     width: calc(100% - 16px); }
11044     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11045     .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
11046       width: 100%; }
11047   .mdl-cell--6-col,
11048   .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11049     width: calc(100% - 16px); }
11050     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11051     .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
11052       width: 100%; }
11053   .mdl-cell--7-col,
11054   .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11055     width: calc(100% - 16px); }
11056     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11057     .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
11058       width: 100%; }
11059   .mdl-cell--8-col,
11060   .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11061     width: calc(100% - 16px); }
11062     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11063     .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
11064       width: 100%; }
11065   .mdl-cell--9-col,
11066   .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11067     width: calc(100% - 16px); }
11068     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11069     .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
11070       width: 100%; }
11071   .mdl-cell--10-col,
11072   .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11073     width: calc(100% - 16px); }
11074     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11075     .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
11076       width: 100%; }
11077   .mdl-cell--11-col,
11078   .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11079     width: calc(100% - 16px); }
11080     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11081     .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
11082       width: 100%; }
11083   .mdl-cell--12-col,
11084   .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11085     width: calc(100% - 16px); }
11086     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11087     .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
11088       width: 100%; }
11089   .mdl-cell--1-offset,
11090   .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11091     margin-left: calc(25% + 8px); }
11092     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11093     .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
11094       margin-left: 25%; }
11095   .mdl-cell--2-offset,
11096   .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11097     margin-left: calc(50% + 8px); }
11098     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11099     .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
11100       margin-left: 50%; }
11101   .mdl-cell--3-offset,
11102   .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11103     margin-left: calc(75% + 8px); }
11104     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11105     .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
11106       margin-left: 75%; } }
11107
11108 @media (min-width: 480px) and (max-width: 839px) {
11109   .mdl-grid {
11110     padding: 8px; }
11111   .mdl-cell {
11112     margin: 8px;
11113     width: calc(50% - 16px); }
11114     .mdl-grid--no-spacing > .mdl-cell {
11115       width: 50%; }
11116   .mdl-cell--hide-tablet {
11117     display: none !important; }
11118   .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
11119     -webkit-order: 1;
11120         -ms-flex-order: 1;
11121             order: 1; }
11122   .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
11123     -webkit-order: 2;
11124         -ms-flex-order: 2;
11125             order: 2; }
11126   .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
11127     -webkit-order: 3;
11128         -ms-flex-order: 3;
11129             order: 3; }
11130   .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
11131     -webkit-order: 4;
11132         -ms-flex-order: 4;
11133             order: 4; }
11134   .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
11135     -webkit-order: 5;
11136         -ms-flex-order: 5;
11137             order: 5; }
11138   .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
11139     -webkit-order: 6;
11140         -ms-flex-order: 6;
11141             order: 6; }
11142   .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
11143     -webkit-order: 7;
11144         -ms-flex-order: 7;
11145             order: 7; }
11146   .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
11147     -webkit-order: 8;
11148         -ms-flex-order: 8;
11149             order: 8; }
11150   .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
11151     -webkit-order: 9;
11152         -ms-flex-order: 9;
11153             order: 9; }
11154   .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
11155     -webkit-order: 10;
11156         -ms-flex-order: 10;
11157             order: 10; }
11158   .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
11159     -webkit-order: 11;
11160         -ms-flex-order: 11;
11161             order: 11; }
11162   .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
11163     -webkit-order: 12;
11164         -ms-flex-order: 12;
11165             order: 12; }
11166   .mdl-cell--1-col,
11167   .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11168     width: calc(12.5% - 16px); }
11169     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11170     .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
11171       width: 12.5%; }
11172   .mdl-cell--2-col,
11173   .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11174     width: calc(25% - 16px); }
11175     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11176     .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
11177       width: 25%; }
11178   .mdl-cell--3-col,
11179   .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11180     width: calc(37.5% - 16px); }
11181     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11182     .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
11183       width: 37.5%; }
11184   .mdl-cell--4-col,
11185   .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11186     width: calc(50% - 16px); }
11187     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11188     .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
11189       width: 50%; }
11190   .mdl-cell--5-col,
11191   .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11192     width: calc(62.5% - 16px); }
11193     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11194     .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
11195       width: 62.5%; }
11196   .mdl-cell--6-col,
11197   .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11198     width: calc(75% - 16px); }
11199     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11200     .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
11201       width: 75%; }
11202   .mdl-cell--7-col,
11203   .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11204     width: calc(87.5% - 16px); }
11205     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11206     .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
11207       width: 87.5%; }
11208   .mdl-cell--8-col,
11209   .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11210     width: calc(100% - 16px); }
11211     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11212     .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
11213       width: 100%; }
11214   .mdl-cell--9-col,
11215   .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11216     width: calc(100% - 16px); }
11217     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11218     .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
11219       width: 100%; }
11220   .mdl-cell--10-col,
11221   .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11222     width: calc(100% - 16px); }
11223     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11224     .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
11225       width: 100%; }
11226   .mdl-cell--11-col,
11227   .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11228     width: calc(100% - 16px); }
11229     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11230     .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
11231       width: 100%; }
11232   .mdl-cell--12-col,
11233   .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11234     width: calc(100% - 16px); }
11235     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11236     .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
11237       width: 100%; }
11238   .mdl-cell--1-offset,
11239   .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11240     margin-left: calc(12.5% + 8px); }
11241     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11242     .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
11243       margin-left: 12.5%; }
11244   .mdl-cell--2-offset,
11245   .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11246     margin-left: calc(25% + 8px); }
11247     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11248     .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
11249       margin-left: 25%; }
11250   .mdl-cell--3-offset,
11251   .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11252     margin-left: calc(37.5% + 8px); }
11253     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11254     .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
11255       margin-left: 37.5%; }
11256   .mdl-cell--4-offset,
11257   .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11258     margin-left: calc(50% + 8px); }
11259     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11260     .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
11261       margin-left: 50%; }
11262   .mdl-cell--5-offset,
11263   .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11264     margin-left: calc(62.5% + 8px); }
11265     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11266     .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
11267       margin-left: 62.5%; }
11268   .mdl-cell--6-offset,
11269   .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11270     margin-left: calc(75% + 8px); }
11271     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11272     .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
11273       margin-left: 75%; }
11274   .mdl-cell--7-offset,
11275   .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11276     margin-left: calc(87.5% + 8px); }
11277     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11278     .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
11279       margin-left: 87.5%; } }
11280
11281 @media (min-width: 840px) {
11282   .mdl-grid {
11283     padding: 8px; }
11284   .mdl-cell {
11285     margin: 8px;
11286     width: calc(33.3333333333% - 16px); }
11287     .mdl-grid--no-spacing > .mdl-cell {
11288       width: 33.3333333333%; }
11289   .mdl-cell--hide-desktop {
11290     display: none !important; }
11291   .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
11292     -webkit-order: 1;
11293         -ms-flex-order: 1;
11294             order: 1; }
11295   .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
11296     -webkit-order: 2;
11297         -ms-flex-order: 2;
11298             order: 2; }
11299   .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
11300     -webkit-order: 3;
11301         -ms-flex-order: 3;
11302             order: 3; }
11303   .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
11304     -webkit-order: 4;
11305         -ms-flex-order: 4;
11306             order: 4; }
11307   .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
11308     -webkit-order: 5;
11309         -ms-flex-order: 5;
11310             order: 5; }
11311   .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
11312     -webkit-order: 6;
11313         -ms-flex-order: 6;
11314             order: 6; }
11315   .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
11316     -webkit-order: 7;
11317         -ms-flex-order: 7;
11318             order: 7; }
11319   .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
11320     -webkit-order: 8;
11321         -ms-flex-order: 8;
11322             order: 8; }
11323   .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
11324     -webkit-order: 9;
11325         -ms-flex-order: 9;
11326             order: 9; }
11327   .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
11328     -webkit-order: 10;
11329         -ms-flex-order: 10;
11330             order: 10; }
11331   .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
11332     -webkit-order: 11;
11333         -ms-flex-order: 11;
11334             order: 11; }
11335   .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
11336     -webkit-order: 12;
11337         -ms-flex-order: 12;
11338             order: 12; }
11339   .mdl-cell--1-col,
11340   .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11341     width: calc(8.3333333333% - 16px); }
11342     .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
11343     .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
11344       width: 8.3333333333%; }
11345   .mdl-cell--2-col,
11346   .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11347     width: calc(16.6666666667% - 16px); }
11348     .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
11349     .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
11350       width: 16.6666666667%; }
11351   .mdl-cell--3-col,
11352   .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11353     width: calc(25% - 16px); }
11354     .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
11355     .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
11356       width: 25%; }
11357   .mdl-cell--4-col,
11358   .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11359     width: calc(33.3333333333% - 16px); }
11360     .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
11361     .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
11362       width: 33.3333333333%; }
11363   .mdl-cell--5-col,
11364   .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11365     width: calc(41.6666666667% - 16px); }
11366     .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
11367     .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
11368       width: 41.6666666667%; }
11369   .mdl-cell--6-col,
11370   .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11371     width: calc(50% - 16px); }
11372     .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
11373     .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
11374       width: 50%; }
11375   .mdl-cell--7-col,
11376   .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11377     width: calc(58.3333333333% - 16px); }
11378     .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
11379     .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
11380       width: 58.3333333333%; }
11381   .mdl-cell--8-col,
11382   .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11383     width: calc(66.6666666667% - 16px); }
11384     .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
11385     .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
11386       width: 66.6666666667%; }
11387   .mdl-cell--9-col,
11388   .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11389     width: calc(75% - 16px); }
11390     .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
11391     .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
11392       width: 75%; }
11393   .mdl-cell--10-col,
11394   .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11395     width: calc(83.3333333333% - 16px); }
11396     .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
11397     .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
11398       width: 83.3333333333%; }
11399   .mdl-cell--11-col,
11400   .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11401     width: calc(91.6666666667% - 16px); }
11402     .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
11403     .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
11404       width: 91.6666666667%; }
11405   .mdl-cell--12-col,
11406   .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11407     width: calc(100% - 16px); }
11408     .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
11409     .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
11410       width: 100%; }
11411   .mdl-cell--1-offset,
11412   .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11413     margin-left: calc(8.3333333333% + 8px); }
11414     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
11415     .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
11416       margin-left: 8.3333333333%; }
11417   .mdl-cell--2-offset,
11418   .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11419     margin-left: calc(16.6666666667% + 8px); }
11420     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
11421     .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
11422       margin-left: 16.6666666667%; }
11423   .mdl-cell--3-offset,
11424   .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11425     margin-left: calc(25% + 8px); }
11426     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
11427     .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
11428       margin-left: 25%; }
11429   .mdl-cell--4-offset,
11430   .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11431     margin-left: calc(33.3333333333% + 8px); }
11432     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
11433     .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
11434       margin-left: 33.3333333333%; }
11435   .mdl-cell--5-offset,
11436   .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11437     margin-left: calc(41.6666666667% + 8px); }
11438     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
11439     .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
11440       margin-left: 41.6666666667%; }
11441   .mdl-cell--6-offset,
11442   .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11443     margin-left: calc(50% + 8px); }
11444     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
11445     .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
11446       margin-left: 50%; }
11447   .mdl-cell--7-offset,
11448   .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11449     margin-left: calc(58.3333333333% + 8px); }
11450     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
11451     .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
11452       margin-left: 58.3333333333%; }
11453   .mdl-cell--8-offset,
11454   .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11455     margin-left: calc(66.6666666667% + 8px); }
11456     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
11457     .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
11458       margin-left: 66.6666666667%; }
11459   .mdl-cell--9-offset,
11460   .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11461     margin-left: calc(75% + 8px); }
11462     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
11463     .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
11464       margin-left: 75%; }
11465   .mdl-cell--10-offset,
11466   .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11467     margin-left: calc(83.3333333333% + 8px); }
11468     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
11469     .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
11470       margin-left: 83.3333333333%; }
11471   .mdl-cell--11-offset,
11472   .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11473     margin-left: calc(91.6666666667% + 8px); }
11474     .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
11475     .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
11476       margin-left: 91.6666666667%; } }