@charset "UTF-8";
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0,0,0, 0.87);
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*:before,
*:after,
*:first-letter {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block;
}

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

/**
* Styles for HTML elements
*/
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

a {
  color: rgb(155,129,20);
  font-weight: 500;
}

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
blockquote:before {
  position: absolute;
  left: -0.5em;
  content: "“";
}
blockquote:after {
  content: "”";
  margin-left: -0.05em;
}

mark {
  background-color: #f4ff81;
}

dt {
  font-weight: 700;
}

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--text-left {
  text-align: left;
}

.mdl-typography--text-right {
  text-align: right;
}

.mdl-typography--text-center {
  text-align: center;
}

.mdl-typography--text-justify {
  text-align: justify;
}

.mdl-typography--text-nowrap {
  white-space: nowrap;
}

.mdl-typography--text-lowercase {
  text-transform: lowercase;
}

.mdl-typography--text-uppercase {
  text-transform: uppercase;
}

.mdl-typography--text-capitalize {
  text-transform: capitalize;
}

.mdl-typography--font-thin {
  font-weight: 200 !important;
}

.mdl-typography--font-light {
  font-weight: 300 !important;
}

.mdl-typography--font-regular {
  font-weight: 400 !important;
}

.mdl-typography--font-medium {
  font-weight: 500 !important;
}

.mdl-typography--font-bold {
  font-weight: 700 !important;
}

.mdl-typography--font-black {
  font-weight: 900 !important;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: rgb(244,67,54) !important;
}

.mdl-color--red {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important;
}

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important;
}

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important;
}

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important;
}

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important;
}

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important;
}

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important;
}

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important;
}

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important;
}

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important;
}

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important;
}

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important;
}

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important;
}

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important;
}

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important;
}

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important;
}

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important;
}

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important;
}

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important;
}

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important;
}

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important;
}

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important;
}

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important;
}

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important;
}

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important;
}

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important;
}

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important;
}

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important;
}

.mdl-color-text--pink {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important;
}

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important;
}

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important;
}

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important;
}

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important;
}

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important;
}

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important;
}

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important;
}

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important;
}

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important;
}

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important;
}

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important;
}

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important;
}

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important;
}

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important;
}

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important;
}

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important;
}

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important;
}

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important;
}

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important;
}

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important;
}

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important;
}

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important;
}

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important;
}

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important;
}

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important;
}

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important;
}

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important;
}

.mdl-color-text--purple {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important;
}

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important;
}

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important;
}

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important;
}

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important;
}

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important;
}

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important;
}

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important;
}

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important;
}

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important;
}

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important;
}

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important;
}

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important;
}

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important;
}

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important;
}

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important;
}

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important;
}

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important;
}

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important;
}

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important;
}

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important;
}

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important;
}

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important;
}

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important;
}

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important;
}

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important;
}

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important;
}

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important;
}

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important;
}

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important;
}

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important;
}

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important;
}

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important;
}

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important;
}

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important;
}

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important;
}

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important;
}

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important;
}

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important;
}

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important;
}

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important;
}

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important;
}

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important;
}

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important;
}

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important;
}

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important;
}

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important;
}

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important;
}

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important;
}

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important;
}

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important;
}

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important;
}

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important;
}

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important;
}

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important;
}

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important;
}

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important;
}

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important;
}

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important;
}

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important;
}

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important;
}

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important;
}

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important;
}

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important;
}

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important;
}

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important;
}

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important;
}

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important;
}

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important;
}

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important;
}

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important;
}

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important;
}

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important;
}

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important;
}

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important;
}

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important;
}

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important;
}

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important;
}

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important;
}

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important;
}

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important;
}

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important;
}

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important;
}

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important;
}

.mdl-color-text--blue {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important;
}

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important;
}

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important;
}

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important;
}

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important;
}

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important;
}

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important;
}

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important;
}

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important;
}

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important;
}

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important;
}

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important;
}

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important;
}

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important;
}

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important;
}

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important;
}

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important;
}

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important;
}

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important;
}

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important;
}

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important;
}

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important;
}

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important;
}

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important;
}

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important;
}

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important;
}

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important;
}

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important;
}

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important;
}

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important;
}

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important;
}

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important;
}

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important;
}

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important;
}

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important;
}

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important;
}

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important;
}

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important;
}

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important;
}

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important;
}

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important;
}

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important;
}

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important;
}

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important;
}

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important;
}

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important;
}

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important;
}

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important;
}

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important;
}

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important;
}

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important;
}

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important;
}

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important;
}

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important;
}

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important;
}

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important;
}

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important;
}

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important;
}

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important;
}

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important;
}

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important;
}

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important;
}

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important;
}

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important;
}

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important;
}

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important;
}

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important;
}

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important;
}

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important;
}

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important;
}

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important;
}

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important;
}

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important;
}

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important;
}

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important;
}

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important;
}

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important;
}

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important;
}

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important;
}

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important;
}

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important;
}

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important;
}

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important;
}

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important;
}

.mdl-color-text--teal {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important;
}

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important;
}

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important;
}

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important;
}

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important;
}

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important;
}

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important;
}

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important;
}

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important;
}

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important;
}

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important;
}

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important;
}

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important;
}

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important;
}

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important;
}

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important;
}

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important;
}

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important;
}

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important;
}

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important;
}

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important;
}

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important;
}

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important;
}

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important;
}

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important;
}

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important;
}

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important;
}

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important;
}

.mdl-color-text--green {
  color: rgb(76,175,80) !important;
}

.mdl-color--green {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important;
}

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important;
}

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important;
}

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important;
}

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important;
}

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important;
}

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important;
}

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important;
}

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important;
}

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important;
}

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important;
}

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important;
}

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important;
}

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important;
}

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important;
}

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important;
}

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important;
}

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important;
}

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important;
}

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important;
}

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important;
}

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important;
}

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important;
}

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important;
}

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important;
}

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important;
}

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important;
}

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important;
}

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important;
}

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important;
}

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important;
}

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important;
}

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important;
}

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important;
}

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important;
}

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important;
}

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important;
}

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important;
}

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important;
}

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important;
}

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important;
}

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important;
}

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important;
}

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important;
}

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important;
}

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important;
}

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important;
}

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important;
}

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important;
}

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important;
}

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important;
}

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important;
}

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important;
}

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important;
}

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important;
}

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important;
}

.mdl-color-text--lime {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important;
}

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important;
}

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important;
}

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important;
}

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important;
}

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important;
}

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important;
}

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important;
}

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important;
}

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important;
}

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important;
}

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important;
}

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important;
}

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important;
}

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important;
}

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important;
}

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important;
}

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important;
}

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important;
}

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important;
}

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important;
}

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important;
}

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important;
}

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important;
}

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important;
}

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important;
}

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important;
}

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important;
}

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important;
}

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important;
}

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important;
}

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important;
}

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important;
}

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important;
}

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important;
}

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important;
}

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important;
}

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important;
}

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important;
}

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important;
}

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important;
}

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important;
}

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important;
}

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important;
}

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important;
}

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important;
}

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important;
}

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important;
}

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important;
}

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important;
}

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important;
}

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important;
}

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important;
}

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important;
}

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important;
}

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important;
}

.mdl-color-text--amber {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important;
}

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important;
}

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important;
}

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important;
}

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important;
}

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important;
}

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important;
}

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important;
}

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important;
}

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important;
}

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important;
}

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important;
}

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important;
}

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important;
}

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important;
}

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important;
}

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important;
}

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important;
}

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important;
}

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important;
}

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important;
}

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important;
}

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important;
}

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important;
}

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important;
}

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important;
}

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important;
}

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important;
}

.mdl-color-text--orange {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important;
}

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important;
}

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important;
}

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important;
}

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important;
}

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important;
}

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important;
}

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important;
}

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important;
}

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important;
}

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important;
}

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important;
}

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important;
}

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important;
}

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important;
}

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important;
}

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important;
}

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important;
}

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important;
}

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important;
}

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important;
}

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important;
}

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important;
}

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important;
}

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important;
}

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important;
}

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important;
}

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important;
}

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important;
}

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important;
}

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important;
}

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important;
}

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important;
}

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important;
}

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important;
}

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important;
}

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important;
}

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important;
}

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important;
}

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important;
}

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important;
}

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important;
}

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important;
}

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important;
}

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important;
}

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important;
}

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important;
}

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important;
}

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important;
}

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important;
}

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important;
}

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important;
}

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important;
}

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important;
}

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important;
}

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important;
}

.mdl-color-text--brown {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important;
}

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important;
}

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important;
}

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important;
}

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important;
}

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important;
}

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important;
}

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important;
}

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important;
}

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important;
}

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important;
}

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important;
}

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important;
}

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important;
}

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important;
}

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important;
}

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important;
}

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important;
}

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important;
}

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important;
}

.mdl-color-text--grey {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important;
}

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important;
}

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important;
}

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important;
}

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important;
}

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important;
}

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important;
}

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important;
}

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important;
}

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important;
}

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important;
}

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important;
}

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important;
}

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important;
}

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important;
}

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important;
}

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important;
}

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important;
}

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important;
}

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important;
}

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important;
}

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important;
}

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important;
}

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important;
}

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important;
}

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important;
}

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important;
}

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important;
}

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important;
}

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important;
}

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important;
}

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important;
}

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important;
}

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important;
}

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important;
}

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important;
}

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important;
}

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important;
}

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important;
}

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important;
}

.mdl-color--black {
  background-color: rgb(0,0,0) !important;
}

.mdl-color-text--black {
  color: rgb(0,0,0) !important;
}

.mdl-color--white {
  background-color: rgb(255,255,255) !important;
}

.mdl-color-text--white {
  color: rgb(255,255,255) !important;
}

.mdl-color--primary {
  background-color: rgb(155,129,20) !important;
}

.mdl-color--primary-contrast {
  background-color: rgb(255,255,255) !important;
}

.mdl-color--primary-dark {
  background-color: rgb(155,129,20) !important;
}

.mdl-color--accent {
  background-color: rgb(155,129,20) !important;
}

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important;
}

.mdl-color-text--primary {
  color: rgb(155,129,20) !important;
}

.mdl-color-text--primary-contrast {
  color: rgb(255,255,255) !important;
}

.mdl-color-text--primary-dark {
  color: rgb(155,129,20) !important;
}

.mdl-color-text--accent {
  color: rgb(155,129,20) !important;
}

.mdl-color-text--accent-contrast {
  color: rgb(255,255,255) !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden;
}
.mdl-ripple.is-animating {
  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);
}
.mdl-ripple.is-visible {
  opacity: 0.3;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--fast-out-slow-in {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-animation--linear-out-slow-in {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.mdl-animation--fast-out-linear-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px;
}
.mdl-badge:not([data-badge]) {
  margin-right: auto;
}
.mdl-badge[data-badge]:after {
  content: attr(data-badge);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgb(155,129,20);
  color: rgb(255,255,255);
}
.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: rgb(155,129,20);
  background: rgba(255,255,255,0.2);
  box-shadow: 0 0 1px gray;
}
.mdl-badge.mdl-badge--overlap {
  margin-right: 10px;
}
.mdl-badge.mdl-badge--overlap:after {
  right: -10px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  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);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
}
.mdl-button::-moz-focus-inner {
  border: 0;
}
.mdl-button:hover {
  background-color: rgba(158,158,158, 0.20);
}
.mdl-button:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}
.mdl-button:active {
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button.mdl-button--colored {
  color: rgb(155,129,20);
}
.mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}

input.mdl-button[type=submit] {
  -webkit-appearance: none;
}

.mdl-button--raised {
  background: rgba(158,158,158, 0.20);
  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);
}
.mdl-button--raised:active {
  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);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--raised:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--raised.mdl-button--colored {
  background: rgb(155,129,20);
  color: rgb(255,255,255);
}
.mdl-button--raised.mdl-button--colored:hover {
  background-color: rgb(155,129,20);
}
.mdl-button--raised.mdl-button--colored:active {
  background-color: rgb(155,129,20);
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: rgb(155,129,20);
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}
.mdl-button--fab .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--fab.mdl-button--mini-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button--fab:active {
  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);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--fab:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--fab.mdl-button--colored {
  background: rgb(155,129,20);
  color: rgb(255,255,255);
}
.mdl-button--fab.mdl-button--colored:hover {
  background-color: rgb(155,129,20);
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: rgb(155,129,20);
}
.mdl-button--fab.mdl-button--colored:active {
  background-color: rgb(155,129,20);
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
}
.mdl-button--icon .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
  top: 0px;
  left: 0px;
}
.mdl-button--icon .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
  background-color: transparent;
}

.mdl-button--primary.mdl-button--primary {
  color: rgb(155,129,20);
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: rgb(255,255,255);
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(155,129,20);
}

.mdl-button--accent.mdl-button--accent {
  color: rgb(155,129,20);
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: rgb(255,255,255);
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(155,129,20);
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent;
}
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: none;
}
.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
}

.mdl-button .material-icons {
  vertical-align: middle;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box;
}

.mdl-card__media {
  background-color: rgb(155,129,20);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box;
}

.mdl-card__title {
  align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: flex;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  perspective-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}
.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__title-text {
  align-self: flex-end;
  color: inherit;
  display: block;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  transform-origin: 149px 48px;
  margin: 0;
}

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0;
}

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%;
}
.mdl-card__supporting-text.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding: 8px;
  box-sizing: border-box;
}
.mdl-card__actions.mdl-card--border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-card--expand {
  flex-grow: 1;
}

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
}
.mdl-checkbox.is-upgraded {
  padding-left: 24px;
}

.mdl-checkbox__input {
  line-height: 24px;
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 2px;
  z-index: 2;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid rgb(155,129,20);
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
  border: 2px solid rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba(155,129,20, 0.26);
  background-color: rgba(155,129,20, 0.26);
}

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  mask: url("images/tick-mask.svg?embed");
  background: transparent;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background: rgb(155,129,20) url("images/tick.svg?embed");
}
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background: rgba(0,0,0, 0.26) url("images/tick.svg?embed");
}

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-checkbox__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0,0,0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
}
.mdl-chip__text {
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
}
.mdl-chip__action {
  height: 24px;
  width: 24px;
  background: transparent;
  opacity: 0.54;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 0 4px;
  font-size: 13px;
  text-decoration: none;
  color: rgba(0,0,0, 0.87);
  border: none;
  outline: none;
  overflow: hidden;
}
.mdl-chip__contact {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.mdl-chip:focus {
  outline: 0;
  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);
}
.mdl-chip:active {
  background-color: #d6d6d6;
}
.mdl-chip--deletable {
  padding-right: 4px;
}
.mdl-chip--contact {
  padding-left: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255);
}
.mdl-data-table thead {
  padding-bottom: 3px;
}
.mdl-data-table thead .mdl-data-table__select {
  margin-top: 0;
}
.mdl-data-table tbody tr {
  position: relative;
  height: 48px;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
.mdl-data-table tbody tr.is-selected {
  background-color: #e0e0e0;
}
.mdl-data-table tbody tr:hover {
  background-color: #eeeeee;
}
.mdl-data-table td, .mdl-data-table th {
  padding: 0 18px 12px 18px;
  text-align: right;
}
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
  padding-left: 24px;
}
.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
  padding-right: 24px;
}
.mdl-data-table td {
  position: relative;
  vertical-align: middle;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  box-sizing: border-box;
}
.mdl-data-table td .mdl-data-table__select {
  vertical-align: middle;
}
.mdl-data-table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "";
  margin-right: 5px;
  vertical-align: sub;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
  cursor: pointer;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  content: "";
}

.mdl-data-table__select {
  width: 16px;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
  border: none;
  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);
  width: 280px;
}
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem;
}
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px;
}
.mdl-dialog__actions > *:first-child {
  margin-right: 0;
}
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
  height: 48px;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right;
}
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0,0,0, 0.54);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66);
}

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: "";
  display: block;
  clear: both;
}

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px;
}

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px;
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
    float: left;
  }

  .mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
    float: right;
  }

  .mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle;
  }
}
.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none;
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    width: 33%;
  }

  .mdl-mega-footer--drop-down-section:nth-child(1),
.mdl-mega-footer--drop-down-section:nth-child(2),
.mdl-mega-footer__drop-down-section:nth-child(1),
.mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left;
  }

  .mdl-mega-footer--drop-down-section:nth-child(3),
.mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3):after,
.mdl-mega-footer__drop-down-section:nth-child(3):after {
    clear: right;
  }

  .mdl-mega-footer--drop-down-section:nth-child(4),
.mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right;
  }

  .mdl-mega-footer--middle-section:after,
.mdl-mega-footer__middle-section:after {
    content: "";
    display: block;
    clear: both;
  }

  .mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
.mdl-mega-footer--drop-down-section:nth-child(3),
.mdl-mega-footer--drop-down-section:nth-child(4),
.mdl-mega-footer__drop-down-section,
.mdl-mega-footer__drop-down-section:nth-child(3),
.mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left;
  }
}
.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
  font-family: "Material Icons";
  content: "";
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none;
}
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: "Material Icons";
  content: "";
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(224,224,224);
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover;
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
}
.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
  clear: both;
  display: block;
  content: "";
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px;
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    display: none;
  }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    content: "";
  }

  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block;
  }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: "";
  }
}
.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px;
}

.mdl-logo {
  margin-bottom: 16px;
  color: white;
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px;
}

@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 32px 16px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66);
}
.mdl-mini-footer:after {
  content: "";
  display: block;
}
.mdl-mini-footer .mdl-logo {
  line-height: 36px;
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
  margin-bottom: 0;
  margin-right: 16px;
}
@media screen and (min-width: 760px) {
  .mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    line-height: 36px;
  }
}
.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  order: 0;
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  order: 1;
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0;
}

.mdl-icon-toggle__input {
  line-height: 32px;
}
.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: rgb(97,97,97);
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-icon-toggle__label.material-icons {
  line-height: 32px;
  font-size: 24px;
}
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: rgb(155,129,20);
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
  transition: none;
}
.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0,0,0, 0.12);
}
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba(155,129,20, 0.26);
}

.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-icon-toggle__ripple-container .mdl-ripple {
  background: rgb(97,97,97);
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
  cursor: auto;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
  display: block;
  padding: 8px 0;
  list-style: none;
}

.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0,0,0, 0.87);
  overflow: hidden;
}
.mdl-list__item .mdl-list__item-primary-content {
  order: 0;
  flex-grow: 2;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
  margin-right: 32px;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
  margin-right: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  margin-left: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
  display: inline;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: rgba(0,0,0, 0.54);
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
  padding: 0 0 0 16px;
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  box-sizing: border-box;
  color: rgb(117,117,117);
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: rgb(117,117,117);
  font-size: 40px;
  color: white;
}

.mdl-list__item--two-line {
  height: 72px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content {
  height: 36px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
  float: left;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
  margin-top: 6px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
  height: 36px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  color: rgba(0,0,0, 0.54);
  display: block;
  padding: 0;
}

.mdl-list__item--three-line {
  height: 88px;
}
.mdl-list__item--three-line .mdl-list__item-primary-content {
  height: 52px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
}
.mdl-list__item--three-line .mdl-list__item-secondary-content {
  height: 52px;
}
.mdl-list__item--three-line .mdl-list__item-text-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  height: 52px;
  color: rgba(0,0,0, 0.54);
  display: block;
  padding: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1;
}
.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
  z-index: 999;
  visibility: visible;
}

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0 0;
  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);
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  transform: scale(1);
  z-index: 999;
}
.mdl-menu__outline.mdl-menu--bottom-right {
  transform-origin: 100% 0;
}
.mdl-menu__outline.mdl-menu--top-left {
  transform-origin: 0 100%;
}
.mdl-menu__outline.mdl-menu--top-right {
  transform-origin: 100% 100%;
}

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu {
  opacity: 1;
  z-index: 999;
}
.mdl-menu.is-animating {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-menu.mdl-menu--bottom-right {
  left: auto;
  right: 0;
}
.mdl-menu.mdl-menu--top-left {
  top: auto;
  bottom: 0;
}
.mdl-menu.mdl-menu--top-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.mdl-menu.mdl-menu--unaligned {
  top: auto;
  left: auto;
}

.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}
.mdl-menu__container.is-visible .mdl-menu__item {
  opacity: 1;
}
.mdl-menu__item::-moz-focus-inner {
  border: 0;
}
.mdl-menu__item--full-bleed-divider {
  border-bottom: 1px solid rgba(0,0,0, 0.12);
}
.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
  color: rgb(189,189,189);
  background-color: transparent;
  cursor: auto;
}
.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdl-menu__item:hover {
  background-color: rgb(238,238,238);
}
.mdl-menu__item:focus {
  outline: none;
  background-color: rgb(238,238,238);
}
.mdl-menu__item:active {
  background-color: rgb(224,224,224);
}

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%;
}

.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-progress > .progressbar {
  background-color: rgb(155,129,20);
  z-index: 1;
  left: 0;
}

.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(155,129,20), rgb(155,129,20));
  z-index: 0;
  left: 0;
}

.mdl-progress > .auxbar {
  right: 0;
}

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(155,129,20), rgb(155,129,20));
    mask: url("images/buffer.svg?embed");
  }
}
.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(155,129,20), rgb(155,129,20));
}

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(155,129,20);
  animation-name: indeterminate1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb(155,129,20);
  animation-name: indeterminate2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}
@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.mdl-navigation__link {
  color: rgb(66,66,66);
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-navigation__link .material-icons {
  vertical-align: middle;
}

.mdl-layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none;
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none;
}

.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box;
}

.mdl-layout-spacer {
  flex-grow: 1;
}

.mdl-layout__drawer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  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);
  box-sizing: border-box;
  border-right: 1px solid rgb(224,224,224);
  background: rgb(250,250,250);
  transform: translateX(-250px);
  transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform;
  color: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}
.mdl-layout__drawer.is-visible {
  transform: translateX(0);
}
.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden;
}
.mdl-layout__drawer > * {
  flex-shrink: 0;
}
.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
    line-height: 56px;
    padding-left: 16px;
  }
}
.mdl-layout__drawer .mdl-navigation {
  flex-direction: column;
  align-items: stretch;
  padding-top: 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  flex-shrink: 0;
  padding: 16px 40px;
  margin: 0;
  color: #757575;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 16px 16px;
  }
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: rgb(224,224,224);
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: rgb(224,224,224);
  color: rgb(0,0,0);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    transform: translateX(0);
  }
}

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: rgb(255,255,255);
  z-index: 4;
}
.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: rgb(255,255,255);
  background-color: inherit;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header .mdl-layout__drawer-button {
    margin: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1025px) {
  .mdl-layout__drawer-button {
    line-height: 54px;
  }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
    display: none;
  }
}

.mdl-layout__header {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: rgb(155,129,20);
  color: rgb(255,255,255);
  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);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: max-height, box-shadow;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    min-height: 56px;
  }
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
  margin-left: 240px;
  width: calc(100% - 240px);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
    padding-left: 40px;
  }
}
.mdl-layout__header > .mdl-layout-icon {
  position: absolute;
  left: 40px;
  top: 16px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  z-index: 3;
  display: block;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header > .mdl-layout-icon {
    left: 16px;
    top: 12px;
  }
}
.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
  display: none;
}
.mdl-layout__header.is-compact {
  max-height: 64px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact {
    max-height: 56px;
  }
}
.mdl-layout__header.is-compact.has-tabs {
  height: 112px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact.has-tabs {
    min-height: 104px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    display: none;
  }
  .mdl-layout--fixed-header > .mdl-layout__header {
    display: flex;
  }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none;
}

.mdl-layout__header--seamed {
  box-shadow: none;
}

.mdl-layout__header--scroll {
  box-shadow: none;
}

.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden;
}
.mdl-layout__header--waterfall.is-casting-shadow {
  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);
}
.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
  justify-content: flex-end;
}

.mdl-layout__header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  box-sizing: border-box;
  align-self: stretch;
  align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px;
}
.mdl-layout--no-drawer-button .mdl-layout__header-row {
  padding-left: 40px;
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row {
    height: 56px;
    padding: 0 16px 0 72px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 16px;
  }
}
.mdl-layout__header-row > * {
  flex-shrink: 0;
}
.mdl-layout__header--scroll .mdl-layout__header-row {
  width: 100%;
}
.mdl-layout__header-row .mdl-navigation {
  margin: 0;
  padding: 0;
  height: 64px;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation {
    height: 56px;
  }
}
.mdl-layout__header-row .mdl-navigation__link {
  display: block;
  color: rgb(255,255,255);
  line-height: 64px;
  padding: 0 24px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation__link {
    line-height: 56px;
    padding: 0 16px;
  }
}

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-layout__obfuscator.is-visible {
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
}
@supports (pointer-events: auto) {
  .mdl-layout__obfuscator {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition-property: opacity;
    visibility: visible;
    pointer-events: none;
  }
  .mdl-layout__obfuscator.is-visible {
    pointer-events: auto;
    opacity: 1;
  }
}

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.mdl-layout--fixed-drawer > .mdl-layout__content {
  margin-left: 240px;
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0;
  }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: flex;
  background-color: rgb(155,129,20);
  overflow-y: hidden;
  overflow-x: scroll;
}
.mdl-layout__tab-bar::-webkit-scrollbar {
  display: none;
}
.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
  padding-left: 16px;
  width: calc(100% - 32px);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar {
    width: calc(100% - 60px);
    padding: 0 0 0 60px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    width: calc(100% - 8px);
    padding-left: 4px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.mdl-layout__container > .mdl-layout__tab-bar-container {
  position: absolute;
  top: 0;
  left: 0;
}

.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: rgb(155,129,20);
  color: transparent;
  cursor: pointer;
  user-select: none;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
  width: 16px;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
  position: relative;
  left: -4px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar-button {
    width: 60px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
  display: none;
}
.mdl-layout__tab-bar-button .material-icons {
  line-height: 48px;
}
.mdl-layout__tab-bar-button.is-active {
  color: rgb(255,255,255);
}

.mdl-layout__tab-bar-left-button {
  left: 0;
}

.mdl-layout__tab-bar-right-button {
  right: 0;
}

.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab {
    padding: 0 12px 0 12px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab {
  float: none;
  flex-grow: 1;
  padding: 0;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: rgb(255,255,255);
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgb(155,129,20);
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-layout__tab .mdl-layout__tab-ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
  background-color: rgb(255,255,255);
}

.mdl-layout__tab-panel {
  display: block;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel {
  display: none;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
  display: block;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0;
}
.mdl-radio.is-upgraded {
  padding-left: 24px;
}

.mdl-radio__button {
  line-height: 24px;
}
.mdl-radio.is-upgraded .mdl-radio__button {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid rgb(155,129,20);
}
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle {
  border: 2px solid rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform;
  transform: scale(0, 0);
  border-radius: 50%;
  background: rgb(155,129,20);
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  transform: scale(1, 1);
}
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0,0,0, 0.26);
  cursor: auto;
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
  cursor: pointer;
}
fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-radio__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0;
}

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.mdl-slider.is-upgraded {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 2px;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 0;
  padding: 0;
  color: rgb(155,129,20);
  align-self: center;
  z-index: 1;
  cursor: pointer;
  /**************************** Tracks ****************************/
  /**************************** Thumbs ****************************/
  /**************************** 0-value ****************************/
  /**************************** Disabled ****************************/
}
.mdl-slider.is-upgraded::-moz-focus-outer {
  border: 0;
}
.mdl-slider.is-upgraded::-ms-tooltip {
  display: none;
}
.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}
.mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
  border: none;
}
.mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
  height: 2px;
  width: 100%;
  border: none;
}
.mdl-slider.is-upgraded::-ms-fill-lower {
  padding: 0;
  background: linear-gradient(to right, transparent, transparent 16px, rgb(155,129,20) 16px, rgb(155,129,20) 0);
}
.mdl-slider.is-upgraded::-ms-fill-upper {
  padding: 0;
  background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0);
}
.mdl-slider.is-upgraded::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: rgb(155,129,20);
  border: none;
  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);
}
.mdl-slider.is-upgraded::-moz-range-thumb {
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: none;
  background: rgb(155,129,20);
  border: none;
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(155,129,20, 0.26);
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(155,129,20, 0.26);
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: rgb(155,129,20);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: rgb(155,129,20);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgb(155,129,20);
  transform: scale(0.375);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgb(155,129,20) 0%, rgb(155,129,20) 37.5%, rgba(155,129,20, 0.26) 37.5%, rgba(155,129,20, 0.26) 100%);
  transform: scale(1);
}
.mdl-slider.is-upgraded:active::-ms-thumb {
  background: rgb(155,129,20);
  transform: scale(0.5625);
}
.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border: 2px solid rgba(0,0,0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border: 2px solid rgba(0,0,0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
  background: rgba(0,0,0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
  background: rgba(0,0,0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border: 1.6px solid rgba(0,0,0, 0.26);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 9px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border: 1.5px solid rgba(0,0,0, 0.26);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  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%);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  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%);
  transform: scale(1);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  transform: scale(0.5625);
  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%);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
  margin-left: 9px;
}
.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 {
  transform: scale(0.667);
  background: rgba(0,0,0, 0.26);
}
.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 {
  transform: scale(0.667);
  background: rgba(0,0,0, 0.26);
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(0,0,0, 0.26);
  left: -6px;
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.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 {
  border: 3px solid rgba(0,0,0, 0.26);
  background: transparent;
  transform: scale(0.667);
}
.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 {
  border: 3px solid rgba(0,0,0, 0.26);
  background: transparent;
  transform: scale(0.667);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
  transform: scale(0.25);
  background: rgba(0,0,0, 0.26);
}
.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 {
  transform: scale(0.25);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  margin-right: 6px;
  background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
  margin-left: 6px;
}

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none;
}

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: flex;
  flex-direction: row;
}

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  transform: translate(0, -1px);
}

.mdl-slider__background-lower {
  background: rgb(155,129,20);
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
}

.mdl-slider__background-upper {
  background: rgba(0,0,0, 0.26);
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  transform: translate(0, 80px);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none;
}
@media (max-width: 479px) {
  .mdl-snackbar {
    width: 100%;
    left: 0;
    min-height: 48px;
    max-height: 80px;
  }
}
@media (min-width: 480px) {
  .mdl-snackbar {
    min-width: 288px;
    max-width: 568px;
    border-radius: 2px;
    transform: translate(-50%, 80px);
  }
}
.mdl-snackbar--active {
  transform: translate(0, 0);
  pointer-events: auto;
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 480px) {
  .mdl-snackbar--active {
    transform: translate(-50%, 0);
  }
}
.mdl-snackbar__text {
  padding: 14px 12px 14px 24px;
  vertical-align: middle;
  color: white;
  float: left;
}
.mdl-snackbar__action {
  background: transparent;
  border: none;
  color: rgb(155,129,20);
  float: right;
  text-transform: uppercase;
  padding: 14px 24px 14px 12px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  outline: none;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  align-self: center;
}
.mdl-snackbar__action::-moz-focus-inner {
  border: 0;
}
.mdl-snackbar__action:not([aria-hidden]) {
  opacity: 1;
  pointer-events: auto;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}
.mdl-spinner:not(.is-upgraded).is-active:after {
  content: "Loading...";
}
.mdl-spinner.is-upgraded.is-active {
  animation: mdl-spinner__container-rotate 1568.2352941176ms linear infinite;
}

@keyframes mdl-spinner__container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245);
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: rgb(155,129,20);
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
  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;
}

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54);
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: rgb(155,129,20);
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
  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;
}

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53);
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: rgb(155,129,20);
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
  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;
}

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80);
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: rgb(155,129,20);
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
  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;
}

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}
/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__gap-patch .mdl-spinner__circle {
  width: 1000%;
  left: -450%;
}

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__circle-clipper.mdl-spinner__left {
  float: left;
}
.mdl-spinner__circle-clipper.mdl-spinner__right {
  float: right;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
  width: 200%;
}

.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  transform: rotate(129deg);
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__right .mdl-spinner__circle {
  left: -100%;
  border-left-color: transparent !important;
  transform: rotate(-129deg);
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@keyframes mdl-spinner__left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@keyframes mdl-spinner__right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-switch.is-upgraded {
  padding-left: 28px;
}

.mdl-switch__input {
  line-height: 24px;
}
.mdl-switch.is-upgraded .mdl-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-switch__track {
  background: rgba(0,0,0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer;
}
.mdl-switch.is-checked .mdl-switch__track {
  background: rgba(155,129,20, 0.5);
}
.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(0,0,0, 0.12);
  cursor: auto;
}

.mdl-switch__thumb {
  background: rgb(250,250,250);
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  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);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left;
}
.mdl-switch.is-checked .mdl-switch__thumb {
  background: rgb(155,129,20);
  left: 16px;
  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);
}
.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb {
  background: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(155,129,20, 0.26);
  background-color: rgba(155,129,20, 0.26);
}

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px;
}
.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label {
  color: rgb(189,189,189);
  cursor: auto;
}

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.4s;
  transition-timing-function: step-end;
  transition-property: left;
}
.mdl-switch__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}
.mdl-switch.is-checked .mdl-switch__ripple-container {
  left: 2px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%;
}

.mdl-tabs__tab-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-between;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224);
}

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: rgba(0,0,0, 0.87);
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: rgb(155,129,20);
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}

.mdl-tabs__panel {
  display: block;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
  display: none;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
  display: block;
}

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}
.mdl-textfield .mdl-button {
  position: absolute;
  bottom: 20px;
}

.mdl-textfield--align-right {
  text-align: right;
}

.mdl-textfield--full-width {
  width: 100%;
}

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px;
}
.mdl-textfield--expandable .mdl-button--icon {
  top: 16px;
}

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}
.mdl-textfield__input[type=number] {
  -moz-appearance: textfield;
}
.mdl-textfield__input[type=number]::-webkit-inner-spin-button, .mdl-textfield__input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgb(213,0,0);
  box-shadow: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
  display: block;
}

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label {
  visibility: hidden;
}
.mdl-textfield--floating-label .mdl-textfield__label {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  transition: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(0,0,0, 0.26);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: rgb(155,129,20);
  font-size: 12px;
  top: 4px;
  visibility: visible;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
  top: -16px;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgb(213,0,0);
  font-size: 12px;
}
.mdl-textfield__label:after {
  background-color: rgb(155,129,20);
  bottom: 20px;
  content: "";
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: rgb(213,0,0);
}

.mdl-textfield__error {
  color: rgb(213,0,0);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.mdl-textfield.is-invalid .mdl-textfield__error {
  visibility: visible;
}

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
  max-width: 600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
  bottom: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  transform: scale(0);
  transform-origin: top center;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}

.mdl-tooltip.is-active {
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  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);
}

.mdl-shadow--3dp {
  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);
}

.mdl-shadow--4dp {
  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);
}

.mdl-shadow--6dp {
  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);
}

.mdl-shadow--8dp {
  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);
}

.mdl-shadow--16dp {
  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);
}

.mdl-shadow--24dp {
  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);
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}

.mdl-cell {
  box-sizing: border-box;
}

.mdl-cell--top {
  align-self: flex-start;
}

.mdl-cell--middle {
  align-self: center;
}

.mdl-cell--bottom {
  align-self: flex-end;
}

.mdl-cell--stretch {
  align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}

.mdl-cell--order-1 {
  order: 1;
}

.mdl-cell--order-2 {
  order: 2;
}

.mdl-cell--order-3 {
  order: 3;
}

.mdl-cell--order-4 {
  order: 4;
}

.mdl-cell--order-5 {
  order: 5;
}

.mdl-cell--order-6 {
  order: 6;
}

.mdl-cell--order-7 {
  order: 7;
}

.mdl-cell--order-8 {
  order: 8;
}

.mdl-cell--order-9 {
  order: 9;
}

.mdl-cell--order-10 {
  order: 10;
}

.mdl-cell--order-11 {
  order: 11;
}

.mdl-cell--order-12 {
  order: 12;
}

@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px;
  }

  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }

  .mdl-cell--hide-phone {
    display: none !important;
  }

  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    order: 1;
  }

  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    order: 2;
  }

  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    order: 3;
  }

  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    order: 4;
  }

  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    order: 5;
  }

  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    order: 6;
  }

  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    order: 7;
  }

  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    order: 8;
  }

  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    order: 9;
  }

  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    order: 10;
  }

  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    order: 11;
  }

  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    order: 12;
  }

  .mdl-cell--1-col,
.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
.mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 25%;
  }

  .mdl-cell--2-col,
.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
.mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 50%;
  }

  .mdl-cell--3-col,
.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
.mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 75%;
  }

  .mdl-cell--4-col,
.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
.mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 100%;
  }

  .mdl-cell--5-col,
.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
.mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: 100%;
  }

  .mdl-cell--6-col,
.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
.mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: 100%;
  }

  .mdl-cell--7-col,
.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
.mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: 100%;
  }

  .mdl-cell--8-col,
.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
.mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: 100%;
  }

  .mdl-cell--9-col,
.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
.mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: 100%;
  }

  .mdl-cell--10-col,
.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
.mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: 100%;
  }

  .mdl-cell--11-col,
.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
.mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: 100%;
  }

  .mdl-cell--12-col,
.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
.mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: 100%;
  }

  .mdl-cell--1-offset,
.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(25% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: 25%;
  }

  .mdl-cell--2-offset,
.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(50% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: 50%;
  }

  .mdl-cell--3-offset,
.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(75% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: 75%;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px;
  }

  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }

  .mdl-cell--hide-tablet {
    display: none !important;
  }

  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    order: 1;
  }

  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    order: 2;
  }

  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    order: 3;
  }

  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    order: 4;
  }

  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    order: 5;
  }

  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    order: 6;
  }

  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    order: 7;
  }

  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    order: 8;
  }

  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    order: 9;
  }

  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    order: 10;
  }

  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    order: 11;
  }

  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    order: 12;
  }

  .mdl-cell--1-col,
.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
.mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 12.5%;
  }

  .mdl-cell--2-col,
.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
.mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 25%;
  }

  .mdl-cell--3-col,
.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
.mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 37.5%;
  }

  .mdl-cell--4-col,
.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
.mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 50%;
  }

  .mdl-cell--5-col,
.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
.mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 62.5%;
  }

  .mdl-cell--6-col,
.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
.mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 75%;
  }

  .mdl-cell--7-col,
.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
.mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 87.5%;
  }

  .mdl-cell--8-col,
.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
.mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 100%;
  }

  .mdl-cell--9-col,
.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
.mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: 100%;
  }

  .mdl-cell--10-col,
.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
.mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: 100%;
  }

  .mdl-cell--11-col,
.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
.mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: 100%;
  }

  .mdl-cell--12-col,
.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
.mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: 100%;
  }

  .mdl-cell--1-offset,
.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(12.5% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: 12.5%;
  }

  .mdl-cell--2-offset,
.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(25% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: 25%;
  }

  .mdl-cell--3-offset,
.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(37.5% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: 37.5%;
  }

  .mdl-cell--4-offset,
.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(50% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: 50%;
  }

  .mdl-cell--5-offset,
.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(62.5% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: 62.5%;
  }

  .mdl-cell--6-offset,
.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(75% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: 75%;
  }

  .mdl-cell--7-offset,
.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(87.5% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: 87.5%;
  }
}
@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px;
  }

  .mdl-cell {
    margin: 8px;
    width: calc(33.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.3333333333%;
  }

  .mdl-cell--hide-desktop {
    display: none !important;
  }

  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    order: 1;
  }

  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    order: 2;
  }

  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    order: 3;
  }

  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    order: 4;
  }

  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    order: 5;
  }

  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    order: 6;
  }

  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    order: 7;
  }

  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    order: 8;
  }

  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    order: 9;
  }

  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    order: 10;
  }

  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    order: 11;
  }

  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    order: 12;
  }

  .mdl-cell--1-col,
.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
.mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.3333333333%;
  }

  .mdl-cell--2-col,
.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
.mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.6666666667%;
  }

  .mdl-cell--3-col,
.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
.mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: 25%;
  }

  .mdl-cell--4-col,
.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
.mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.3333333333%;
  }

  .mdl-cell--5-col,
.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
.mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.6666666667%;
  }

  .mdl-cell--6-col,
.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
.mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: 50%;
  }

  .mdl-cell--7-col,
.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
.mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.3333333333%;
  }

  .mdl-cell--8-col,
.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
.mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.6666666667%;
  }

  .mdl-cell--9-col,
.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
.mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: 75%;
  }

  .mdl-cell--10-col,
.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
.mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.3333333333%;
  }

  .mdl-cell--11-col,
.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.6666666667% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
.mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.6666666667%;
  }

  .mdl-cell--12-col,
.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
.mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: 100%;
  }

  .mdl-cell--1-offset,
.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(8.3333333333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: 8.3333333333%;
  }

  .mdl-cell--2-offset,
.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.6666666667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: 16.6666666667%;
  }

  .mdl-cell--3-offset,
.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: 25%;
  }

  .mdl-cell--4-offset,
.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(33.3333333333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: 33.3333333333%;
  }

  .mdl-cell--5-offset,
.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.6666666667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: 41.6666666667%;
  }

  .mdl-cell--6-offset,
.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: 50%;
  }

  .mdl-cell--7-offset,
.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(58.3333333333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: 58.3333333333%;
  }

  .mdl-cell--8-offset,
.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.6666666667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: 66.6666666667%;
  }

  .mdl-cell--9-offset,
.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: 75%;
  }

  .mdl-cell--10-offset,
.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(83.3333333333% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: 83.3333333333%;
  }

  .mdl-cell--11-offset,
.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.6666666667% + 8px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
.mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: 91.6666666667%;
  }
}
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/**
 * @license
 * Copyright 2016-2017 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * This code is built with Google Material Design Lite,
 * which is Licensed under the Apache License, Version 2.0
 */
/* stylelint-disable */
/* stylelint-enable */
.mdlext-aria-expanded-plus-minus {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga";
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.mdlext-aria-expanded-plus-minus::after {
  content: "+";
  margin-left: 0;
}
[aria-expanded=true] > .mdlext-aria-expanded-plus-minus::after {
  content: "-";
  margin-left: 0;
}

.mdlext-aria-expanded-more-less {
  font-family: "Material Icons";
  font-weight: inherit;
  font-style: inherit;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga";
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.mdlext-aria-expanded-more-less::after {
  content: "expand_more";
  margin-left: 0;
}
[aria-expanded=true] > .mdlext-aria-expanded-more-less::after {
  content: "expand_less";
  margin-left: 0;
}

/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
.mdlext-layout__sticky-header {
  position: absolute;
  overflow: visible;
  background: transparent linear-gradient(to bottom, #9b8114 0, #9b8114 100%);
  transition: 0.1s ease-in-out;
}
.mdlext-layout__sticky-header.mdlext-is-scroll {
  background: transparent linear-gradient(to bottom, rgba(155, 129, 20, 0.98) 100%, rgba(155, 129, 20, 0.95) 100%);
}

*:not(.is-small-screen) .mdlext-layout__sticky-header .mdl-layout__drawer-button {
  visibility: hidden;
}
*:not(.is-small-screen) .mdlext-layout__sticky-header .mdl-layout__header-row {
  padding-left: 16px;
}

*:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header,
.is-small-screen.has-drawer .mdlext-layout__sticky-header {
  display: flex;
}
*:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header .mdl-layout__drawer-button,
.is-small-screen.has-drawer .mdlext-layout__sticky-header .mdl-layout__drawer-button {
  visibility: visible;
}
*:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header .mdl-layout__header-row,
.is-small-screen.has-drawer .mdlext-layout__sticky-header .mdl-layout__header-row {
  padding-left: 64px;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * SASS based on css from Google Chrome Dialog polyfill, https://github.com/GoogleChrome/dialog-polyfill
 * @include 'node_modules/dialog-polyfill/dialog-polyfill.css' before using this
 */
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
dialog.mdlext-dialog {
  position: absolute;
  border: 0;
  opacity: 0;
  padding: 0;
  background-color: transparent;
}
dialog.mdlext-dialog[open] {
  animation: mdlext-open-dialog 0.5s 0.2s forwards;
}
dialog.mdlext-dialog[open]::backdrop {
  animation: mdlext-darken-backdrop 0.2s forwards;
}
dialog.mdlext-dialog[open] + .backdrop {
  animation: mdlext-darken-backdrop 0.2s forwards;
}

@keyframes mdlext-darken-backdrop {
  to {
    background: rgba(0, 0, 0, 0.86);
  }
}
@keyframes mdlext-open-dialog {
  to {
    opacity: 1;
  }
}
/**
 * This code is modified from Material Design Lite _grid.sass,
 * which is Licensed under the Apache License, Version 2.0
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
.mdlext-grid {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  align-items: stretch;
}
.mdlext-grid.mdlext-grid--no-spacing {
  padding: 0;
}

.mdlext-cell {
  box-sizing: border-box;
}

.mdlext-cell--top {
  align-self: flex-start;
}

.mdlext-cell--middle {
  align-self: center;
}

.mdlext-cell--bottom {
  align-self: flex-end;
}

.mdlext-cell--stretch {
  align-self: stretch;
}

.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell {
  margin: 0;
}

.mdlext-cell--order-1 {
  order: 1;
}

.mdlext-cell--order-2 {
  order: 2;
}

.mdlext-cell--order-3 {
  order: 3;
}

.mdlext-cell--order-4 {
  order: 4;
}

.mdlext-cell--order-5 {
  order: 5;
}

.mdlext-cell--order-6 {
  order: 6;
}

.mdlext-cell--order-7 {
  order: 7;
}

.mdlext-cell--order-8 {
  order: 8;
}

.mdlext-cell--order-9 {
  order: 9;
}

.mdlext-cell--order-10 {
  order: 10;
}

.mdlext-cell--order-11 {
  order: 11;
}

.mdlext-cell--order-12 {
  order: 12;
}

/* stylelint-disable */
@media (max-width: 479px) {
  /* stylelint-enable */
  .mdlext-grid {
    padding: 8px;
  }

  .mdlext-cell {
    margin: 8px;
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell {
    width: 100%;
  }

  .mdlext-cell--hide-phone {
    display: none !important;
  }

  .mdlext-cell--order-1-phone.mdlext-cell--order-1-phone {
    order: 1;
  }

  .mdlext-cell--order-2-phone.mdlext-cell--order-2-phone {
    order: 2;
  }

  .mdlext-cell--order-3-phone.mdlext-cell--order-3-phone {
    order: 3;
  }

  .mdlext-cell--order-4-phone.mdlext-cell--order-4-phone {
    order: 4;
  }

  .mdlext-cell--order-5-phone.mdlext-cell--order-5-phone {
    order: 5;
  }

  .mdlext-cell--order-6-phone.mdlext-cell--order-6-phone {
    order: 6;
  }

  .mdlext-cell--order-7-phone.mdlext-cell--order-7-phone {
    order: 7;
  }

  .mdlext-cell--order-8-phone.mdlext-cell--order-8-phone {
    order: 8;
  }

  .mdlext-cell--order-9-phone.mdlext-cell--order-9-phone {
    order: 9;
  }

  .mdlext-cell--order-10-phone.mdlext-cell--order-10-phone {
    order: 10;
  }

  .mdlext-cell--order-11-phone.mdlext-cell--order-11-phone {
    order: 11;
  }

  .mdlext-cell--order-12-phone.mdlext-cell--order-12-phone {
    order: 12;
  }

  .mdlext-cell--1-col,
.mdlext-cell--1-col-phone.mdlext-cell--1-col-phone {
    width: calc(25% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--1-col,
.mdlext-grid--no-spacing > .mdlext-cell--1-col-phone.mdlext-cell--1-col-phone {
    width: 25%;
  }

  .mdlext-cell--2-col,
.mdlext-cell--2-col-phone.mdlext-cell--2-col-phone {
    width: calc(50% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--2-col,
.mdlext-grid--no-spacing > .mdlext-cell--2-col-phone.mdlext-cell--2-col-phone {
    width: 50%;
  }

  .mdlext-cell--3-col,
.mdlext-cell--3-col-phone.mdlext-cell--3-col-phone {
    width: calc(75% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--3-col,
.mdlext-grid--no-spacing > .mdlext-cell--3-col-phone.mdlext-cell--3-col-phone {
    width: 75%;
  }

  .mdlext-cell--4-col,
.mdlext-cell--4-col-phone.mdlext-cell--4-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--4-col,
.mdlext-grid--no-spacing > .mdlext-cell--4-col-phone.mdlext-cell--4-col-phone {
    width: 100%;
  }

  .mdlext-cell--5-col,
.mdlext-cell--5-col-phone.mdlext-cell--5-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--5-col,
.mdlext-grid--no-spacing > .mdlext-cell--5-col-phone.mdlext-cell--5-col-phone {
    width: 100%;
  }

  .mdlext-cell--6-col,
.mdlext-cell--6-col-phone.mdlext-cell--6-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--6-col,
.mdlext-grid--no-spacing > .mdlext-cell--6-col-phone.mdlext-cell--6-col-phone {
    width: 100%;
  }

  .mdlext-cell--7-col,
.mdlext-cell--7-col-phone.mdlext-cell--7-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--7-col,
.mdlext-grid--no-spacing > .mdlext-cell--7-col-phone.mdlext-cell--7-col-phone {
    width: 100%;
  }

  .mdlext-cell--8-col,
.mdlext-cell--8-col-phone.mdlext-cell--8-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--8-col,
.mdlext-grid--no-spacing > .mdlext-cell--8-col-phone.mdlext-cell--8-col-phone {
    width: 100%;
  }

  .mdlext-cell--9-col,
.mdlext-cell--9-col-phone.mdlext-cell--9-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--9-col,
.mdlext-grid--no-spacing > .mdlext-cell--9-col-phone.mdlext-cell--9-col-phone {
    width: 100%;
  }

  .mdlext-cell--10-col,
.mdlext-cell--10-col-phone.mdlext-cell--10-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--10-col,
.mdlext-grid--no-spacing > .mdlext-cell--10-col-phone.mdlext-cell--10-col-phone {
    width: 100%;
  }

  .mdlext-cell--11-col,
.mdlext-cell--11-col-phone.mdlext-cell--11-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--11-col,
.mdlext-grid--no-spacing > .mdlext-cell--11-col-phone.mdlext-cell--11-col-phone {
    width: 100%;
  }

  .mdlext-cell--12-col,
.mdlext-cell--12-col-phone.mdlext-cell--12-col-phone {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--12-col,
.mdlext-grid--no-spacing > .mdlext-cell--12-col-phone.mdlext-cell--12-col-phone {
    width: 100%;
  }

  .mdlext-cell--1-offset,
.mdlext-cell--1-offset-phone.mdlext-cell--1-offset-phone {
    margin-left: calc(25% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset-phone.mdlext-cell--1-offset-phone {
    margin-left: 25%;
  }

  .mdlext-cell--2-offset,
.mdlext-cell--2-offset-phone.mdlext-cell--2-offset-phone {
    margin-left: calc(50% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset-phone.mdlext-cell--2-offset-phone {
    margin-left: 50%;
  }

  .mdlext-cell--3-offset,
.mdlext-cell--3-offset-phone.mdlext-cell--3-offset-phone {
    margin-left: calc(75% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset-phone.mdlext-cell--3-offset-phone {
    margin-left: 75%;
  }
}
/* stylelint-disable */
@media (min-width: 480px) and (max-width: 839px) {
  /* stylelint-enable */
  .mdlext-grid {
    padding: 8px;
  }

  .mdlext-cell {
    margin: 8px;
    width: calc(50% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell {
    width: 50%;
  }

  .mdlext-cell--hide-tablet {
    display: none !important;
  }

  .mdlext-cell--order-1-tablet.mdlext-cell--order-1-tablet {
    order: 1;
  }

  .mdlext-cell--order-2-tablet.mdlext-cell--order-2-tablet {
    order: 2;
  }

  .mdlext-cell--order-3-tablet.mdlext-cell--order-3-tablet {
    order: 3;
  }

  .mdlext-cell--order-4-tablet.mdlext-cell--order-4-tablet {
    order: 4;
  }

  .mdlext-cell--order-5-tablet.mdlext-cell--order-5-tablet {
    order: 5;
  }

  .mdlext-cell--order-6-tablet.mdlext-cell--order-6-tablet {
    order: 6;
  }

  .mdlext-cell--order-7-tablet.mdlext-cell--order-7-tablet {
    order: 7;
  }

  .mdlext-cell--order-8-tablet.mdlext-cell--order-8-tablet {
    order: 8;
  }

  .mdlext-cell--order-9-tablet.mdlext-cell--order-9-tablet {
    order: 9;
  }

  .mdlext-cell--order-10-tablet.mdlext-cell--order-10-tablet {
    order: 10;
  }

  .mdlext-cell--order-11-tablet.mdlext-cell--order-11-tablet {
    order: 11;
  }

  .mdlext-cell--order-12-tablet.mdlext-cell--order-12-tablet {
    order: 12;
  }

  .mdlext-cell--1-col,
.mdlext-cell--1-col-tablet.mdlext-cell--1-col-tablet {
    width: calc(12.5% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--1-col,
.mdlext-grid--no-spacing > .mdlext-cell--1-col-tablet.mdlext-cell--1-col-tablet {
    width: 12.5%;
  }

  .mdlext-cell--2-col,
.mdlext-cell--2-col-tablet.mdlext-cell--2-col-tablet {
    width: calc(25% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--2-col,
.mdlext-grid--no-spacing > .mdlext-cell--2-col-tablet.mdlext-cell--2-col-tablet {
    width: 25%;
  }

  .mdlext-cell--3-col,
.mdlext-cell--3-col-tablet.mdlext-cell--3-col-tablet {
    width: calc(37.5% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--3-col,
.mdlext-grid--no-spacing > .mdlext-cell--3-col-tablet.mdlext-cell--3-col-tablet {
    width: 37.5%;
  }

  .mdlext-cell--4-col,
.mdlext-cell--4-col-tablet.mdlext-cell--4-col-tablet {
    width: calc(50% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--4-col,
.mdlext-grid--no-spacing > .mdlext-cell--4-col-tablet.mdlext-cell--4-col-tablet {
    width: 50%;
  }

  .mdlext-cell--5-col,
.mdlext-cell--5-col-tablet.mdlext-cell--5-col-tablet {
    width: calc(62.5% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--5-col,
.mdlext-grid--no-spacing > .mdlext-cell--5-col-tablet.mdlext-cell--5-col-tablet {
    width: 62.5%;
  }

  .mdlext-cell--6-col,
.mdlext-cell--6-col-tablet.mdlext-cell--6-col-tablet {
    width: calc(75% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--6-col,
.mdlext-grid--no-spacing > .mdlext-cell--6-col-tablet.mdlext-cell--6-col-tablet {
    width: 75%;
  }

  .mdlext-cell--7-col,
.mdlext-cell--7-col-tablet.mdlext-cell--7-col-tablet {
    width: calc(87.5% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--7-col,
.mdlext-grid--no-spacing > .mdlext-cell--7-col-tablet.mdlext-cell--7-col-tablet {
    width: 87.5%;
  }

  .mdlext-cell--8-col,
.mdlext-cell--8-col-tablet.mdlext-cell--8-col-tablet {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--8-col,
.mdlext-grid--no-spacing > .mdlext-cell--8-col-tablet.mdlext-cell--8-col-tablet {
    width: 100%;
  }

  .mdlext-cell--9-col,
.mdlext-cell--9-col-tablet.mdlext-cell--9-col-tablet {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--9-col,
.mdlext-grid--no-spacing > .mdlext-cell--9-col-tablet.mdlext-cell--9-col-tablet {
    width: 100%;
  }

  .mdlext-cell--10-col,
.mdlext-cell--10-col-tablet.mdlext-cell--10-col-tablet {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--10-col,
.mdlext-grid--no-spacing > .mdlext-cell--10-col-tablet.mdlext-cell--10-col-tablet {
    width: 100%;
  }

  .mdlext-cell--11-col,
.mdlext-cell--11-col-tablet.mdlext-cell--11-col-tablet {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--11-col,
.mdlext-grid--no-spacing > .mdlext-cell--11-col-tablet.mdlext-cell--11-col-tablet {
    width: 100%;
  }

  .mdlext-cell--12-col,
.mdlext-cell--12-col-tablet.mdlext-cell--12-col-tablet {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--12-col,
.mdlext-grid--no-spacing > .mdlext-cell--12-col-tablet.mdlext-cell--12-col-tablet {
    width: 100%;
  }

  .mdlext-cell--1-offset,
.mdlext-cell--1-offset-tablet.mdlext-cell--1-offset-tablet {
    margin-left: calc(12.5% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset-tablet.mdlext-cell--1-offset-tablet {
    margin-left: 12.5%;
  }

  .mdlext-cell--2-offset,
.mdlext-cell--2-offset-tablet.mdlext-cell--2-offset-tablet {
    margin-left: calc(25% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset-tablet.mdlext-cell--2-offset-tablet {
    margin-left: 25%;
  }

  .mdlext-cell--3-offset,
.mdlext-cell--3-offset-tablet.mdlext-cell--3-offset-tablet {
    margin-left: calc(37.5% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset-tablet.mdlext-cell--3-offset-tablet {
    margin-left: 37.5%;
  }

  .mdlext-cell--4-offset,
.mdlext-cell--4-offset-tablet.mdlext-cell--4-offset-tablet {
    margin-left: calc(50% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--4-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--4-offset-tablet.mdlext-cell--4-offset-tablet {
    margin-left: 50%;
  }

  .mdlext-cell--5-offset,
.mdlext-cell--5-offset-tablet.mdlext-cell--5-offset-tablet {
    margin-left: calc(62.5% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--5-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--5-offset-tablet.mdlext-cell--5-offset-tablet {
    margin-left: 62.5%;
  }

  .mdlext-cell--6-offset,
.mdlext-cell--6-offset-tablet.mdlext-cell--6-offset-tablet {
    margin-left: calc(75% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--6-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--6-offset-tablet.mdlext-cell--6-offset-tablet {
    margin-left: 75%;
  }

  .mdlext-cell--7-offset,
.mdlext-cell--7-offset-tablet.mdlext-cell--7-offset-tablet {
    margin-left: calc(87.5% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--7-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--7-offset-tablet.mdlext-cell--7-offset-tablet {
    margin-left: 87.5%;
  }
}
@media (min-width: 840px) {
  .mdlext-grid {
    padding: 8px;
  }

  .mdlext-cell {
    margin: 8px;
    width: calc(33.3333333333% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell {
    width: 33.3333333333%;
  }

  .mdlext-cell--hide-desktop {
    display: none !important;
  }

  .mdlext-cell--order-1-desktop.mdlext-cell--order-1-desktop {
    order: 1;
  }

  .mdlext-cell--order-2-desktop.mdlext-cell--order-2-desktop {
    order: 2;
  }

  .mdlext-cell--order-3-desktop.mdlext-cell--order-3-desktop {
    order: 3;
  }

  .mdlext-cell--order-4-desktop.mdlext-cell--order-4-desktop {
    order: 4;
  }

  .mdlext-cell--order-5-desktop.mdlext-cell--order-5-desktop {
    order: 5;
  }

  .mdlext-cell--order-6-desktop.mdlext-cell--order-6-desktop {
    order: 6;
  }

  .mdlext-cell--order-7-desktop.mdlext-cell--order-7-desktop {
    order: 7;
  }

  .mdlext-cell--order-8-desktop.mdlext-cell--order-8-desktop {
    order: 8;
  }

  .mdlext-cell--order-9-desktop.mdlext-cell--order-9-desktop {
    order: 9;
  }

  .mdlext-cell--order-10-desktop.mdlext-cell--order-10-desktop {
    order: 10;
  }

  .mdlext-cell--order-11-desktop.mdlext-cell--order-11-desktop {
    order: 11;
  }

  .mdlext-cell--order-12-desktop.mdlext-cell--order-12-desktop {
    order: 12;
  }

  .mdlext-cell--1-col,
.mdlext-cell--1-col-desktop.mdlext-cell--1-col-desktop {
    width: calc(8.3333333333% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--1-col,
.mdlext-grid--no-spacing > .mdlext-cell--1-col-desktop.mdlext-cell--1-col-desktop {
    width: 8.3333333333%;
  }

  .mdlext-cell--2-col,
.mdlext-cell--2-col-desktop.mdlext-cell--2-col-desktop {
    width: calc(16.6666666667% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--2-col,
.mdlext-grid--no-spacing > .mdlext-cell--2-col-desktop.mdlext-cell--2-col-desktop {
    width: 16.6666666667%;
  }

  .mdlext-cell--3-col,
.mdlext-cell--3-col-desktop.mdlext-cell--3-col-desktop {
    width: calc(25% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--3-col,
.mdlext-grid--no-spacing > .mdlext-cell--3-col-desktop.mdlext-cell--3-col-desktop {
    width: 25%;
  }

  .mdlext-cell--4-col,
.mdlext-cell--4-col-desktop.mdlext-cell--4-col-desktop {
    width: calc(33.3333333333% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--4-col,
.mdlext-grid--no-spacing > .mdlext-cell--4-col-desktop.mdlext-cell--4-col-desktop {
    width: 33.3333333333%;
  }

  .mdlext-cell--5-col,
.mdlext-cell--5-col-desktop.mdlext-cell--5-col-desktop {
    width: calc(41.6666666667% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--5-col,
.mdlext-grid--no-spacing > .mdlext-cell--5-col-desktop.mdlext-cell--5-col-desktop {
    width: 41.6666666667%;
  }

  .mdlext-cell--6-col,
.mdlext-cell--6-col-desktop.mdlext-cell--6-col-desktop {
    width: calc(50% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--6-col,
.mdlext-grid--no-spacing > .mdlext-cell--6-col-desktop.mdlext-cell--6-col-desktop {
    width: 50%;
  }

  .mdlext-cell--7-col,
.mdlext-cell--7-col-desktop.mdlext-cell--7-col-desktop {
    width: calc(58.3333333333% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--7-col,
.mdlext-grid--no-spacing > .mdlext-cell--7-col-desktop.mdlext-cell--7-col-desktop {
    width: 58.3333333333%;
  }

  .mdlext-cell--8-col,
.mdlext-cell--8-col-desktop.mdlext-cell--8-col-desktop {
    width: calc(66.6666666667% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--8-col,
.mdlext-grid--no-spacing > .mdlext-cell--8-col-desktop.mdlext-cell--8-col-desktop {
    width: 66.6666666667%;
  }

  .mdlext-cell--9-col,
.mdlext-cell--9-col-desktop.mdlext-cell--9-col-desktop {
    width: calc(75% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--9-col,
.mdlext-grid--no-spacing > .mdlext-cell--9-col-desktop.mdlext-cell--9-col-desktop {
    width: 75%;
  }

  .mdlext-cell--10-col,
.mdlext-cell--10-col-desktop.mdlext-cell--10-col-desktop {
    width: calc(83.3333333333% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--10-col,
.mdlext-grid--no-spacing > .mdlext-cell--10-col-desktop.mdlext-cell--10-col-desktop {
    width: 83.3333333333%;
  }

  .mdlext-cell--11-col,
.mdlext-cell--11-col-desktop.mdlext-cell--11-col-desktop {
    width: calc(91.6666666667% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--11-col,
.mdlext-grid--no-spacing > .mdlext-cell--11-col-desktop.mdlext-cell--11-col-desktop {
    width: 91.6666666667%;
  }

  .mdlext-cell--12-col,
.mdlext-cell--12-col-desktop.mdlext-cell--12-col-desktop {
    width: calc(100% - 16px);
  }
  .mdlext-grid--no-spacing > .mdlext-cell--12-col,
.mdlext-grid--no-spacing > .mdlext-cell--12-col-desktop.mdlext-cell--12-col-desktop {
    width: 100%;
  }

  .mdlext-cell--1-offset,
.mdlext-cell--1-offset-desktop.mdlext-cell--1-offset-desktop {
    margin-left: calc(8.3333333333% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--1-offset-desktop.mdlext-cell--1-offset-desktop {
    margin-left: 8.3333333333%;
  }

  .mdlext-cell--2-offset,
.mdlext-cell--2-offset-desktop.mdlext-cell--2-offset-desktop {
    margin-left: calc(16.6666666667% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--2-offset-desktop.mdlext-cell--2-offset-desktop {
    margin-left: 16.6666666667%;
  }

  .mdlext-cell--3-offset,
.mdlext-cell--3-offset-desktop.mdlext-cell--3-offset-desktop {
    margin-left: calc(25% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--3-offset-desktop.mdlext-cell--3-offset-desktop {
    margin-left: 25%;
  }

  .mdlext-cell--4-offset,
.mdlext-cell--4-offset-desktop.mdlext-cell--4-offset-desktop {
    margin-left: calc(33.3333333333% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--4-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--4-offset-desktop.mdlext-cell--4-offset-desktop {
    margin-left: 33.3333333333%;
  }

  .mdlext-cell--5-offset,
.mdlext-cell--5-offset-desktop.mdlext-cell--5-offset-desktop {
    margin-left: calc(41.6666666667% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--5-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--5-offset-desktop.mdlext-cell--5-offset-desktop {
    margin-left: 41.6666666667%;
  }

  .mdlext-cell--6-offset,
.mdlext-cell--6-offset-desktop.mdlext-cell--6-offset-desktop {
    margin-left: calc(50% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--6-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--6-offset-desktop.mdlext-cell--6-offset-desktop {
    margin-left: 50%;
  }

  .mdlext-cell--7-offset,
.mdlext-cell--7-offset-desktop.mdlext-cell--7-offset-desktop {
    margin-left: calc(58.3333333333% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--7-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--7-offset-desktop.mdlext-cell--7-offset-desktop {
    margin-left: 58.3333333333%;
  }

  .mdlext-cell--8-offset,
.mdlext-cell--8-offset-desktop.mdlext-cell--8-offset-desktop {
    margin-left: calc(66.6666666667% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--8-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--8-offset-desktop.mdlext-cell--8-offset-desktop {
    margin-left: 66.6666666667%;
  }

  .mdlext-cell--9-offset,
.mdlext-cell--9-offset-desktop.mdlext-cell--9-offset-desktop {
    margin-left: calc(75% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--9-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--9-offset-desktop.mdlext-cell--9-offset-desktop {
    margin-left: 75%;
  }

  .mdlext-cell--10-offset,
.mdlext-cell--10-offset-desktop.mdlext-cell--10-offset-desktop {
    margin-left: calc(83.3333333333% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--10-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--10-offset-desktop.mdlext-cell--10-offset-desktop {
    margin-left: 83.3333333333%;
  }

  .mdlext-cell--11-offset,
.mdlext-cell--11-offset-desktop.mdlext-cell--11-offset-desktop {
    margin-left: calc(91.6666666667% + 8px);
  }
  .mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--11-offset,
.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell--11-offset-desktop.mdlext-cell--11-offset-desktop {
    margin-left: 91.6666666667%;
  }
}
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * A lightboard is a translucent surface illuminated from behind, used for situations
 * where a shape laid upon the surface needs to be seen with high contrast. In the "old days" of photography
 * photograpers used a lightboard to get a quick view of their slides. The goal is to create a responsive lightbox
 * design, based on flex layout, similar to what is used in Adobe LightRoom to browse images.
 */
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
ul.mdlext-lightboard {
  list-style: none;
}

.mdlext-lightboard {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.mdlext-lightboard *,
.mdlext-lightboard *::before,
.mdlext-lightboard *::after,
.mdlext-lightboard input[type=search] {
  box-sizing: border-box;
}
.mdlext-lightboard .mdlext-lightboard__slide {
  background-color: #F8F8F8;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  box-shadow: 2px 2px 6px -1px rgba(219, 215, 219, 0.5);
  position: relative;
  display: block;
  max-width: 250px;
}
.mdlext-lightboard .mdlext-lightboard__slide::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.mdlext-lightboard .mdlext-lightboard__slide:hover, .mdlext-lightboard .mdlext-lightboard__slide:active, .mdlext-lightboard .mdlext-lightboard__slide:focus {
  border-color: #B8B8B8;
  background-color: #E8E8E8;
  box-shadow: 2px 2px 12px -1px #dbd7db;
}
.mdlext-lightboard .mdlext-lightboard__slide:hover figcaption, .mdlext-lightboard .mdlext-lightboard__slide:active figcaption, .mdlext-lightboard .mdlext-lightboard__slide:focus figcaption {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.mdlext-lightboard .mdlext-lightboard__slide:focus {
  outline-offset: -2px;
  outline-color: inherit;
}
.mdlext-lightboard .mdlext-lightboard__slide[aria-selected=true] {
  background-color: #E8E8E8;
}
.mdlext-lightboard .mdlext-lightboard__slide[aria-selected=true] figcaption {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.mdlext-lightboard .mdlext-lightboard__slide__frame, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container {
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mdlext-lightboard .mdlext-lightboard__slide__frame:focus, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container:focus {
  outline-offset: -2px;
  outline-color: inherit;
}
.mdlext-lightboard .mdlext-lightboard__slide__frame .mdl-ripple, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}
.mdlext-lightboard .mdlext-lightboard__slide__frame figure, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mdlext-lightboard .mdlext-lightboard__slide__frame figure img, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border-width: 0;
  border-radius: 3px;
}
.mdlext-lightboard .mdlext-lightboard__slide__frame figure figcaption, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure figcaption {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #bdbdbd;
  position: absolute;
  bottom: -2px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  padding: 4px 0;
}
.mdlext-lightboard .mdlext-lightboard__slide__frame:hover figcaption, .mdlext-lightboard .mdlext-lightboard__slide__ripple-container:hover figcaption {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.mdlext-lightboard {
  padding: calc((0 - 2px) / 2);
}
.mdlext-lightboard .mdlext-lightboard__slide {
  margin: calc(2px / 2);
  width: calc(1 / 2 * 100% - 2px);
}
.mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
  margin: 8px;
}
.mdlext-lightboard.mdlext-lightboard--no-spacing {
  padding: 0;
}
.mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
  margin: 0;
  width: calc(1 / 2 * 100%);
}

/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
/* stylelint-disable */
@media (min-width: 480px) and (max-width: 659px) {
  /* stylelint-enable */
  .mdlext-lightboard {
    padding: calc((0 - 4px) / 2);
  }
  .mdlext-lightboard .mdlext-lightboard__slide {
    margin: calc(4px / 2);
    width: calc(1 / 4 * 100% - 4px);
  }
  .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
    margin: 8px;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing {
    padding: 0;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
    margin: 0;
    width: calc(1 / 4 * 100%);
  }
}
/* stylelint-disable */
@media (min-width: 660px) and (max-width: 839px) {
  /* stylelint-enable */
  .mdlext-lightboard {
    padding: calc((0 - 4px) / 2);
  }
  .mdlext-lightboard .mdlext-lightboard__slide {
    margin: calc(4px / 2);
    width: calc(1 / 5 * 100% - 4px);
  }
  .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
    margin: 8px;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing {
    padding: 0;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
    margin: 0;
    width: calc(1 / 5 * 100%);
  }
}
/* stylelint-disable */
@media (min-width: 840px) and (max-width: 1199px) {
  /* stylelint-enable */
  .mdlext-lightboard {
    padding: calc((0 - 8px) / 2);
  }
  .mdlext-lightboard .mdlext-lightboard__slide {
    margin: calc(8px / 2);
    width: calc(1 / 6 * 100% - 8px);
  }
  .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
    margin: 12px;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing {
    padding: 0;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
    margin: 0;
    width: calc(1 / 6 * 100%);
  }
}
@media (min-width: 1200px) {
  .mdlext-lightboard {
    padding: calc((0 - 8px) / 2);
  }
  .mdlext-lightboard .mdlext-lightboard__slide {
    margin: calc(8px / 2);
    width: calc(1 / 7 * 100% - 8px);
  }
  .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
    margin: 12px;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing {
    padding: 0;
  }
  .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
    margin: 0;
    width: calc(1 / 7 * 100%);
  }
}
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
.mdlext-lightbox {
  user-select: none;
  cursor: default;
  position: relative;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background-color: rgb(255,255,255);
  box-sizing: border-box;
  outline: 0;
  display: block;
}
.mdlext-lightbox *,
.mdlext-lightbox *::before,
.mdlext-lightbox *::after,
.mdlext-lightbox input[type=search] {
  box-sizing: border-box;
}
.mdlext-lightbox .mdlext-lightbox__slider {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
.mdlext-lightbox .mdlext-lightbox__slider .mdlext-lightbox__slider__slide {
  flex-shrink: 0;
  display: block;
  text-align: left;
  color: #7f7f7f;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mdlext-lightbox figure {
  margin: 0;
  padding: 0;
  position: relative;
}
.mdlext-lightbox figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  outline: 0;
}
.mdlext-lightbox figure figcaption {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  height: auto;
  max-height: 50%;
  overflow: auto;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.76);
  transform-origin: bottom;
  transform: scaleY(0);
  transition: 0.2s ease-in-out;
}
.mdlext-lightbox figure figcaption.mdlext-lightbox__show-figcaption {
  transform: scaleY(1);
}
.mdlext-lightbox figure figcaption tbody th {
  text-align: left;
}
.mdlext-lightbox figure figcaption tbody th,
.mdlext-lightbox figure figcaption tbody td {
  vertical-align: text-top;
}
.mdlext-lightbox .mdl-card__menu {
  color: #ffffff;
  z-index: 1;
}
.mdlext-lightbox footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.86);
}
.mdlext-lightbox footer .mdl-card__supporting-text {
  flex: 1;
  overflow: hidden;
  padding: 0;
  height: 18px;
  width: 100%;
}
.mdlext-lightbox footer nav {
  display: flex;
}
.mdlext-lightbox.mdlext-lightbox--sticky-footer footer {
  position: fixed;
  bottom: 0;
  left: 0;
}

/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * A carousel ...
 */
ul.mdlext-carousel {
  list-style: none;
}

.mdlext-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
  white-space: nowrap;
  font-size: 0;
  background-color: transparent;
}

.mdlext-carousel__slide {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  outline: 0;
  margin: 0 0;
  padding: 0;
  height: 100%;
  border-top: 2px solid transparent;
}
.mdlext-carousel__slide[aria-selected] figcaption, .mdlext-carousel__slide[aria-selected=true] figcaption {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.25);
}
.mdlext-carousel__slide[aria-selected]::after, .mdlext-carousel__slide[aria-selected=true]::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  top: -2px;
  left: 0;
  position: absolute;
  background: #9b8114;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdlext-carousel__slide a {
  text-decoration: none;
}
.mdlext-carousel__slide figure {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
}
.mdlext-carousel__slide figure img {
  box-sizing: border-box;
  max-height: 100%;
}
.mdlext-carousel__slide figure figcaption {
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #bdbdbd;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  padding: 4px 0;
}
.mdlext-carousel__slide figure:hover figcaption {
  color: black !important;
  background-color: rgba(255, 255, 255, 0.25);
}
.mdlext-carousel__slide .mdlext-carousel__slide__ripple-container {
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
}
.mdlext-carousel__slide .mdlext-carousel__slide__ripple-container .mdl-ripple {
  background: rgb(155,129,20);
}

/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * Copied/Modified/Inspired from/by:
 *   https://github.com/google/material-design-lite/tree/master/src/textfield
 *   http://red-team-design.com/making-html-dropdowns-not-suck/
 *   http://codepen.io/etcpe9/pen/PqyOye,
 *   http://codepen.io/pudgereyem/pen/PqBxQx
 *   https://github.com/MEYVN-digital/mdl-selectfield
 *   https://github.com/mebibou/mdl-selectfield
 */
/* stylelint-disable */
/* stylelint-enable */
.mdlext-selectfield {
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  display: inline-block;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}
.mdlext-selectfield .mdl-button {
  bottom: 20px;
  position: absolute;
}
.mdlext-selectfield::after {
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid inherit;
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: inherit;
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.mdlext-selectfield.is-disabled::after {
  color: rgba(0,0,0, 0.12);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(0,0,0, 0.12);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(0,0,0, 0.12);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}

.mdlext-selectfield--align-right {
  text-align: right;
}

.mdlext-selectfield--full-width {
  width: 100%;
}

.mdlext-selectfield--expandable {
  min-height: 32px;
  min-width: 32px;
  width: auto;
}

.mdlext-selectfield__select {
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
  box-shadow: none;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  padding: 4px calc(1.2em + 4px) 4px 0;
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  margin: 0;
  background: none;
  text-align: left;
  color: inherit;
}
.mdlext-selectfield__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}
.mdlext-selectfield__select:focus::-ms-value {
  background-color: inherit;
  color: inherit;
}
.mdlext-selectfield__select::-ms-expand {
  display: none;
}
.mdlext-selectfield.is-focused .mdlext-selectfield__select {
  outline: none;
}
.mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  border-color: rgb(213,0,0);
  box-shadow: none;
}
fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select, .mdlext-selectfield.is-disabled .mdlext-selectfield__select {
  border-bottom: 1px dotted rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  background-color: transparent;
}
.mdlext-selectfield__select option {
  color: rgba(0,0,0, 0.87);
  box-sizing: border-box;
  background-color: inherit;
}

.mdlext-selectfield__label {
  box-sizing: border-box;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  top: 24px;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.mdlext-selectfield.is-dirty .mdlext-selectfield__label, .mdlext-selectfield.has-placeholder .mdlext-selectfield__label {
  visibility: hidden;
}
.mdlext-selectfield--floating-label .mdlext-selectfield__label {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  transition: none;
}
fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label, .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(0,0,0, 0.26);
}
.mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label, .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: rgb(155,129,20);
  font-size: 12px;
  top: 4px;
  visibility: visible;
}
.mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__expandable-holder .mdlext-selectfield__label, .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__expandable-holder .mdlext-selectfield__label, .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__expandable-holder .mdlext-selectfield__label {
  top: -16px;
}
.mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
  color: rgb(213,0,0);
  font-size: 12px;
}
.mdlext-selectfield__label::after {
  background-color: rgb(155,129,20);
  bottom: 20px;
  content: "";
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.mdlext-selectfield.is-focused .mdlext-selectfield__label::after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.mdlext-selectfield.is-invalid .mdlext-selectfield__label::after {
  background-color: rgb(213,0,0);
}

.mdlext-selectfield__error {
  color: rgb(213,0,0);
  font-size: 12px;
  position: absolute;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.mdlext-selectfield.is-invalid .mdlext-selectfield__error {
  visibility: visible;
}

.mdlext-selectfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 0.1px;
}
.mdlext-selectfield.is-focused .mdlext-selectfield__expandable-holder, .mdlext-selectfield.is-dirty .mdlext-selectfield__expandable-holder {
  max-width: 600px;
}
.mdlext-selectfield__expandable-holder .mdlext-selectfield__label::after {
  bottom: 0;
}

/**
 * @license
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * This code is built with Google Material Design Lite,
 * which is Licensed under the Apache License, Version 2.0
 */
/* Moved to aria-expanded-toggle.scss

.mdlext-aria-expanded-plus-minus {
  @include mdlext-aria-expanded-toggle($font-family: inherit);
}

.mdlext-aria-expanded-more-less {
  @include mdlext-aria-expanded-toggle($icon: 'expand_more', $icon-expanded: 'expand_less');
}
*/
.mdlext-menu-button {
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  position: relative;
  height: 36px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.mdlext-menu-button > * {
  margin: 0;
  padding: 0 0 0 8px;
}
.mdlext-menu-button > *:first-child {
  padding-left: 0;
}
.mdlext-menu-button > *:last-child:not(:only-child):not(.mdlext-menu__item__caption) {
  margin-left: auto;
}

.mdlext-menu-button__caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.mdlext-menu,
.mdlext-menu__item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mdlext-menu {
  position: absolute;
  background: rgb(255,255,255);
  z-index: 1000;
  min-width: 124px;
  border-radius: 2px;
  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);
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
.mdlext-menu:focus {
  outline-offset: -1px;
  outline-width: 1px;
}
.mdlext-menu[hidden] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  pointer-events: none;
}
.mdlext-menu__item {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: rgba(0,0,0, 0.87);
  background-color: rgb(255,255,255);
  position: relative;
  padding: 0 16px 0 24px;
  align-items: center;
  align-self: stretch;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  min-height: 40px;
  overflow: hidden;
}
.mdlext-menu__item[aria-selected=true] {
  background-color: rgb(224,224,224);
}
.mdlext-menu__item[aria-selected=true]::before {
  content: "✓";
  position: absolute;
  font-size: 1.4em;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.mdlext-menu__item:hover:not([disabled]) {
  background-color: rgb(238,238,238);
}
.mdlext-menu__item:focus {
  outline-offset: -2px;
  outline-width: 1px;
  outline-color: rgb(189,189,189);
  background-color: rgb(238,238,238);
}
.mdlext-menu__item::-moz-focus-inner {
  border: 0;
}
.mdlext-menu__item[disabled] {
  color: rgb(189,189,189);
  background-color: transparent;
  cursor: auto;
  pointer-events: none;
}
.mdlext-menu__item[disabled] > * {
  color: rgb(189,189,189);
}
.mdlext-menu__item__caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mdlext-menu__item > * {
  margin: 0;
  padding: 0 0 0 8px;
}
.mdlext-menu__item > *:first-child {
  padding-left: 0;
}
.mdlext-menu__item > *:last-child:not(:only-child):not(.mdlext-menu__item__caption) {
  margin-left: auto;
}
.mdlext-menu__item-separator {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
}

/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
 * The bordered fields are based on / inspired by this CodePen: http://codepen.io/prajwal078/pen/LVJZXz?editors=010
 */
/**
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* stylelint-disable */
/* stylelint-enable */
/* ==========   Sticky Header   ========== */
/* stylelint-disable */
/* stylelint-enable */
/* ==========     Accordion     ========== */
/* ==========     Dialog     ========== */
/* ==========     Lightbox     ========== */
/* ==========  Lightboard  ========== */
/* ==========  Carousel  ========== */
/* ==========  Bordered fields  ========== */
/* ==========  Color Themes  ========== */
/* stylelint-disable */
/* stylelint-enable */
.mdlext-bordered-fields {
  box-sizing: border-box;
}
.mdlext-bordered-fields * {
  box-sizing: border-box;
}
.mdlext-bordered-fields .mdl-textfield,
.mdlext-bordered-fields .mdlext-selectfield {
  padding: 0;
  margin: 0 0 20px 0;
  /*
  &.is-dirty {
    .mdl-textfield__input,
    .mdlext-selectfield__select {
    }
  }
  */
}
.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
  height: 46px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  padding: 20px 8px 4px 8px;
  font-size: 16px;
  font-weight: normal;
  color: inherit;
}
.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
  color: rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.12);
}
.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
  background-color: rgba(238, 238, 238, 0.2);
  border-color: #9b8114;
}
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
  padding-right: calc(1em + 8px);
}
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  color: inherit;
  border-color: #d50000;
  background-color: rgba(255, 213, 213, 0.5);
}
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
  border-color: #a20000;
  background-color: rgba(255, 213, 213, 0.5);
}
.mdlext-bordered-fields .mdlext-selectfield::after {
  top: auto;
  bottom: 4px;
}
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield::after,
.mdlext-bordered-fields .mdlext-selectfield.is-disabled::after {
  color: rgba(0, 0, 0, 0.12);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(0, 0, 0, 0.12);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.12);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
  color: rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.12);
}
.mdlext-bordered-fields .mdl-textfield.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.is-dirty .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.has-placeholder .mdlext-selectfield__label {
  visibility: hidden;
}
.mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
  font-size: 16px;
  font-weight: normal;
  padding-left: 8px;
  top: auto;
  bottom: 4px;
}
.mdlext-bordered-fields .mdl-textfield .mdl-textfield__label::after,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label::after,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label::after,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label::after {
  background-color: transparent !important;
  visibility: hidden !important;
}
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: #9b8114;
  font-size: 12px;
  font-weight: normal;
  top: auto;
  bottom: 24px;
  visibility: visible;
}
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.12);
}
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
  color: #d50000;
}
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.12);
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > i, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > .mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > .mdl-button {
  position: absolute;
  bottom: 2px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > i {
  bottom: 6px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i:first-child, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button:first-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i:first-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button:first-child {
  left: 4px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i ~ .mdl-textfield__input, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdl-textfield__input, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i ~ .mdlext-selectfield__select, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i ~ .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i ~ .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdlext-selectfield__select {
  padding-left: 32px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i ~ .mdl-textfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i ~ .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdl-textfield__label {
  left: 24px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > i ~ .mdlext-selectfield__label, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > i ~ .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left > .mdl-button ~ .mdlext-selectfield__label {
  left: 24px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > .mdl-textfield__input {
  padding-right: 32px;
}
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > i:last-child, .mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right > .mdl-button:last-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > i:last-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right > .mdl-button:last-child {
  left: auto;
  right: 4px;
}
.mdlext-bordered-fields .mdl-textfield.is-disabled i, .mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button {
  color: rgba(0, 0, 0, 0.12);
  pointer-events: none;
}
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button {
  color: rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

/**
 * @license
 * Copyright 2016-2017 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * This code is built with Google Material Design Lite,
 * which is Licensed under the Apache License, Version 2.0
 */
.mdlext-collapsible {
  box-sizing: border-box;
  cursor: pointer;
}

.mdlext-collapsible-group,
.mdlext-collapsible-region {
  box-sizing: border-box;
}
.mdlext-collapsible-group[hidden],
.mdlext-collapsible-region[hidden] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  pointer-events: none;
}

/**
 * @license
 * Copyright 2016 Leif Olsen. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * This code is built with Google Material Design Lite,
 * which is Licensed under the Apache License, Version 2.0
 */
.mdlext-aria-toggle-plus-minus {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1.4em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga";
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.mdlext-aria-toggle-plus-minus::after {
  content: "+";
  margin-left: 0;
}
[aria-expanded=true] > .mdlext-aria-toggle-plus-minus::after {
  content: "-";
  margin-left: 0;
}

.mdlext-aria-toggle-material-icons {
  font-family: "Material Icons";
  font-weight: inherit;
  font-style: inherit;
  font-size: 1.3em;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga";
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.mdlext-aria-toggle-material-icons::after {
  content: "expand_more";
  margin-left: -8px;
}
[aria-expanded=true] > .mdlext-aria-toggle-material-icons::after {
  content: "expand_less";
  margin-left: -8px;
}

.mdlext-accordion {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.mdlext-accordion * {
  box-sizing: border-box;
}
.mdlext-accordion__panel {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.mdlext-accordion__tab {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  line-height: 1.1;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 56px;
  min-height: 56px;
  display: flex;
  align-items: center;
  align-self: stretch;
  user-select: none;
  color: #000000;
  background-color: rgba(158, 158, 158, 0.2);
  cursor: pointer;
  overflow: hidden;
}
.mdlext-accordion__tab:focus {
  outline-offset: -2px;
  outline-color: invert;
  outline-width: 2px;
}
.mdlext-accordion__tab[aria-expanded=true] {
  background-color: rgba(158, 158, 158, 0.3);
}
.mdlext-accordion__tab[aria-selected=true] {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-accordion__tab[disabled] {
  background-color: rgba(158, 158, 158, 0.12);
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
}
.mdlext-accordion__tab[disabled] > * {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-accordion__tab:hover:not([disabled]) {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-accordion__tab > * {
  margin: 0;
  padding: 0;
}
.mdlext-accordion__tab__caption {
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mdlext-accordion__tab > *:first-child {
  padding-left: 0;
}
.mdlext-accordion__tab--ripple[aria-selected=true]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.mdlext-accordion__tab--ripple[aria-selected=true]:focus:not(:active)::before {
  animation: mdlext-accordion-tab-ripple 1s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
}
.mdlext-accordion__tabpanel {
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px;
  color: inherit;
  background-color: transparent;
  display: block;
  overflow: auto;
  flex-grow: 1;
}
.mdlext-accordion__tabpanel[hidden] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mdlext-accordion--vertical {
  flex-direction: column;
  flex-wrap: nowrap;
}
.mdlext-accordion--vertical .mdlext-accordion__panel {
  min-height: 56px;
  flex-direction: column;
}
.mdlext-accordion--vertical .mdlext-accordion__tab {
  height: 56px;
  border-top: 1px solid rgba(158, 158, 158, 0.5);
  padding-left: 8px;
  padding-right: 8px;
}
.mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  display: block;
  content: " ";
  background-color: rgba(150, 150, 150, 0.5);
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdlext-accordion--vertical .mdlext-accordion__tab > * {
  padding-left: 8px;
}
.mdlext-accordion--vertical .mdlext-accordion__tab > *:first-child {
  padding-left: 0;
}
.mdlext-accordion--vertical .mdlext-accordion__tab > *:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {
  margin-left: auto;
}
.mdlext-accordion--vertical .mdlext-accordion__tab--ripple[aria-selected=true]::before {
  width: 5%;
  height: 10%;
}
.mdlext-accordion--vertical .mdlext-accordion__tabpanel {
  border-top: 1px solid rgba(158, 158, 158, 0.5);
}
.mdlext-accordion--vertical .mdlext-accordion__tabpanel--animation {
  transform: scaleY(1);
  animation: mdlext-accordion-show-tabpanel-y 0.2s ease-in-out;
}
.mdlext-accordion--vertical .mdlext-accordion__tabpanel--animation[hidden] {
  transform: scaleY(0);
  animation: mdlext-accordion-hide-tabpanel-y 0.2s ease-out;
  animation-delay: 0.1s;
}

.mdlext-accordion--horizontal .mdlext-accordion__panel {
  min-width: 56px;
  width: 56px;
}
.mdlext-accordion--horizontal[aria-multiselectable=true] .mdlext-accordion__panel.is-expanded {
  width: 100%;
}
.mdlext-accordion--horizontal .mdlext-accordion__tab {
  flex-direction: column-reverse;
  width: 56px;
  white-space: nowrap;
  border-left: 1px solid rgba(158, 158, 158, 0.5);
}
.mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  display: block;
  content: " ";
  background-color: rgba(150, 150, 150, 0.5);
}
.mdlext-accordion--horizontal .mdlext-accordion__tab > * {
  transform: rotate(-90deg) translateX(8px);
}
.mdlext-accordion--horizontal .mdlext-accordion__tab > *:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {
  margin-bottom: auto;
  transform: rotate(-90deg) translateX(0);
}
.mdlext-accordion--horizontal .mdlext-accordion__tab__caption {
  transform: rotate(-90deg) translateX(50%);
  padding-right: 16px;
}
.mdlext-accordion--horizontal .mdlext-accordion__tab--ripple[aria-selected=true]::before {
  width: 10%;
  height: 5%;
}
.mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
  border-left: 1px solid rgba(158, 158, 158, 0.5);
}
.mdlext-accordion--horizontal .mdlext-accordion__tabpanel--animation {
  transform: scaleX(1);
  animation: mdlext-accordion-show-tabpanel-x 0.2s ease-in-out;
}
.mdlext-accordion--horizontal .mdlext-accordion__tabpanel--animation[hidden] {
  transform: scaleX(0);
  animation: mdlext-accordion-hide-tabpanel-x 0.2s ease-out;
}

.mdlext-accordion__panel:first-child > .mdlext-accordion__tab {
  border-top-color: transparent;
  border-left-color: transparent;
}
.mdlext-accordion[aria-multiselectable=false] .mdlext-accordion__panel.is-expanded {
  flex-grow: 1;
}

.mdlext-accordion[disabled] * {
  pointer-events: none;
}
.mdlext-accordion[disabled] .mdlext-accordion__tab {
  background-color: rgba(158, 158, 158, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-accordion[disabled] .mdlext-accordion__tab > * {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
  opacity: 0.8;
  filter: blur(1px) grayscale(80%);
}

@keyframes mdlext-accordion-tab-ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
/*
@keyframes mdlext-accordion-show-tabpanel-y {
  0% { transform: scaleY(0.1); }
  40% { transform: scaleY(1.03); }
  60% { transform: scaleY(0.98); }
  80% { transform: scaleY(1.03); }
  100% { transform: scaleY(0.98); }
  80% { transform: scaleY(1.01); }
  100% { transform: scaleY(1); }
}
*/
@keyframes mdlext-accordion-show-tabpanel-y {
  0% {
    transform: scaleY(0);
  }
  60% {
    transform: scaleY(1.01);
  }
  80% {
    transform: scaleY(0.98);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes mdlext-accordion-hide-tabpanel-y {
  0% {
    transform: scaleY(1);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0);
  }
}
/*
@keyframes mdlext-accordion-show-tabpanel-x {
  0% { transform: scaleX(0.1); }
  40% { transform: scaleX(1.03); }
  60% { transform: scaleX(0.98); }
  80% { transform: scaleX(1.03); }
  100% { transform: scaleX(0.98); }
  80% { transform: scaleX(1.01); }
  100% { transform: scaleX(1); }
}
*/
@keyframes mdlext-accordion-show-tabpanel-x {
  0% {
    transform: scaleX(0);
  }
  60% {
    transform: scaleX(1.01);
  }
  80% {
    transform: scaleX(0.98);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes mdlext-accordion-hide-tabpanel-x {
  0% {
    transform: scaleX(1);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0);
  }
}
/* -------------------------------------------------------------
   Palette samples. Not part of build
----------------------------------------------------------------

$mdlext-light-color-primary:          #9E9E9E !default;
$mdlext-light-color-primary-dark:     #616161 !default;
$mdlext-light-color-primary-light:    #9E9E9E !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #212121 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #E040FB !default;
$mdlext-light-color-accent-light:     #E040FB !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FAFAFA !default;

$mdlext-light-color-primary:          #F5F5F5 !default;
$mdlext-light-color-primary-dark:     #E0E0E0 !default;
$mdlext-light-color-primary-light:    #8BC34A !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #000000 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #FFC107 !default;
$mdlext-light-color-accent-light:     #FFC107 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #673AB7 !default;
$mdlext-light-color-primary-dark:     #512DA8 !default;
$mdlext-light-color-primary-light:    #673AB7 !default;   // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #D1C4E9 !default;   // text color on primary/primary dark background
$mdlext-light-color-accent:           #4CAF50 !default;
$mdlext-light-color-accent-light:     #4CAF50 !default;   // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #4CAF50 !default;
$mdlext-light-color-primary-dark:     #388E3C !default;
$mdlext-light-color-primary-light:    #4CAF50 !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #C8E6C9 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #FF5252 !default;
$mdlext-light-color-accent-light:     #FF5252 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #4CAF50 !default;
$mdlext-light-color-primary-dark:     #388E3C !default;
$mdlext-light-color-primary-light:    #4CAF50 !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #C8E6C9 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #03A9F4 !default;
$mdlext-light-color-accent-light:     #03A9F4 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-dark-color-primary:           #212121 !default;
$mdlext-dark-color-primary-dark:      #000000 !default;
$mdlext-dark-color-primary-light:     #607D8B !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-dark-color-primary-contrast:  #FFFFFF !default;  // text color on primary/primary dark background
$mdlext-dark-color-accent:            #FF5722 !default;
$mdlext-dark-color-accent-light:      #FF5722 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-dark-color-accent-contrast:   #FFFFFF !default;

*/
.mdlext-light-color-theme {
  background-color: #FAFAFA;
  color: rgba(0, 0, 0, 0.87);
}
.mdlext-light-color-theme a {
  outline-color: inherit;
}

.mdlext-light-color-theme .mdl-color--primary {
  background-color: #4CAF50 !important;
}
.mdlext-light-color-theme .mdl-color--primary-contrast {
  background-color: #C8E6C9 !important;
}
.mdlext-light-color-theme .mdl-color--primary-dark {
  background-color: #388E3C !important;
}
.mdlext-light-color-theme .mdl-color--accent {
  background-color: #E040FB !important;
}
.mdlext-light-color-theme .mdl-color--accent-contrast {
  background-color: #FAFAFA !important;
}
.mdlext-light-color-theme .mdl-color-text--primary {
  color: #4CAF50 !important;
}
.mdlext-light-color-theme .mdl-color-text--primary-contrast {
  color: #C8E6C9 !important;
}
.mdlext-light-color-theme .mdl-color-text--primary-dark {
  color: #388E3C !important;
}
.mdlext-light-color-theme .mdl-color-text--accent {
  color: #E040FB !important;
}
.mdlext-light-color-theme .mdl-color-text--accent-contrast {
  color: #FAFAFA !important;
}

.mdlext-light-color-theme a {
  color: #E040FB;
}

.mdlext-light-color-theme .mdl-badge[data-badge]::after {
  background: #E040FB;
  color: #FAFAFA;
}
.mdlext-light-color-theme .mdl-badge.mdl-badge--no-background[data-badge]::after {
  color: #E040FB;
  background: #FAFAFA;
}

.mdlext-light-color-theme .mdl-button {
  background: transparent;
  color: #000000;
}
.mdlext-light-color-theme .mdl-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.mdlext-light-color-theme .mdl-button:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-button:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-light-color-theme .mdl-button.mdl-button--colored {
  color: #4CAF50;
}
.mdlext-light-color-theme .mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-button--raised {
  background: rgba(158, 158, 158, 0.2);
}
.mdlext-light-color-theme .mdl-button--raised:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-light-color-theme .mdl-button--raised:focus:not(:active) {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored {
  background: #4CAF50;
  color: #C8E6C9;
}
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:hover {
  background-color: #3d8b40;
}
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:active {
  background-color: #3d8b40;
}
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #3d8b40;
}
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: #C8E6C9;
}
.mdlext-light-color-theme .mdl-button--fab {
  background: rgba(158, 158, 158, 0.2);
}
.mdlext-light-color-theme .mdl-button--fab:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-light-color-theme .mdl-button--fab:focus:not(:active) {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored {
  background: #E040FB;
  color: #FAFAFA;
}
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:hover {
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:active {
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: #FAFAFA;
}
.mdlext-light-color-theme .mdl-button--icon {
  color: inherit;
}
.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary {
  color: #4CAF50;
}
.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: #C8E6C9;
}
.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdlext-light-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: #C8E6C9;
  background-color: #4CAF50;
}
.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent {
  color: #E040FB;
}
.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: #FAFAFA;
}
.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdlext-light-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: #FAFAFA;
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdl-button[disabled][disabled], .mdlext-light-color-theme .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-button--fab[disabled][disabled], .mdlext-light-color-theme .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-button--raised[disabled][disabled], .mdlext-light-color-theme .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-button--colored[disabled][disabled], .mdlext-light-color-theme .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mdlext-light-color-theme .mdl-slider.is-upgraded {
  background: transparent;
  color: #E040FB;
  /* stylelint-disable */
  /* stylelint-enable */
  /**************************** Thumbs ****************************/
  /* stylelint-disable */
  /* stylelint-enable */
  /**************************** 0-value ****************************/
  /* stylelint-disable */
  /* stylelint-enable */
  /**************************** Disabled ****************************/
  /* stylelint-disable */
  /* stylelint-enable */
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-fill-lower {
  background: linear-gradient(to right, transparent, transparent 16px, #E040FB 16px, #E040FB 0);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-fill-upper {
  background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-webkit-slider-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-moz-range-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(224, 64, 251, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(224, 64, 251, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-moz-range-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #E040FB 0%, #E040FB 37.5%, rgba(224, 64, 251, 0.26) 37.5%, rgba(224, 64, 251, 0.26) 100%);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-ms-thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border-color: #E040FB;
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  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%);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  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%);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  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%);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
  background: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
  background: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-ms-thumb {
  background: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
}
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
}
.mdlext-light-color-theme .mdl-slider__background-flex {
  background: transparent;
}
.mdlext-light-color-theme .mdl-slider__background-lower {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
}

.mdlext-light-color-theme .mdl-textfield__input {
  border-bottom-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #D32F2F;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-light-color-theme .mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-textfield__label::after {
  background-color: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdlext-light-color-theme .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #E040FB;
}
.mdlext-light-color-theme .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #D32F2F;
}
.mdlext-light-color-theme .mdl-textfield.is-invalid .mdl-textfield__label::after {
  background-color: #D32F2F;
}
.mdlext-light-color-theme .mdl-textfield__error {
  color: #D32F2F;
}

.mdlext-light-color-theme .mdl-checkbox__box-outline {
  border-color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-checkbox__focus-helper {
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0 8px rgba(224, 64, 251, 0.26);
  background-color: rgba(224, 64, 251, 0.26);
}
.mdlext-light-color-theme .mdl-checkbox__tick-outline {
  background: transparent;
}
.mdlext-light-color-theme .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdlext-light-color-theme .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-checkbox__ripple-container .mdl-ripple {
  background: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-light-color-theme .mdl-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #E040FB;
}
.mdlext-light-color-theme .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-radio__inner-circle {
  background: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-radio__ripple-container .mdl-ripple {
  background: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-light-color-theme .mdl-icon-toggle__label {
  color: #616161;
}
.mdlext-light-color-theme .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: #E040FB;
}
.mdlext-light-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba(224, 64, 251, 0.26);
}
.mdlext-light-color-theme .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: #616161;
}
.mdlext-light-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-light-color-theme .mdl-switch__track {
  background: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdl-switch.is-checked .mdl-switch__track {
  background: rgba(224, 64, 251, 0.54);
}
.mdlext-light-color-theme .mdl-switch__track fieldset[disabled] .mdl-switch,
.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-switch__thumb {
  background: #FAFAFA;
}
.mdlext-light-color-theme .mdl-switch.is-checked .mdl-switch__thumb {
  background: #E040FB;
}
.mdlext-light-color-theme .mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__thumb {
  background: #BDBDBD;
}
.mdlext-light-color-theme .mdl-switch__focus-helper {
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-switch.is-focused .mdl-switch__focus-helper {
  background-color: rgba(0, 0, 0, 0.1);
}
.mdlext-light-color-theme .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0 20px rgba(224, 64, 251, 0.26);
  background-color: rgba(224, 64, 251, 0.26);
}
.mdlext-light-color-theme .mdl-switch__label fieldset[disabled] .mdl-switch,
.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__label {
  color: #BDBDBD;
}
.mdlext-light-color-theme .mdl-switch__ripple-container .mdl-ripple {
  background: #E040FB;
}
.mdlext-light-color-theme fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-light-color-theme .mdl-data-table {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #FAFAFA;
}
.mdlext-light-color-theme .mdl-data-table tbody tr.is-selected {
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdl-data-table tbody tr:hover {
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdl-data-table th {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdlext-light-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(0, 0, 0, 0.87);
}
.mdlext-light-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover::before, .mdlext-light-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending:hover::before {
  color: rgba(0, 0, 0, 0.26);
}

.mdlext-light-color-theme .mdl-menu__outline {
  background: #FFFFFF;
}
.mdlext-light-color-theme .mdl-menu__item {
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  outline-color: #BDBDBD;
}
.mdlext-light-color-theme .mdl-menu__item--full-bleed-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdl-menu__item[disabled], .mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled] {
  color: #BDBDBD;
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-menu__item[disabled]:hover, .mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-menu__item[disabled]:focus, .mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdlext-light-color-theme .mdl-menu__item[disabled] .mdl-ripple, .mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdlext-light-color-theme .mdl-menu__item:hover {
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdl-menu__item:focus {
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdl-menu__item:active {
  background-color: #E0E0E0;
}

.mdlext-light-color-theme .mdl-card {
  background: #FAFAFA;
}
.mdlext-light-color-theme .mdl-card__media {
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdl-card__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdlext-light-color-theme .mdl-card__title.mdl-card--border {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.mdlext-light-color-theme .mdl-card__title-text {
  color: inherit;
}
.mdlext-light-color-theme .mdl-card__subtitle-text {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-card__supporting-text {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdl-card__actions {
  background-color: rgba(0, 0, 0, 0);
}
.mdlext-light-color-theme .mdl-card__actions.mdl-card--border {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.mdlext-light-color-theme .mdlext-selectfield.is-disabled::after {
  color: rgba(0, 0, 0, 0.12);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(0, 0, 0, 0.12);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.12);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}
.mdlext-light-color-theme .mdlext-selectfield__select {
  border-bottom-color: rgba(0, 0, 0, 0.26);
  color: inherit;
}
.mdlext-light-color-theme .mdlext-selectfield__select option {
  background-color: #FAFAFA;
  color: rgba(0, 0, 0, 0.87);
}
.mdlext-light-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  border-color: #D32F2F;
}
.mdlext-light-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select,
.mdlext-light-color-theme .mdlext-selectfield.is-disabled .mdlext-selectfield__select {
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: #E040FB;
}
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
  color: #D32F2F;
}
.mdlext-light-color-theme .mdlext-selectfield__label::after {
  background-color: #E040FB;
}
.mdlext-light-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__label::after {
  background-color: #D32F2F;
}
.mdlext-light-color-theme .mdlext-selectfield__error {
  color: #D32F2F;
}

.mdlext-menu.mdlext-light-color-theme {
  background: #FFFFFF;
}

.mdlext-light-color-theme .mdlext-menu {
  background: #FFFFFF;
}
.mdlext-light-color-theme .mdlext-menu__item {
  color: rgba(0, 0, 0, 0.87);
  background-color: #FFFFFF;
}
.mdlext-light-color-theme .mdlext-menu__item:active, .mdlext-light-color-theme .mdlext-menu__item[aria-selected=true] {
  background-color: #E0E0E0;
}
.mdlext-light-color-theme .mdlext-menu__item:hover:not([disabled]) {
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdlext-menu__item:focus {
  outline-color: #BDBDBD;
  background-color: #EEEEEE;
}
.mdlext-light-color-theme .mdlext-menu__item[disabled] {
  color: #BDBDBD;
}
.mdlext-light-color-theme .mdlext-menu__item[disabled] > * {
  color: #BDBDBD;
}
.mdlext-light-color-theme .mdlext-menu__item-separator {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
  background-color: rgba(250, 250, 250, 0.1);
  border-color: rgba(0, 0, 0, 0.26);
  color: inherit;
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(250, 250, 250, 0.1);
  border-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
  background-color: rgba(225, 225, 225, 0.1);
  border-color: #E040FB;
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  color: inherit;
  border-color: #D32F2F;
  background-color: rgba(255, 255, 255, 0.5);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
  border-color: #ab2424;
  background-color: rgba(255, 255, 255, 0.5);
}
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield::after,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled::after {
  color: rgba(0, 0, 0, 0.26);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(0, 0, 0, 0.26);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.26);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(250, 250, 250, 0.1);
  border-color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.54);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: #E040FB;
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
  color: #D32F2F;
}
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled i, .mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button {
  color: rgba(0, 0, 0, 0.12);
}
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button {
  color: rgba(0, 0, 0, 0.12);
}

.mdlext-light-color-theme .mdlext-accordion__tab {
  color: #000000;
  background-color: rgba(117, 117, 117, 0.2);
}
.mdlext-light-color-theme .mdlext-accordion__tab:focus {
  outline-color: rgba(109, 109, 109, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion__tab[aria-expanded=true] {
  background-color: rgba(117, 117, 117, 0.3);
}
.mdlext-light-color-theme .mdlext-accordion__tab[aria-selected=true] {
  background-color: rgba(117, 117, 117, 0.4);
}
.mdlext-light-color-theme .mdlext-accordion__tab[disabled] {
  background-color: rgba(117, 117, 117, 0.12);
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
}
.mdlext-light-color-theme .mdlext-accordion__tab[disabled] > * {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-accordion__tab:hover:not([disabled]) {
  background-color: rgba(117, 117, 117, 0.4);
}
.mdlext-light-color-theme .mdlext-accordion__tab--ripple[aria-selected=true]::before {
  background: rgba(117, 117, 117, 0.4);
}
.mdlext-light-color-theme .mdlext-accordion__tabpanel {
  color: inherit;
  background-color: transparent;
}
.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab {
  border-top: 1px solid rgba(117, 117, 117, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]::after {
  background-color: rgba(102, 102, 102, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tabpanel {
  border-top: 1px solid rgba(117, 117, 117, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab {
  border-left: 1px solid rgba(117, 117, 117, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]::after {
  background-color: rgba(102, 102, 102, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
  border-left: 1px solid rgba(117, 117, 117, 0.5);
}
.mdlext-light-color-theme .mdlext-accordion__panel:first-child > .mdlext-light-color-theme .mdlext-accordion__tab {
  border-top-color: transparent;
  border-left-color: transparent;
}
.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab {
  background-color: rgba(117, 117, 117, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab > * {
  color: rgba(0, 0, 0, 0.26);
}
.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
  opacity: 0.8;
  filter: blur(1px) grayscale(80%);
}

/* -------------------------------------------------------------
   Palette samples. Not part of build
----------------------------------------------------------------

$mdlext-light-color-primary:          #9E9E9E !default;
$mdlext-light-color-primary-dark:     #616161 !default;
$mdlext-light-color-primary-light:    #9E9E9E !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #212121 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #E040FB !default;
$mdlext-light-color-accent-light:     #E040FB !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FAFAFA !default;

$mdlext-light-color-primary:          #F5F5F5 !default;
$mdlext-light-color-primary-dark:     #E0E0E0 !default;
$mdlext-light-color-primary-light:    #8BC34A !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #000000 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #FFC107 !default;
$mdlext-light-color-accent-light:     #FFC107 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #673AB7 !default;
$mdlext-light-color-primary-dark:     #512DA8 !default;
$mdlext-light-color-primary-light:    #673AB7 !default;   // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #D1C4E9 !default;   // text color on primary/primary dark background
$mdlext-light-color-accent:           #4CAF50 !default;
$mdlext-light-color-accent-light:     #4CAF50 !default;   // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #4CAF50 !default;
$mdlext-light-color-primary-dark:     #388E3C !default;
$mdlext-light-color-primary-light:    #4CAF50 !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #C8E6C9 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #FF5252 !default;
$mdlext-light-color-accent-light:     #FF5252 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-light-color-primary:          #4CAF50 !default;
$mdlext-light-color-primary-dark:     #388E3C !default;
$mdlext-light-color-primary-light:    #4CAF50 !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-light-color-primary-contrast: #C8E6C9 !default;  // text color on primary/primary dark background
$mdlext-light-color-accent:           #03A9F4 !default;
$mdlext-light-color-accent-light:     #03A9F4 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-light-color-accent-contrast:  #FFFFFF !default;


$mdlext-dark-color-primary:           #212121 !default;
$mdlext-dark-color-primary-dark:      #000000 !default;
$mdlext-dark-color-primary-light:     #607D8B !default;  // Fallback color. Set to color-primary if fallback is not needed
$mdlext-dark-color-primary-contrast:  #FFFFFF !default;  // text color on primary/primary dark background
$mdlext-dark-color-accent:            #FF5722 !default;
$mdlext-dark-color-accent-light:      #FF5722 !default;  // Fallback color. Set to color-accent if fallback is not needed
$mdlext-dark-color-accent-contrast:   #FFFFFF !default;

*/
.mdlext-dark-color-theme {
  background-color: #303030;
  color: white;
}
.mdlext-dark-color-theme a {
  outline-color: inherit;
}

.mdlext-dark-color-theme .mdl-color--primary {
  background-color: #FFC107 !important;
}
.mdlext-dark-color-theme .mdl-color--primary-contrast {
  background-color: #FFF8E1 !important;
}
.mdlext-dark-color-theme .mdl-color--primary-dark {
  background-color: #FFA000 !important;
}
.mdlext-dark-color-theme .mdl-color--accent {
  background-color: #536DFE !important;
}
.mdlext-dark-color-theme .mdl-color--accent-contrast {
  background-color: #FFFFFF !important;
}
.mdlext-dark-color-theme .mdl-color-text--primary {
  color: #FFC107 !important;
}
.mdlext-dark-color-theme .mdl-color-text--primary-contrast {
  color: #FFF8E1 !important;
}
.mdlext-dark-color-theme .mdl-color-text--primary-dark {
  color: #FFA000 !important;
}
.mdlext-dark-color-theme .mdl-color-text--accent {
  color: #536DFE !important;
}
.mdlext-dark-color-theme .mdl-color-text--accent-contrast {
  color: #FFFFFF !important;
}

.mdlext-dark-color-theme a {
  color: #536DFE;
}

.mdlext-dark-color-theme .mdl-badge[data-badge]::after {
  background: #536DFE;
  color: #FFFFFF;
}
.mdlext-dark-color-theme .mdl-badge.mdl-badge--no-background[data-badge]::after {
  color: #536DFE;
  background: #FFFFFF;
}

.mdlext-dark-color-theme .mdl-button {
  background: transparent;
  color: #FFFFFF;
}
.mdlext-dark-color-theme .mdl-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.mdlext-dark-color-theme .mdl-button:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-dark-color-theme .mdl-button:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-dark-color-theme .mdl-button.mdl-button--colored {
  color: #FFC107;
}
.mdlext-dark-color-theme .mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-dark-color-theme .mdl-button--raised {
  background: rgba(158, 158, 158, 0.2);
}
.mdlext-dark-color-theme .mdl-button--raised:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-dark-color-theme .mdl-button--raised:focus:not(:active) {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored {
  background: #FFC107;
  color: #FFF8E1;
}
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:hover {
  background-color: #d39e00;
}
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:active {
  background-color: #d39e00;
}
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #d39e00;
}
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: #FFF8E1;
}
.mdlext-dark-color-theme .mdl-button--fab {
  background: rgba(158, 158, 158, 0.2);
}
.mdlext-dark-color-theme .mdl-button--fab:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-dark-color-theme .mdl-button--fab:focus:not(:active) {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored {
  background: #536DFE;
  color: #FFFFFF;
}
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:hover {
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:active {
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: #FFFFFF;
}
.mdlext-dark-color-theme .mdl-button--icon {
  color: inherit;
}
.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary {
  color: #FFC107;
}
.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: #FFF8E1;
}
.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: #FFF8E1;
  background-color: #FFC107;
}
.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent {
  color: #536DFE;
}
.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: #FFFFFF;
}
.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: #FFFFFF;
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-button[disabled][disabled], .mdlext-dark-color-theme .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(255, 255, 255, 0.26);
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-button--fab[disabled][disabled], .mdlext-dark-color-theme .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-button--raised[disabled][disabled], .mdlext-dark-color-theme .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-button--colored[disabled][disabled], .mdlext-dark-color-theme .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(255, 255, 255, 0.26);
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded {
  background: transparent;
  color: #536DFE;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /**************************** 0-value ****************************/
  /* stylelint-disable */
  /* stylelint-enable */
  /**************************** Disabled ****************************/
  /* stylelint-disable */
  /* stylelint-enable */
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-fill-lower {
  background: linear-gradient(to right, transparent, transparent 16px, #536DFE 16px, #536DFE 0);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-fill-upper {
  background: linear-gradient(to left, transparent, transparent 16px, rgba(255, 255, 255, 0.87) 16px, rgba(255, 255, 255, 0.87) 0);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-webkit-slider-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-moz-range-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(83, 109, 254, 0.5);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(83, 109, 254, 0.5);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-moz-range-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #536DFE 0%, #536DFE 37.5%, rgba(83, 109, 254, 0.5) 37.5%, rgba(83, 109, 254, 0.5) 100%);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-ms-thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border-color: #536DFE;
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border-color: rgba(255, 255, 255, 0.87);
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border-color: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border-color: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(255, 255, 255, 0.87) 66.67%, rgba(255, 255, 255, 0.87) 100%);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.87) 25%, rgba(255, 255, 255, 0.87) 37.5%, rgba(255, 255, 255, 0.5) 37.5%, rgba(255, 255, 255, 0.5) 100%);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(255, 255, 255, 0.87) 77.78%, rgba(255, 255, 255, 0.87) 100%);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
  background: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
  background: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
  border-color: rgba(255, 255, 255, 0.87);
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
  border-color: rgba(255, 255, 255, 0.87);
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-ms-thumb {
  background: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.87) 50%, rgba(255, 255, 255, 0.87) 100%);
}
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  background: linear-gradient(to right, transparent, transparent 25px, rgba(255, 255, 255, 0.87) 25px, rgba(255, 255, 255, 0.87) 0);
}
.mdlext-dark-color-theme .mdl-slider__background-flex {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-slider__background-lower {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-slider__background-upper {
  background: rgba(255, 255, 255, 0.87);
}

.mdlext-dark-color-theme .mdl-textfield__input {
  border-bottom-color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #FF1744;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-textfield__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-textfield__label::after {
  background-color: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #536DFE;
}
.mdlext-dark-color-theme .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #FF1744;
}
.mdlext-dark-color-theme .mdl-textfield.is-invalid .mdl-textfield__label::after {
  background-color: #FF1744;
}
.mdlext-dark-color-theme .mdl-textfield__error {
  color: #FF1744;
}

.mdlext-dark-color-theme .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-checkbox__focus-helper {
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0 8px rgba(83, 109, 254, 0.26);
  background-color: rgba(83, 109, 254, 0.26);
}
.mdlext-dark-color-theme .mdl-checkbox__tick-outline {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdlext-dark-color-theme .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background-color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-checkbox__ripple-container .mdl-ripple {
  background: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-dark-color-theme .mdl-radio__outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__outer-circle {
  border-color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-radio__inner-circle {
  background: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-radio__ripple-container .mdl-ripple {
  background: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-dark-color-theme .mdl-icon-toggle__label {
  color: #616161;
}
.mdlext-dark-color-theme .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: #536DFE;
}
.mdlext-dark-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdlext-dark-color-theme .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba(83, 109, 254, 0.26);
}
.mdlext-dark-color-theme .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: #616161;
}
.mdlext-dark-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-dark-color-theme .mdl-switch__track {
  background: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdl-switch.is-checked .mdl-switch__track {
  background: rgba(83, 109, 254, 0.5);
}
.mdlext-dark-color-theme .mdl-switch__track fieldset[disabled] .mdl-switch,
.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(255, 255, 255, 0.12);
}
.mdlext-dark-color-theme .mdl-switch__thumb {
  background: #FAFAFA;
}
.mdlext-dark-color-theme .mdl-switch.is-checked .mdl-switch__thumb {
  background: #536DFE;
}
.mdlext-dark-color-theme .mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__thumb {
  background: #FAFAFA;
}
.mdlext-dark-color-theme .mdl-switch__focus-helper {
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-switch.is-focused .mdl-switch__focus-helper {
  background-color: rgba(0, 0, 0, 0.1);
}
.mdlext-dark-color-theme .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0 20px rgba(83, 109, 254, 0.26);
  background-color: rgba(83, 109, 254, 0.26);
}
.mdlext-dark-color-theme .mdl-switch__label fieldset[disabled] .mdl-switch,
.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__label {
  color: #FAFAFA;
}
.mdlext-dark-color-theme .mdl-switch__ripple-container .mdl-ripple {
  background: #536DFE;
}
.mdlext-dark-color-theme fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}

.mdlext-dark-color-theme .mdl-data-table {
  border-color: rgba(255, 255, 255, 0.12);
  background-color: #303030;
}
.mdlext-dark-color-theme .mdl-data-table tbody tr.is-selected {
  background-color: #424242;
}
.mdlext-dark-color-theme .mdl-data-table tbody tr:hover {
  background-color: #212121;
}
.mdlext-dark-color-theme .mdl-data-table th {
  color: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(255, 255, 255, 0.87);
}
.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover::before, .mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending:hover::before {
  color: rgba(255, 255, 255, 0.26);
}

.mdlext-dark-color-theme .mdl-menu__outline {
  background: #000000;
}
.mdlext-dark-color-theme .mdl-menu__item {
  color: rgba(255, 255, 255, 0.87);
  background-color: transparent;
  outline-color: #616161;
}
.mdlext-dark-color-theme .mdl-menu__item--full-bleed-divider {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.mdlext-dark-color-theme .mdl-menu__item[disabled], .mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled] {
  color: #9E9E9E;
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-menu__item[disabled]:hover, .mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-menu__item[disabled]:focus, .mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdlext-dark-color-theme .mdl-menu__item[disabled] .mdl-ripple, .mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdlext-dark-color-theme .mdl-menu__item:hover {
  background-color: #212121;
}
.mdlext-dark-color-theme .mdl-menu__item:focus {
  background-color: #212121;
}
.mdlext-dark-color-theme .mdl-menu__item:active {
  background-color: #424242;
}

.mdlext-dark-color-theme .mdl-card {
  background: #303030;
}
.mdlext-dark-color-theme .mdl-card__media {
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdl-card__title {
  color: white;
}
.mdlext-dark-color-theme .mdl-card__title.mdl-card--border {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.mdlext-dark-color-theme .mdl-card__title-text {
  color: inherit;
}
.mdlext-dark-color-theme .mdl-card__subtitle-text {
  color: rgba(0, 0, 0, 0.7);
}
.mdlext-dark-color-theme .mdl-card__supporting-text {
  color: rgba(255, 255, 255, 0.7);
}
.mdlext-dark-color-theme .mdl-card__actions {
  background-color: rgba(255, 255, 255, 0);
}
.mdlext-dark-color-theme .mdl-card__actions.mdl-card--border {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.mdlext-dark-color-theme .mdlext-selectfield.is-disabled::after {
  color: rgba(255, 255, 255, 0.12);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(255, 255, 255, 0.12);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.12);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}
.mdlext-dark-color-theme .mdlext-selectfield__select {
  border-bottom-color: rgba(255, 255, 255, 0.26);
  color: inherit;
}
.mdlext-dark-color-theme .mdlext-selectfield__select option {
  background-color: #303030;
  color: white;
}
.mdlext-dark-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  border-color: #FF1744;
}
.mdlext-dark-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select,
.mdlext-dark-color-theme .mdlext-selectfield.is-disabled .mdlext-selectfield__select {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdlext-selectfield__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: #536DFE;
}
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
  color: #FF1744;
}
.mdlext-dark-color-theme .mdlext-selectfield__label::after {
  background-color: #536DFE;
}
.mdlext-dark-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__label::after {
  background-color: #FF1744;
}
.mdlext-dark-color-theme .mdlext-selectfield__error {
  color: #FF1744;
}

.mdlext-menu.mdlext-dark-color-theme {
  background: #000000;
}

.mdlext-dark-color-theme .mdlext-menu {
  background: #000000;
}
.mdlext-dark-color-theme .mdlext-menu__item {
  color: rgba(255, 255, 255, 0.87);
  background-color: #000000;
}
.mdlext-dark-color-theme .mdlext-menu__item:active, .mdlext-dark-color-theme .mdlext-menu__item[aria-selected=true] {
  background-color: #424242;
}
.mdlext-dark-color-theme .mdlext-menu__item:hover:not([disabled]) {
  background-color: #212121;
}
.mdlext-dark-color-theme .mdlext-menu__item:focus {
  outline-color: #616161;
  background-color: #212121;
}
.mdlext-dark-color-theme .mdlext-menu__item[disabled] {
  color: #9E9E9E;
}
.mdlext-dark-color-theme .mdlext-menu__item[disabled] > * {
  color: #9E9E9E;
}
.mdlext-dark-color-theme .mdlext-menu__item-separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
  background-color: rgba(48, 48, 48, 0.1);
  border-color: rgba(255, 255, 255, 0.26);
  color: inherit;
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
  color: rgba(255, 255, 255, 0.26);
  background-color: rgba(48, 48, 48, 0.1);
  border-color: rgba(255, 255, 255, 0.12);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
  background-color: rgba(23, 23, 23, 0.1);
  border-color: #536DFE;
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
  color: inherit;
  border-color: #FF1744;
  background-color: rgba(255, 23, 68, 0.1);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
  border-color: #e3002c;
  background-color: rgba(255, 23, 68, 0.1);
}
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield::after,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled::after {
  color: rgba(255, 255, 255, 0.26);
  content: "";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  border-top: 0.5em solid rgba(255, 255, 255, 0.26);
  border-top-width: 0.5em;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.26);
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
}
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
  color: rgba(255, 255, 255, 0.26);
  background-color: rgba(48, 48, 48, 0.1);
  border-color: rgba(255, 255, 255, 0.12);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
  color: #536DFE;
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
  color: #FF1744;
}
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {
  color: rgba(255, 255, 255, 0.26);
}
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled i, .mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button {
  color: rgba(255, 255, 255, 0.12);
}
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button {
  color: rgba(255, 255, 255, 0.12);
}

.mdlext-dark-color-theme .mdlext-accordion__tab {
  color: white;
  background-color: black;
}
.mdlext-dark-color-theme .mdlext-accordion__tab:focus {
  outline-color: #a8a8a8;
}
.mdlext-dark-color-theme .mdlext-accordion__tab[aria-expanded=true] {
  background-color: rgba(0, 0, 0, 0.9);
}
.mdlext-dark-color-theme .mdlext-accordion__tab[aria-selected=true] {
  background-color: rgba(0, 0, 0, 0.6);
}
.mdlext-dark-color-theme .mdlext-accordion__tab[disabled] {
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.mdlext-dark-color-theme .mdlext-accordion__tab[disabled] > * {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdlext-accordion__tab:hover:not([disabled]) {
  background-color: rgba(0, 0, 0, 0.5);
}
.mdlext-dark-color-theme .mdlext-accordion__tab--ripple[aria-selected=true]::before {
  background: rgba(0, 0, 0, 0.3);
}
.mdlext-dark-color-theme .mdlext-accordion__tabpanel {
  color: inherit;
  background-color: transparent;
}
.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab {
  border-top: 1px solid #424242;
}
.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]::after {
  background-color: #a8a8a8;
}
.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tabpanel {
  border-top: 1px solid #424242;
}
.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab {
  border-left: 1px solid #424242;
}
.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]::after {
  background-color: #a8a8a8;
}
.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
  border-left: 1px solid #424242;
}
.mdlext-dark-color-theme .mdlext-accordion__panel:first-child > .mdlext-dark-color-theme .mdlext-accordion__tab {
  border-top-color: transparent;
  border-left-color: transparent;
}
.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab {
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab > * {
  color: rgba(255, 255, 255, 0.5);
}
.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
  opacity: 0.8;
  filter: blur(1px) grayscale(80%);
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(assets/icons.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(assets/roboto.ttf) format("truetype");
}
/* dropdown reload */
input.busy {
  background: #ff02;
}

input.busy-dirty {
  background: #f002;
}

/* SVG styling */
.fop-fill {
  fill: rgb(155,129,20);
}

.fop-stroke {
  stroke: rgb(155,129,20);
}

.fop-fill-bg {
  fill: #000000 !important;
}

.fop-stroke-bg {
  stroke: #000000 !important;
}

@media (prefers-color-scheme: dark) {
  .fop-fill-bg {
    fill: #ffffff !important;
  }

  .fop-stroke-bg {
    stroke: #ffffff !important;
  }
}
/* don't make paragraphs so big */
p {
  margin-top: 0px;
  margin-bottom: 0.3em !important;
}

.pdr {
  margin-right: 5px;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  user-select: none;
}

label {
  margin-bottom: initial;
  margin-top: initial;
  font-weight: initial;
}

.fop-expand-overlay {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: visible;
  position: fixed;
  z-index: 999;
  padding: 10vw;
  background: rgba(60, 60, 60, 0.3);
}

@media screen and (min-width: 1024px) {
  .fop-expand-overlay {
    margin-left: 240px;
  }
}
.overlay {
  top: 0px;
  left: 0px;
  width: 100%;
  overflow: visible;
  height: 100%;
  position: fixed;
  z-index: 999;
}

.overlay-iframe {
  display: none;
  position: fixed;
  max-width: 40%;
  max-height: 70%;
  z-index: 1000;
}

.overlay-div {
  position: absolute;
  background: white;
  z-index: 1000;
  border: 1px dashed black;
}

.iframe-container {
  width: 100%;
  height: 100%;
  background: #FFF;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
  overflow: clip;
  overflow-wrap: break-word;
  white-space: normal;
}

.fop-iframe {
  margin-left: 1em;
  width: 100%;
  height: 100%;
  border-style: none;
}

.fop-lazy-reload {
  font-size: 400%;
  cursor: pointer;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: monospace;
  padding: 0.2em;
  transform-origin: 59% 67%;
}

.fop-lazy-reload:before {
  content: "↻";
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fop-scroll-menu {
  max-height: 100vh;
  overflow-y: auto;
  display: none;
  inset-block-start: 10px;
}

.bigtext-fullsize {
  white-space: preserve-breaks;
}

.overflow-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.cardpopup {
  min-height: initial !important;
  padding: 10px;
  overflow: visible !important;
}

.fop-menu-caption {
  flex-grow: 1;
  max-width: calc(100% - 42px);
  overflow: hidden;
  text-overflow: ellipsis;
}

a:focus,
a:hover {
  text-decoration: none !important;
}

main {
  max-width: 100%;
  padding-top: calc(64px + env(safe-area-inset-top));
}

.fop-header {
  position: fixed;
}

.fop-header .mdl-button--colored {
  filter: brightness(119%);
  height: 27px;
  line-height: 27px;
  width: 48px;
  min-width: 48px;
  top: 4px;
  margin-left: 5px;
}

.fop-header .mdl-button--colored .material-icons {
  font-size: 18px;
}

.fop-header .mdl-button--colored .fop-wf-cancel i {
  margin-top: 0px;
}

.mdl-layout-title {
  white-space: nowrap;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.mdl-data-table tbody tr {
  height: unset !important;
}

.mdl-data-table td,
.mdl-data-table th {
  padding: 5px !important;
  height: unset !important;
}

.mdl-data-table th {
  background-color: white;
  vertical-align: baseline !important;
}

.highlight-row {
  background-color: rgba(173, 216, 230, 0.67);
}

.highlight-col {
  background-color: rgba(144, 238, 144, 0.67);
}

.indented {
  margin-left: 35px !important;
}

.fop-layout .mdl-layout__header {
  min-height: 56px;
}

.fop-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: white;
  background-color: initial !important;
  position: inherit;
}

.fop-layout.mdl-layout--fixed-drawer:not(.is-small-screen) .mdl-layout__header .mdl-layout__drawer-button {
  visibility: hidden;
}

.mdl-layout__header {
  z-index: 100;
}

.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}

.mdl-radio__label {
  white-space: nowrap;
}

.fop-drawer {
  border: none;
  position: fixed !important;
}

.is-small-screen .fop-drawer-arrow-up,
.is-small-screen .fop-drawer-arrow-down {
  display: none;
}

.fop-drawer-arrow-up, .fop-drawer-arrow-down {
  position: fixed;
  left: 0px;
  width: 240px;
  text-align: center;
  cursor: pointer;
  background: #eee;
  user-select: none;
  z-index: 1000;
}

.fop-drawer-arrow-up {
  top: 0px;
}

.fop-drawer-arrow-down {
  bottom: 0px;
}

/* no scrollbars in left */
/* Hide scrollbar for Chrome, Safari and Opera */
.mdl-layout__drawer::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mdl-layout__drawer {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  z-index: 100;
}

.fop-dv {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  flex-shrink: 1;
  overflow: hidden;
}

.fop-dv-tab {
  flex-shrink: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  /* for positioning the filter sheet */
}

.fop-buttonbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.62rem;
}

.mdl-button {
  margin: 1px 0;
}

.mdl-button:not(.mdl-button--fab) {
  border-radius: 4px;
}

/* mini buttons */
.mdl-button.mdl-button-small {
  height: unset;
  margin: unset;
}

.mdl-button.mdl-button-small.file-link {
  float: right;
  line-height: unset;
}

.mdl-button.mdl-button-small.tbl-link {
  float: right;
  line-height: unset;
}

/* Regeln für Popup-Layouts */
#content.fop-popup {
  padding-top: 98px;
}

/* Druckausgabe: Sonderregeln */
@media print {
  .fop-filter-string-wrapper {
    margin-bottom: 20px;
  }

  .fop-drawer, .noprint {
    display: none !important;
  }

  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0px !important;
  }

  a:after {
    content: "" !important;
  }

  .mdl-button {
    display: none !important;
  }

  .mdl-checkbox {
    display: none !important;
  }

  tfoot {
    display: none !important;
  }

  .mdl-layout__drawer-button {
    display: none !important;
  }

  .material-icons {
    display: none !important;
  }

  .mdl-tabs__tab-bar {
    display: none !important;
  }

  .table {
    max-height: unset !important;
  }

  /* Credits: Alexander */
  .fop-layout {
    /* Nix */
  }

  #\~spacer {
    display: none !important;
  }

  .fop-form-feature-content div[class^="mdl-cell mdl-cell--"] {
    display: flex;
    flex-wrap: nowrap;
  }

  .fop-form-feature-content div[class^="mdl-cell mdl-cell--"] div[id^=column_] {
    flex-direction: row;
  }

  div, span {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    overflow: hidden !important;
  }
}
ul li.mdl-list__item {
  text-align: left;
}

ul a.mdl-list__item.mdl-button {
  white-space: nowrap;
}

/* iOS Safari specific workaround */
.fop-drawer .mdl-menu__container {
  z-index: -1;
}

.fop-drawer .fop-navigation {
  z-index: -2;
}

/* END iOS Safari specific workaround */
.fop-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fop-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px;
  height: auto;
}

.white {
  color: white !important;
}

.mdl-button-small {
  padding-left: 8px;
  padding-right: 8px;
  min-width: unset;
}

.mdl-button.mdl-button--colored {
  user-select: none;
}

.mdl-button--fab.mdl-button--mini-fab {
  height: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
  padding-top: 10px !important;
  margin-top: 10px !important;
}

.mdl-cell {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

.mdl-button .material-icons {
  margin-right: 5px;
}

.easy-seperator {
  border-bottom: solid;
  border-width: 8px;
  margin: 10px 0px;
  border-color: #757575;
}

table.mdl-data-table .mdl-data-table__cell--non-numeric {
  border-right: 1px gray dashed;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.mdl-data-table.table-editable td {
  overflow-wrap: break-word;
  white-space: normal;
}

.fop-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.fop-navigation {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: 90vh;
}

.fop-layout .fop-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}

.fop-layout .fop-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}

.fop-navigation .mdl-navigation__link .material-icons,
table tr td:first-child .mdl-checkbox,
table tr th:first-child .mdl-checkbox {
  font-size: 24px;
  width: 1em !important;
}

.mdlext-accordion__tabpanel {
  padding: 10px 0px !important;
}

/* Calendar multiline */
.fc-event-title {
  white-space: pre-line;
}

legend {
  margin-bottom: 10px;
  border-bottom: 0px !important;
  font-size: initial !important;
}

.container-dragging {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  cursor: move;
  z-index: 9999;
}

.area-dragging {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  opacity: 0 !important;
  border-radius: 0% !important;
  transition: none !important;
}

.dropzone .dz-preview {
  z-index: 0;
}

.dropzone .dz-preview:hover {
  z-index: 0 !important;
}

@media (min-width: 600px) {
  .fop-content {
    padding-left: 0.38rem;
    padding-right: 0.38rem;
    padding-top: 0.38rem;
  }
}
.logo {
  display: block;
  float: left;
  height: 200px;
  padding: 0px;
  margin: 3px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 200px;
  background-image: url(img/logo.svg);
}

.fop-small {
  font-size: 16px;
}

.mdl-navigation__link {
  padding: 8px 16px !important;
  border-bottom: 1px solid #CCCCCC;
  color: inherit !important;
}

.mdl-navigation__link:hover {
  text-decoration: none !important;
  background-color: lightgrey !important;
}

.navigation_active {
  background-color: rgb(155,129,20) !important;
  color: white !important;
}

.navigation_active:hover {
  background-color: rgb(155,129,20) !important;
  filter: brightness(0.8);
}

.table {
  width: auto;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 66vh;
  margin-bottom: 0px !important;
}

.table-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  width: 100% !important;
  min-height: unset !important;
  color: #757575;
}

.table-nav-label {
  margin-left: 14px;
  margin-right: 5px;
  white-space: nowrap;
}

.text_center {
  text-align: center;
}

.dropbtn {
  margin: 0 -4px 0 0;
  background-color: #84c4c9;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color 0.15s linear;
  transition: background-color 0.15s linear;
}

.dropdown:not(:first-child) {
  border-left: 1px solid #5fb9c1;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #5fb9c1;
}

.errhinweis {
  color: red;
}

.fop-collapsible {
  user-select: none;
}

.icon,
.icon:hover {
  padding: 0 3px;
  text-decoration: none;
  font-size: 2em;
}

.table ~ .button {
  display: inline-block;
  margin-bottom: 40px;
}

.clear {
  clear: both;
}

.ui-sortable-helper {
  display: table;
}

.ui-sortable-placeholder {
  height: 20px;
}

.mdl-grid {
  padding: 1px !important;
}

.dragElement {
  width: 20%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 2099;
  text-align: center;
  user-select: none;
  border-radius: 50%;
  opacity: 0;
  transition: width 0.5s, opacity 0.5s, left 0.5s, border-radius 1s;
}

.dragElement:hover {
  border-radius: 2%;
  left: 0%;
  width: 100%;
  opacity: 0.1;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.4);
  cursor: grab;
}

.fop-wf-cancel {
  background-color: red !important;
}

.fop-wf-cancel i {
  margin-left: -1px;
  margin-top: -6px;
}

.popup_bar {
  background: #4caf50;
}

.loader-rotating {
  z-index: 9999999 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  width: 80px !important;
  height: 80px !important;
  transform-style: preserve-3d;
  animation: loaderFlip 1s ease-in-out infinite;
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 3000;
}

.popup-iframe {
  position: relative;
  margin: auto;
  left: 0px;
  display: block;
  border-radius: 10px;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.5);
  background: white;
  overflow: auto;
}

.popup-button-container {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 7px;
  margin-top: -44px;
}

.popup-header-button {
  font-size: 20px;
  margin-left: 7px;
  user-select: none;
}

.popup-inline {
  position: fixed;
  inset: 0;
  background: none;
  cursor: pointer;
  z-index: 1000;
}

.overflow-always-visible {
  overflow: visible !important;
}

#fop-upbar {
  display: flex;
}

.html-notifications {
  position: relative;
  bottom: 0;
  right: 0;
  padding: 7px;
  z-index: 1000;
  background-color: white;
  font-size: 16px;
  height: 100px;
  overflow: hidden;
  width: 330px;
  border-radius: 5px;
  word-wrap: break-word;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.tox.tox-tinymce.tox-fullscreen {
  top: 64px !important;
  left: 240px !important;
  width: calc(100% - 240px) !important;
  height: calc(100% - 64px) !important;
}

#fop-bar-container {
  display: contents;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: -20px;
}

.fop-button-half {
  padding-left: 0px;
  padding-right: 0px;
  min-width: 32px;
}

.fop-button-margin {
  margin-left: 10px;
  margin-right: 5px;
}

.form-form {
  height: calc(100vh - 100px);
  overflow: auto;
}

.fop-form-label {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  max-height: 72px;
  text-align: right;
  overflow: hidden;
}

.fop-form-label:hover {
  overflow: visible;
}

.fop-form-label label {
  font-weight: bold !important;
}

.fop-form-label-bold {
  font-weight: bold !important;
}

.fop-form-label-link {
  font-size: 12px;
}

.fop-form-label-link span:hover {
  text-decoration: none !important;
}

.fop-form-label-link span {
  font-size: 12px;
}

@media only screen and (max-width: 860px) {
  .fop-form-label {
    text-align: left !important;
  }

  .fop-drawer-arrow-up, .fop-drawer-arrow-down {
    z-index: 10;
  }
}
.cardforminfo {
  cursor: pointer;
}

.cardformsubheader {
  font-size: 1.2em;
  display: block;
  width: calc(50% - 16px);
  text-align: center;
  margin-top: 5px;
}

.cff-container {
  height: 60px;
}

.cff-container-empty {
  height: 300px;
}

.mdl-tooltip.is-active {
  font-size: 1em;
  overflow: hidden;
  max-width: 400px;
  transform: unset !important;
  /* bug: mdl setzt es auf scale(0); */
}

/* Tabs with Regions inside sollen nebeneinander dargestellt werden können*/
.mdl-tabs {
  cursor: pointer;
}

.mdl-tabs__tab-bar {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  justify-content: initial !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.mdl-tabs__tab-bar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mdl-tabs__tab-bar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.mdl-tabs__tab {
  overflow: visible !important;
}

.mdl-tabs__panel.has-regions {
  display: flex;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.has-regions {
  display: none;
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.has-regions.is-active {
  display: flex;
}

.fop-textarea {
  background-color: white;
  width: 100%;
  padding: 10px;
}

.navfooter {
  text-align: center;
  position: sticky;
  margin-top: 2vh;
  height: 2rem;
  line-height: 1.5;
  width: 100%;
  border-top-style: dotted;
  border-top-color: gray;
  border-top-width: thin;
  padding-top: inherit;
  font-size: 10px;
  padding-bottom: 2em;
}

.tox-statusbar__branding, .tox-promotion {
  display: none !important;
}

/*Hover Farbe*/
.bootstrap-datetimepicker-widget table td span:hover {
  background: #c4bebeb8;
}

/*Hover Farbe*/
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #c4bebeb8;
}

/* Fix Monthyear-Felder */
.fop-monthyear .bootstrap-datetimepicker-widget.dropdown-menu {
  width: unset !important;
  z-index: 101;
  /* before filter-string */
}

.mdl-textfield.is-invalid .mdl-textfield__label::after {
  background-color: rgba(213, 0, 0, 0);
}

.mdl-textfield.is-invalid .mdl-textfield__error {
  position: relative;
}

.mdl-textfield__label::after {
  background-color: rgba(22, 43, 83, 0);
}

.mdl-textfield__label {
  top: 5px;
}

.fop-ddt-search {
  align-self: baseline;
}

.mdlext-selectfield::after {
  top: 11px !important;
}

.mdlext-selectfield .mdlext-selectfield__select {
  border-bottom: none;
}

.mdlext-selectfield .mdlext-selectfield__select,
.mdlext-selectfield .mdl-textfield__input {
  height: 1.36em;
}

.mdl-mini-footer {
  padding: 8px 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

/* display of quotes in html columns, f.ex. in emails */
blockquote {
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  font-style: unset;
  line-height: unset;
  letter-spacing: unset;
  padding: 10px 1px 1px 1px;
  border-left: 5px solid #ee28;
  margin-left: 8px;
}

blockquote::before {
  content: "" !important;
}

blockquote::after {
  content: "" !important;
}

/*Darkmode toggle*/
@media (prefers-color-scheme: dark) {
  /*Base Dark Color*/
  .mdl-layout__content, .fop-show-overlay, body {
    background-color: #1e2021 !important;
  }

  /*Darker color for Tables and Regions*/
  .darkmode-region-background, .fop-filter-string, .fop-table, .mdl-card, .mdl-data-table, .mdl-data-table th, .fop-form-feature-mode-region, .fop-form-feature.fop-form-feature-mode-region, .fop-textarea, .html-notifications {
    background-color: #1e1e1e !important;
  }

  /*Drawer Darkmode Color*/
  .fop-drawer, .fop-drawer-arrow-down, .fop-drawer-arrow-up, .mdl-menu__outline {
    background-color: #222426 !important;
  }

  /*Hovering Darkmode Color*/
  .mdl-navigation__link:hover, .fop-table-header .fop-table-column .title:hover, .mdl-menu__item:hover, .mdl-data-table tbody tr:hover, .overlay-div, .fop-hover-highlight:hover {
    background-color: #353535 !important;
  }

  /*distinct dark black for file-upload and selectfields*/
  .darkmode-distinct, .mdlext-selectfield__select, .fop-file-upload, .fop-dv-aggregate, input[type=number], .bootstrap-datetimepicker-widget, .fop-collapsible, input, .iframe-container {
    background-color: black !important;
    color: #c8c3bc !important;
  }

  /*White Textcolor for Darkmode*/
  body, .mdl-navigation__link, .mdl-tabs__tab, .mdl-button, .mdl-data-table th, .mdlext-selectfield__select option, .mdl-menu__item, .mdl-card__title-text {
    color: #c8c3bc !important;
  }

  /*Brighter color for Links*/
  a:not(.mdl-button) {
    filter: brightness(1.5);
  }

  .fop-table-column a {
    filter: brightness(1.5) !important;
  }

  /*Logo is slightly brighter in darkmode*/
  .fop-drawer-header a {
    filter: brightness(1.2) !important;
  }

  /*darker light for text of placeholders*/
  input::placeholder {
    color: #cfcfcf;
  }

  /*transparent backgrounds for Darkmode*/
  div.fop-table-row:nth-child(even) {
    background-color: rgba(52, 57, 59, 0.2) !important;
  }

  div.fop-table-row:nth-child(even) {
    border-top-color: rgba(140, 130, 115, 0.12) !important;
    border-bottom-color: rgba(140, 130, 115, 0.12) !important;
  }

  html {
    /*Dark Scrollbar*/
    scrollbar-color: #666 #252525;
    /* Allgemein */
    /* Webkit browser (Chrome, Safari, Edge) */
    scrollbar-face-color: #252525;
    scrollbar-track-color: #666;
  }

  /*Selection for when you select a text*/
  body ::selection {
    background: #446688;
  }

  body ::-moz-selection {
    background: #446688;
  }

  /*Specific Colors*/
  .navigation_active:hover {
    background-color: rgb(155,129,20) !important;
    filter: brightness(1.7);
  }

  .highlight-row {
    background-color: rgba(173, 216, 230, 0.35);
  }

  .highlight-col {
    background-color: rgba(144, 238, 144, 0.35);
  }

  div.fop-table-row:nth-child(odd) {
    background-color: #181a1b;
  }

  .fop-table-row.selected {
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2) !important;
  }

  .mdl-checkbox__box-outline {
    border-color: #c8c3bc;
  }

  .mdl-textfield__input {
    border-bottom-color: #cbcbcb8c !important;
  }

  .mdl-card__supporting-text {
    color: rgba(255, 255, 255, 0.54) !important;
  }

  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    background-color: #c8c3bc !important;
  }

  .mdl-textfield__label {
    color: #ffffff80 !important;
  }

  .mdl-radio.is-checked .mdl-radio__inner-circle, .mdl-radio.is-checked .mdl-radio__outer-circle {
    filter: brightness(1.5);
  }

  .mdl-radio__outer-circle {
    filter: brightness(1.2);
  }

  .mdl-layout__drawer {
    color: #beb9b0 !important;
  }

  input {
    border-color: #bebebe;
  }

  .placeholder {
    background-color: #008b00 !important;
  }

  .mdl-list__item {
    color: rgba(200, 195, 188, 0.87) !important;
  }

  .popup-iframe {
    box-shadow: 10px 5px 5px rgba(133, 133, 133, 0.226);
  }

  .iframe-container {
    background: black;
    box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.15);
  }

  /*Specific Colors for hovering in the datetimepicker widget*/
  .bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table .prev:hover,
.bootstrap-datetimepicker-widget table .picker-switch:hover,
.bootstrap-datetimepicker-widget table .next:hover {
    background: rgba(59, 65, 65, 0.7) !important;
  }

  /* Specific Colors for the big tox textbox */
  .tox .tox-tbtn svg {
    fill: #cbb9a4 !important;
  }

  .tox .tox-statusbar__resize-handle svg {
    fill: rgba(221, 208, 193, 0.5) !important;
  }

  .tox .tox-tbtn,
.tox .tox-mbtn,
.tox .tox-button--naked,
.tox .tox-dialog__header,
.tox .tox-button--secondary,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textarea-wrap .tox-textarea:focus,
.tox .tox-textfield,
.tox .tox-toolbar-textfield {
    color: #ddd0c1 !important;
  }

  .tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.tox .tox-menubar,
.tox:not(.tox-tinymce-inline) .tox-editor-header,
.tox .tox-edit-area__iframe,
.tox .tox-toolbar-overlord,
.tox .tox-statusbar,
.tox .tox-promotion,
.tox .tox-menu,
.tox .tox-collection--list .tox-collection__item--enabled,
.tox .tox-dialog,
.tox .tox-dialog__header,
.tox .tox-dialog__footer,
.tox .tox-dropzone,
.tox .tox-textarea-wrap .tox-textarea:focus,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textfield,
.tox-insert-table-picker,
.tox .tox-toolbar-textfield {
    background-color: black !important;
  }

  .tox-tinymce {
    border: 2px solid black !important;
  }

  .tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount,
.tox .tox-insert-table-picker__label,
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
.tox .tox-collection__item,
.tox .tox-collection__item-accessory,
.tox .tox-label,
.tox .tox-toolbar-label,
.tox .tox-dialog__body-nav-item,
.tox .tox-dropzone p {
    color: rgba(221, 208, 193, 0.7) !important;
  }

  .tox .tox-statusbar {
    border-top: 1px solid #1c1c1c !important;
  }

  .tox .tox-split-button:hover {
    box-shadow: 0 0 0 1px #331d05 inset !important;
  }

  .tox .tox-mbtn,
.tox .tox-tbtn {
    background: none !important;
  }

  .tox .tox-tbtn:hover,
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.tox .tox-mbtn--active,
.tox .tox-collection--list .tox-collection__item--active,
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover,
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled),
.tox .tox-mbtn:focus:not(:disabled) {
    background: #331d05 !important;
  }

  .tox .tox-collection--list .tox-collection__group {
    border-color: #331d05 !important;
  }

  .tox .tox-collection__item-caret svg,
.tox .tox-swatches__picker-btn svg {
    fill: #ddd0c1 !important;
  }

  .tox .tox-swatch {
    border: 1px solid #c8c3bc;
  }

  .tox .tox-dialog {
    box-shadow: 0 16px 16px -10px rgba(221, 208, 193, 0.15), 0 0 40px 1px rgba(221, 208, 193, 0.15) !important;
  }

  .tox .tox-button--secondary,
.tox .tox-tbtn:active,
.tox .tox-tbtn:focus {
    background-color: #0f0f0f !important;
    border-color: #0f0f0f !important;
  }

  .tox .tox-button--secondary[disabled] {
    color: rgba(221, 208, 193, 0.5) !important;
  }

  .tox .tox-dialog-wrap__backdrop {
    background-color: rgba(0, 0, 0, 0.75) !important;
  }
}
/*Darkmode toggle end*/
.fop-drawer {
  background: #ffe532 !important;
}

.mdl-layout__content {
  background: #ffdcc8 !important;
}

body.offline button[type=submit] {
  pointer-events: none;
  filter: grayscale(100%);
  opacity: 50%;
}

.mdl-error {
  color: #d50000;
  font-size: 12px;
  display: block;
  background-color: #c7c7c7;
  width: fit-content;
  border-radius: 0 0 20% 20%;
  padding: 0 5px;
}

.dz-progress {
  display: none !important;
}

.dropzone {
  border: 2px dashed grey;
  border-radius: 15px;
  background: white;
  min-height: 150px;
}

.file-picker {
  margin-top: 1rem;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: context-menu;
}

.fop-file-field {
  display: flex;
  flex-direction: column;
}

.fop-file-field .mdl-textfield__error {
  padding-left: 22px;
}

.fop-file-field.is-invalid .mdl-textfield__error {
  visibility: visible;
}

/* form features */
.fop-form-feature {
  margin: 4px;
  position: relative;
  box-sizing: border-box;
  padding-right: 32px;
  /* enough space for option buttons */
  max-height: calc(100vh - 90px);
  /* max height so we don't have to scroll */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.fop-form-feature.fop-form-feature-mode-tab {
  max-height: calc(100vh - 160px);
  /* tabs have to be smaller so we don't have to scroll */
}

.fop-form-feature-content {
  flex-shrink: 1;
  overflow: auto;
  /* content is the scrollable part */
  display: flex;
  flex-direction: column;
}

.fop-form-feature .fop-form-feature-title {
  text-align: center;
  cursor: pointer;
}

.fop-form-feature .fop-form-feature-title .fop-form-feature-title-addon {
  font-size: 70%;
}

.fop-form-feature .fop-form-feature-context {
  position: absolute;
  right: 0px;
  top: 0px;
}

/* collapse */
.fop-form-feature .fop-form-feature-title .expand-more {
  float: left;
}

.fop-form-feature .fop-form-feature-title .expand-less {
  float: left;
}

/* form feature positions */
.form-document-container {
  position: relative;
}

.form-document-switcher {
  display: none;
  position: absolute;
  right: 5px;
  top: 40px;
  z-index: 1002;
}

.document-view {
  margin-left: 55%;
}

.document-view-overlay {
  left: 55%;
}

@media (max-width: 959px) {
  .fop-form-feature {
    width: 100%;
    /* full width on mobile */
  }

  .form-document-switcher {
    display: block;
  }

  .form-document {
    height: calc(100vh - 120px);
  }

  .document-view {
    margin-left: 0px;
    width: 100% !important;
  }

  .document-view-overlay {
    left: 0px;
  }

  .only-big {
    display: none;
  }
}
.form-document-container .fop-form-feature {
  width: 100% !important;
  /* dms does not allow 33%+50% */
}

.form-document-container .only-big {
  display: none !important;
  /* dms does not allow 33%+50% */
}

@media (min-width: 960px) {
  /* positions only available on desktop */
  .fop-form-feature.fop-form-feature-position-full {
    width: calc(100% - 8px);
  }

  .fop-form-feature.fop-form-feature-position-half {
    width: calc(50% - 8px);
    float: left;
  }

  .fop-form-feature.fop-form-feature-position-third {
    width: calc(33.33% - 8px);
    float: left;
  }

  .fop-form-feature.fop-form-feature-position-two-third {
    width: calc(66.66% - 8px);
    float: left;
  }
}
/* form feature modes */
/* area: no border, no title, always open */
.fop-form-feature.fop-form-feature-mode-area .fop-form-feature-title {
  display: none;
}

/* region: bordered, collapsible, with title */
.fop-form-feature.fop-form-feature-mode-region {
  padding: 4px 4px 10px 4px;
  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);
  background: white;
  overflow-y: hidden;
  overflow-x: auto;
}

.fop-form-feature.fop-form-feature-mode-region:not(.fop-form-feature-collapsed) .fop-form-feature-title .expand-more,
.fop-form-feature.fop-form-feature-mode-region.fop-form-feature-collapsed .fop-form-feature-title .expand-less,
.fop-form-feature.fop-form-feature-mode-region.fop-form-feature-collapsed .fop-form-feature-content {
  display: none;
}

/* tab: grouped header, only one part visible at once */
.fop-form-feature.fop-form-feature-mode-tab {
  width: calc(100% - 8px) !important;
  /* tab does not allow 33%+50% yet */
}

.fop-form-feature.fop-form-feature-mode-tab.fop-form-feature-collapsed,
.fop-form-feature.fop-form-feature-mode-tab .fop-form-feature-title,
.fop-form-feature.fop-form-feature-mode-tab .only-big {
  display: none;
}

.fop-form-feature-tabheader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}

.fop-seal {
  width: 50px;
  height: 50px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 1024;
  background-image: url(img/seal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fop-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.mdl-grid {
  padding: 4px;
}

.mdl-textfield, .mdlext-selectfield, .mdlext-selectfield__select, .mdl-textfield__input {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  top: 0px !important;
}

.mdl-textfield__label {
  top: 0px !important;
}

.mdl-textfield__label::after {
  bottom: 0px !important;
}

.table tr:nth-child(2n) {
  background: rgba(155, 129, 20, 0.2);
}

div.fop-table-row:nth-child(2n) {
  background: rgba(155, 129, 20, 0.2);
}

.table-dense .mdl-textfield {
  width: unset;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-dense .mdlext-selectfield {
  width: unset;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-dense .unimportant {
  display: none;
}

.table-dense .mdl-textfield__input {
  width: unset;
  padding-top: 0px;
  padding-bottom: 0px;
  top: 0px !important;
}

.table-dense .mdlext-selectfield__select {
  width: -webkit-fill-available;
  width: -moz-available;
  padding-top: 0px;
  padding-bottom: 0px;
  text-indent: unset;
  min-width: 80px;
}

.table-dense th, .table-dense td {
  padding: 3px !important;
}

.fop-table {
  position: relative;
  z-index: 900;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 25px;
  flex-shrink: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.fop-table-header {
  height: 32px;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
}

.fop-table-header, .fop-table-row-aggregate {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.fop-table-header::-webkit-scrollbar, .fop-table-row-aggregate::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.fop-table-header, .fop-table-row-aggregate {
  overflow: hidden;
  overflow-x: auto;
  width: 100% !important;
}

.fop-table-header .fop-table-column {
  font-weight: bold;
}

.fop-table-header .fop-table-column .title {
  width: 100%;
  display: flex;
  align-items: baseline;
  overflow: -moz-hidden-unscrollable;
  /* height: 32px; -- wird vom dataview selbst gesetzt */
  padding-left: 0.5vh;
}

.fop-table-header .fop-table-column .title.title-right {
  /* numeric fields with reverse ordering */
  text-align: right;
  flex-direction: row-reverse;
}

.fop-table-header .fop-table-column .title .title-title {
  flex-grow: 2;
  flex-shrink: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fop-table-header .fop-table-column .title:hover {
  background-color: #dbdbdb;
  cursor: pointer;
}

.fop-column-handle {
  cursor: col-resize;
  position: absolute;
  width: 5px;
  /* height: 32px; -- wird vom dataview selbst gesetzt */
  bottom: 0px;
  right: 0px;
  display: inline-block;
}

.fop-column-handle:hover {
  background: rgba(0, 0, 0, 0.2);
}

.fop-table-body {
  overflow: auto;
  flex-shrink: 100;
  /* shrink the body down, so only one scrollbar left on the page */
}

.tabcontent {
  flex-shrink: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.popup .fop-table-body {
  max-height: calc(100vh - 170px) !important;
}

.fop-table-row {
  white-space: nowrap;
  width: min-content;
  /* height: 32px; -- wird vom dataview selbst gesetzt */
  cursor: default;
  background-color: #ffffff;
  display: flex;
}

.fop-table-row.fop-table-row-aggregate {
  display: block;
  /* this fixes layout issues in sum rows */
}

.fop-table-row.selected {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

.mdl-button .mdl-js-button .mdl-button--raised .mdl-button--colored {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Shine Effect */
.mdl-button--colored:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
.fop-table-row:hover {
  text-shadow: 0.2px 0.2px #ccc;
  filter: brightness(85%);
  cursor: pointer;
}

.fop-table-row .mdl-button {
  cursor: default;
}

div.fop-table-row:nth-child(even) {
  background: rgba(205, 205, 205, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

div.fop-table-row:nth-child(even):hover {
  box-shadow: 1px 1px 1px 0px #c9d8e600, inset 1px 3px 3px 0px #a4a6a800, 1px 2px 1px 2px rgba(0, 0, 0, 0.27);
  filter: brightness(60%);
}

div.fop-table-row:nth-child(odd):hover {
  box-shadow: none;
}

.fop-table-row .fop-table-column {
  /* height: 32px; -- wird vom dataview selbst gesetzt */
  padding-left: 0.5vh;
  padding-right: 0.5vh;
  /* line-height: 32px; -- wird vom dataview selbst gesetzt */
  box-sizing: border-box;
}

.fop-table-row .fop-table-column .mdl-button {
  margin: 0px;
}

.fop-table-row.fop-table-aggregate-row {
  display: block;
}

.fop-table-aggregate-row .fop-table-column-first {
  overflow: auto;
}

.fop-table-column {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}

.fop-table-column-first {
  width: 160px;
  user-select: none;
  box-sizing: border-box;
}

.fop-table-column-first.fop-fixed {
  z-index: 1001;
}

.fop-table-column-multicontrol {
  padding-left: 0.5vh;
  padding-right: 0.2vh;
  /* height: 32px; -- wird vom dataview selbst gesetzt */
  padding-top: 2px;
  display: flex;
  align-items: center;
}

.fop-column-clear-button {
  background: #e18f8f70;
  line-height: 24px;
  display: block;
  cursor: pointer;
  padding-top: 1px;
}

.fop-filter-string-wrapper {
  overflow: visible;
  display: flex;
  align-items: center;
  max-width: calc(100% - 300px);
  /* height: 0px nicht mehr, weil sonst die Buttons halb verdeckt werden */
}

.fop-more-filters {
  max-width: 300px;
  max-height: 50vh;
  overflow: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1010;
}

.fop-more-filters td, .fop-more-filters th {
  padding-right: 10px !important;
  /* space for the scrollbar */
}

.fop-filter-string {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
  position: relative;
  display: flex;
  gap: 4px;
  align-items: baseline;
}

.fop-filter-string-text {
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: baseline;
}

.fop-filter-string-text-item {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fop-filter-button {
  /* height: 32px; -- wird vom dataview selbst gesetzt */
}

.fop-filter-button .mdl-button.mdl-button--colored {
  margin-top: 0px;
  margin-left: 0px;
}

.fop-filter-button .mdl-button--icon {
  font-size: 16px;
  height: 24px;
  min-width: 24px;
  width: 24px;
}

.fop-filter-button .i {
  font-size: 20px;
}

.fop-table-column.noprint .material-icons {
  font-size: 20px;
}

.fop-legend .fop-legend-item {
  display: inline-block;
}

.fop-legend .fop-legend-item-color {
  display: inline-block;
  width: 2em;
  height: 1em;
  border: 1px solid black;
}

/* select options */
.fop-show-overlay {
  z-index: 2000;
  background: white;
  display: none;
  /* gets overwritten */
  position: relative;
}

.fop-table-column-first {
  overflow: visible;
}

.fop-multi-select .fop-table-column-multicontrol .fop-show-overlay {
  display: inline-block;
}

.fop-single-select .fop-table-row-selected.fop-table-row-data .fop-show-overlay {
  display: inline-block;
}

.fop-no-select .fop-table-row:hover .fop-show-overlay {
  display: inline-block;
}

/* hover (disabled because of DDT context buttons) */
.fop-dv-aggregate {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 5px;
  display: none;
}

/* DataViewTab2D */
.fop-dv2d-item + .fop-dv2d-item {
  border-top: 1px solid rgba(128, 128, 128, 0.125);
}

.fop-dv2d-item + .fop-dv2d-aggregate {
  border-top: 2px solid rgba(128, 128, 128, 0.125);
}

.fop-dv2d-aggregate {
  background: rgba(128, 128, 128, 0.125);
}

.fop-dv-aggregate-number {
  font-weight: bold;
}

.fop-fixed {
  z-index: 1000;
  /* one more than .overlay 999 */
  background-color: #eeeeee;
  background-clip: content-box;
}
@media (prefers-color-scheme: dark) {
  .fop-fixed {
    background-color: #222222;
  }
}

@media (max-width: 460px) {
  .fop-dv-aggregate {
    width: 40% !important;
  }
}
@media (min-width: 460px) and (max-width: 730px) {
  .fop-dv-aggregate {
    width: 25% !important;
  }
}
@media (min-width: 460px) {
  .fop-dv-aggregate {
    width: 200px !important;
  }
}
@media (max-width: 930px) {
  .hide-on-small-screens {
    display: none;
  }
}
@media print {
  .fop-table-body {
    max-height: unset;
  }
}