@charset "UTF-8";
/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.2.1
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/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.
 */
/* 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.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::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, (-webkit-min-device-pixel-ratio: 1.25), (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-size: 14px;
  font-weight: 400;
  line-height: 20px; }

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

blockquote {
  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-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em; }

.mdl-typography--display-4-color-contrast {
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54; }

.mdl-typography--display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em; }

.mdl-typography--display-3-color-contrast {
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54; }

.mdl-typography--display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px; }

.mdl-typography--display-2-color-contrast {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54; }

.mdl-typography--display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.mdl-typography--display-1-color-contrast {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54; }

.mdl-typography--headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale; }

.mdl-typography--headline-color-contrast {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87; }

.mdl-typography--title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em; }

.mdl-typography--title-color-contrast {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87; }

.mdl-typography--subhead {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em; }

.mdl-typography--subhead-color-contrast {
  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-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0; }

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

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

.mdl-typography--body-1-force-preferred-font-color-contrast {
  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-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-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--menu {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0; }

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

.mdl-typography--button {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--button-color-contrast {
  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; }

/**
 * 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: #f44336 !important; }

.mdl-color--red {
  background-color: #f44336 !important; }

.mdl-color-text--red-50 {
  color: #ffebee !important; }

.mdl-color--red-50 {
  background-color: #ffebee !important; }

.mdl-color-text--red-100 {
  color: #ffcdd2 !important; }

.mdl-color--red-100 {
  background-color: #ffcdd2 !important; }

.mdl-color-text--red-200 {
  color: #ef9a9a !important; }

.mdl-color--red-200 {
  background-color: #ef9a9a !important; }

.mdl-color-text--red-300 {
  color: #e57373 !important; }

.mdl-color--red-300 {
  background-color: #e57373 !important; }

.mdl-color-text--red-400 {
  color: #ef5350 !important; }

.mdl-color--red-400 {
  background-color: #ef5350 !important; }

.mdl-color-text--red-500 {
  color: #f44336 !important; }

.mdl-color--red-500 {
  background-color: #f44336 !important; }

.mdl-color-text--red-600 {
  color: #e53935 !important; }

.mdl-color--red-600 {
  background-color: #e53935 !important; }

.mdl-color-text--red-700 {
  color: #d32f2f !important; }

.mdl-color--red-700 {
  background-color: #d32f2f !important; }

.mdl-color-text--red-800 {
  color: #c62828 !important; }

.mdl-color--red-800 {
  background-color: #c62828 !important; }

.mdl-color-text--red-900 {
  color: #b71c1c !important; }

.mdl-color--red-900 {
  background-color: #b71c1c !important; }

.mdl-color-text--red-A100 {
  color: #ff8a80 !important; }

.mdl-color--red-A100 {
  background-color: #ff8a80 !important; }

.mdl-color-text--red-A200 {
  color: #ff5252 !important; }

.mdl-color--red-A200 {
  background-color: #ff5252 !important; }

.mdl-color-text--red-A400 {
  color: #ff1744 !important; }

.mdl-color--red-A400 {
  background-color: #ff1744 !important; }

.mdl-color-text--red-A700 {
  color: #d50000 !important; }

.mdl-color--red-A700 {
  background-color: #d50000 !important; }

.mdl-color-text--pink {
  color: #e91e63 !important; }

.mdl-color--pink {
  background-color: #e91e63 !important; }

.mdl-color-text--pink-50 {
  color: #fce4ec !important; }

.mdl-color--pink-50 {
  background-color: #fce4ec !important; }

.mdl-color-text--pink-100 {
  color: #f8bbd0 !important; }

.mdl-color--pink-100 {
  background-color: #f8bbd0 !important; }

.mdl-color-text--pink-200 {
  color: #f48fb1 !important; }

.mdl-color--pink-200 {
  background-color: #f48fb1 !important; }

.mdl-color-text--pink-300 {
  color: #f06292 !important; }

.mdl-color--pink-300 {
  background-color: #f06292 !important; }

.mdl-color-text--pink-400 {
  color: #ec407a !important; }

.mdl-color--pink-400 {
  background-color: #ec407a !important; }

.mdl-color-text--pink-500 {
  color: #e91e63 !important; }

.mdl-color--pink-500 {
  background-color: #e91e63 !important; }

.mdl-color-text--pink-600 {
  color: #d81b60 !important; }

.mdl-color--pink-600 {
  background-color: #d81b60 !important; }

.mdl-color-text--pink-700 {
  color: #c2185b !important; }

.mdl-color--pink-700 {
  background-color: #c2185b !important; }

.mdl-color-text--pink-800 {
  color: #ad1457 !important; }

.mdl-color--pink-800 {
  background-color: #ad1457 !important; }

.mdl-color-text--pink-900 {
  color: #880e4f !important; }

.mdl-color--pink-900 {
  background-color: #880e4f !important; }

.mdl-color-text--pink-A100 {
  color: #ff80ab !important; }

.mdl-color--pink-A100 {
  background-color: #ff80ab !important; }

.mdl-color-text--pink-A200 {
  color: #ff4081 !important; }

.mdl-color--pink-A200 {
  background-color: #ff4081 !important; }

.mdl-color-text--pink-A400 {
  color: #f50057 !important; }

.mdl-color--pink-A400 {
  background-color: #f50057 !important; }

.mdl-color-text--pink-A700 {
  color: #c51162 !important; }

.mdl-color--pink-A700 {
  background-color: #c51162 !important; }

.mdl-color-text--purple {
  color: #9c27b0 !important; }

.mdl-color--purple {
  background-color: #9c27b0 !important; }

.mdl-color-text--purple-50 {
  color: #f3e5f5 !important; }

.mdl-color--purple-50 {
  background-color: #f3e5f5 !important; }

.mdl-color-text--purple-100 {
  color: #e1bee7 !important; }

.mdl-color--purple-100 {
  background-color: #e1bee7 !important; }

.mdl-color-text--purple-200 {
  color: #ce93d8 !important; }

.mdl-color--purple-200 {
  background-color: #ce93d8 !important; }

.mdl-color-text--purple-300 {
  color: #ba68c8 !important; }

.mdl-color--purple-300 {
  background-color: #ba68c8 !important; }

.mdl-color-text--purple-400 {
  color: #ab47bc !important; }

.mdl-color--purple-400 {
  background-color: #ab47bc !important; }

.mdl-color-text--purple-500 {
  color: #9c27b0 !important; }

.mdl-color--purple-500 {
  background-color: #9c27b0 !important; }

.mdl-color-text--purple-600 {
  color: #8e24aa !important; }

.mdl-color--purple-600 {
  background-color: #8e24aa !important; }

.mdl-color-text--purple-700 {
  color: #7b1fa2 !important; }

.mdl-color--purple-700 {
  background-color: #7b1fa2 !important; }

.mdl-color-text--purple-800 {
  color: #6a1b9a !important; }

.mdl-color--purple-800 {
  background-color: #6a1b9a !important; }

.mdl-color-text--purple-900 {
  color: #4a148c !important; }

.mdl-color--purple-900 {
  background-color: #4a148c !important; }

.mdl-color-text--purple-A100 {
  color: #ea80fc !important; }

.mdl-color--purple-A100 {
  background-color: #ea80fc !important; }

.mdl-color-text--purple-A200 {
  color: #e040fb !important; }

.mdl-color--purple-A200 {
  background-color: #e040fb !important; }

.mdl-color-text--purple-A400 {
  color: #d500f9 !important; }

.mdl-color--purple-A400 {
  background-color: #d500f9 !important; }

.mdl-color-text--purple-A700 {
  color: #aa00ff !important; }

.mdl-color--purple-A700 {
  background-color: #aa00ff !important; }

.mdl-color-text--deep-purple {
  color: #673ab7 !important; }

.mdl-color--deep-purple {
  background-color: #673ab7 !important; }

.mdl-color-text--deep-purple-50 {
  color: #ede7f6 !important; }

.mdl-color--deep-purple-50 {
  background-color: #ede7f6 !important; }

.mdl-color-text--deep-purple-100 {
  color: #d1c4e9 !important; }

.mdl-color--deep-purple-100 {
  background-color: #d1c4e9 !important; }

.mdl-color-text--deep-purple-200 {
  color: #b39ddb !important; }

.mdl-color--deep-purple-200 {
  background-color: #b39ddb !important; }

.mdl-color-text--deep-purple-300 {
  color: #9575cd !important; }

.mdl-color--deep-purple-300 {
  background-color: #9575cd !important; }

.mdl-color-text--deep-purple-400 {
  color: #7e57c2 !important; }

.mdl-color--deep-purple-400 {
  background-color: #7e57c2 !important; }

.mdl-color-text--deep-purple-500 {
  color: #673ab7 !important; }

.mdl-color--deep-purple-500 {
  background-color: #673ab7 !important; }

.mdl-color-text--deep-purple-600 {
  color: #5e35b1 !important; }

.mdl-color--deep-purple-600 {
  background-color: #5e35b1 !important; }

.mdl-color-text--deep-purple-700 {
  color: #512da8 !important; }

.mdl-color--deep-purple-700 {
  background-color: #512da8 !important; }

.mdl-color-text--deep-purple-800 {
  color: #4527a0 !important; }

.mdl-color--deep-purple-800 {
  background-color: #4527a0 !important; }

.mdl-color-text--deep-purple-900 {
  color: #311b92 !important; }

.mdl-color--deep-purple-900 {
  background-color: #311b92 !important; }

.mdl-color-text--deep-purple-A100 {
  color: #b388ff !important; }

.mdl-color--deep-purple-A100 {
  background-color: #b388ff !important; }

.mdl-color-text--deep-purple-A200 {
  color: #7c4dff !important; }

.mdl-color--deep-purple-A200 {
  background-color: #7c4dff !important; }

.mdl-color-text--deep-purple-A400 {
  color: #651fff !important; }

.mdl-color--deep-purple-A400 {
  background-color: #651fff !important; }

.mdl-color-text--deep-purple-A700 {
  color: #6200ea !important; }

.mdl-color--deep-purple-A700 {
  background-color: #6200ea !important; }

.mdl-color-text--indigo {
  color: #3f51b5 !important; }

.mdl-color--indigo {
  background-color: #3f51b5 !important; }

.mdl-color-text--indigo-50 {
  color: #e8eaf6 !important; }

.mdl-color--indigo-50 {
  background-color: #e8eaf6 !important; }

.mdl-color-text--indigo-100 {
  color: #c5cae9 !important; }

.mdl-color--indigo-100 {
  background-color: #c5cae9 !important; }

.mdl-color-text--indigo-200 {
  color: #9fa8da !important; }

.mdl-color--indigo-200 {
  background-color: #9fa8da !important; }

.mdl-color-text--indigo-300 {
  color: #7986cb !important; }

.mdl-color--indigo-300 {
  background-color: #7986cb !important; }

.mdl-color-text--indigo-400 {
  color: #5c6bc0 !important; }

.mdl-color--indigo-400 {
  background-color: #5c6bc0 !important; }

.mdl-color-text--indigo-500 {
  color: #3f51b5 !important; }

.mdl-color--indigo-500 {
  background-color: #3f51b5 !important; }

.mdl-color-text--indigo-600 {
  color: #3949ab !important; }

.mdl-color--indigo-600 {
  background-color: #3949ab !important; }

.mdl-color-text--indigo-700 {
  color: #303f9f !important; }

.mdl-color--indigo-700 {
  background-color: #303f9f !important; }

.mdl-color-text--indigo-800 {
  color: #283593 !important; }

.mdl-color--indigo-800 {
  background-color: #283593 !important; }

.mdl-color-text--indigo-900 {
  color: #1a237e !important; }

.mdl-color--indigo-900 {
  background-color: #1a237e !important; }

.mdl-color-text--indigo-A100 {
  color: #8c9eff !important; }

.mdl-color--indigo-A100 {
  background-color: #8c9eff !important; }

.mdl-color-text--indigo-A200 {
  color: #536dfe !important; }

.mdl-color--indigo-A200 {
  background-color: #536dfe !important; }

.mdl-color-text--indigo-A400 {
  color: #3d5afe !important; }

.mdl-color--indigo-A400 {
  background-color: #3d5afe !important; }

.mdl-color-text--indigo-A700 {
  color: #304ffe !important; }

.mdl-color--indigo-A700 {
  background-color: #304ffe !important; }

.mdl-color-text--blue {
  color: #2196f3 !important; }

.mdl-color--blue {
  background-color: #2196f3 !important; }

.mdl-color-text--blue-50 {
  color: #e3f2fd !important; }

.mdl-color--blue-50 {
  background-color: #e3f2fd !important; }

.mdl-color-text--blue-100 {
  color: #bbdefb !important; }

.mdl-color--blue-100 {
  background-color: #bbdefb !important; }

.mdl-color-text--blue-200 {
  color: #90caf9 !important; }

.mdl-color--blue-200 {
  background-color: #90caf9 !important; }

.mdl-color-text--blue-300 {
  color: #64b5f6 !important; }

.mdl-color--blue-300 {
  background-color: #64b5f6 !important; }

.mdl-color-text--blue-400 {
  color: #42a5f5 !important; }

.mdl-color--blue-400 {
  background-color: #42a5f5 !important; }

.mdl-color-text--blue-500 {
  color: #2196f3 !important; }

.mdl-color--blue-500 {
  background-color: #2196f3 !important; }

.mdl-color-text--blue-600 {
  color: #1e88e5 !important; }

.mdl-color--blue-600 {
  background-color: #1e88e5 !important; }

.mdl-color-text--blue-700 {
  color: #1976d2 !important; }

.mdl-color--blue-700 {
  background-color: #1976d2 !important; }

.mdl-color-text--blue-800 {
  color: #1565c0 !important; }

.mdl-color--blue-800 {
  background-color: #1565c0 !important; }

.mdl-color-text--blue-900 {
  color: #0d47a1 !important; }

.mdl-color--blue-900 {
  background-color: #0d47a1 !important; }

.mdl-color-text--blue-A100 {
  color: #82b1ff !important; }

.mdl-color--blue-A100 {
  background-color: #82b1ff !important; }

.mdl-color-text--blue-A200 {
  color: #448aff !important; }

.mdl-color--blue-A200 {
  background-color: #448aff !important; }

.mdl-color-text--blue-A400 {
  color: #2979ff !important; }

.mdl-color--blue-A400 {
  background-color: #2979ff !important; }

.mdl-color-text--blue-A700 {
  color: #2962ff !important; }

.mdl-color--blue-A700 {
  background-color: #2962ff !important; }

.mdl-color-text--light-blue {
  color: #03a9f4 !important; }

.mdl-color--light-blue {
  background-color: #03a9f4 !important; }

.mdl-color-text--light-blue-50 {
  color: #e1f5fe !important; }

.mdl-color--light-blue-50 {
  background-color: #e1f5fe !important; }

.mdl-color-text--light-blue-100 {
  color: #b3e5fc !important; }

.mdl-color--light-blue-100 {
  background-color: #b3e5fc !important; }

.mdl-color-text--light-blue-200 {
  color: #81d4fa !important; }

.mdl-color--light-blue-200 {
  background-color: #81d4fa !important; }

.mdl-color-text--light-blue-300 {
  color: #4fc3f7 !important; }

.mdl-color--light-blue-300 {
  background-color: #4fc3f7 !important; }

.mdl-color-text--light-blue-400 {
  color: #29b6f6 !important; }

.mdl-color--light-blue-400 {
  background-color: #29b6f6 !important; }

.mdl-color-text--light-blue-500 {
  color: #03a9f4 !important; }

.mdl-color--light-blue-500 {
  background-color: #03a9f4 !important; }

.mdl-color-text--light-blue-600 {
  color: #039be5 !important; }

.mdl-color--light-blue-600 {
  background-color: #039be5 !important; }

.mdl-color-text--light-blue-700 {
  color: #0288d1 !important; }

.mdl-color--light-blue-700 {
  background-color: #0288d1 !important; }

.mdl-color-text--light-blue-800 {
  color: #0277bd !important; }

.mdl-color--light-blue-800 {
  background-color: #0277bd !important; }

.mdl-color-text--light-blue-900 {
  color: #01579b !important; }

.mdl-color--light-blue-900 {
  background-color: #01579b !important; }

.mdl-color-text--light-blue-A100 {
  color: #80d8ff !important; }

.mdl-color--light-blue-A100 {
  background-color: #80d8ff !important; }

.mdl-color-text--light-blue-A200 {
  color: #40c4ff !important; }

.mdl-color--light-blue-A200 {
  background-color: #40c4ff !important; }

.mdl-color-text--light-blue-A400 {
  color: #00b0ff !important; }

.mdl-color--light-blue-A400 {
  background-color: #00b0ff !important; }

.mdl-color-text--light-blue-A700 {
  color: #0091ea !important; }

.mdl-color--light-blue-A700 {
  background-color: #0091ea !important; }

.mdl-color-text--cyan {
  color: #00bcd4 !important; }

.mdl-color--cyan {
  background-color: #00bcd4 !important; }

.mdl-color-text--cyan-50 {
  color: #e0f7fa !important; }

.mdl-color--cyan-50 {
  background-color: #e0f7fa !important; }

.mdl-color-text--cyan-100 {
  color: #b2ebf2 !important; }

.mdl-color--cyan-100 {
  background-color: #b2ebf2 !important; }

.mdl-color-text--cyan-200 {
  color: #80deea !important; }

.mdl-color--cyan-200 {
  background-color: #80deea !important; }

.mdl-color-text--cyan-300 {
  color: #4dd0e1 !important; }

.mdl-color--cyan-300 {
  background-color: #4dd0e1 !important; }

.mdl-color-text--cyan-400 {
  color: #26c6da !important; }

.mdl-color--cyan-400 {
  background-color: #26c6da !important; }

.mdl-color-text--cyan-500 {
  color: #00bcd4 !important; }

.mdl-color--cyan-500 {
  background-color: #00bcd4 !important; }

.mdl-color-text--cyan-600 {
  color: #00acc1 !important; }

.mdl-color--cyan-600 {
  background-color: #00acc1 !important; }

.mdl-color-text--cyan-700 {
  color: #0097a7 !important; }

.mdl-color--cyan-700 {
  background-color: #0097a7 !important; }

.mdl-color-text--cyan-800 {
  color: #00838f !important; }

.mdl-color--cyan-800 {
  background-color: #00838f !important; }

.mdl-color-text--cyan-900 {
  color: #006064 !important; }

.mdl-color--cyan-900 {
  background-color: #006064 !important; }

.mdl-color-text--cyan-A100 {
  color: #84ffff !important; }

.mdl-color--cyan-A100 {
  background-color: #84ffff !important; }

.mdl-color-text--cyan-A200 {
  color: #18ffff !important; }

.mdl-color--cyan-A200 {
  background-color: #18ffff !important; }

.mdl-color-text--cyan-A400 {
  color: #00e5ff !important; }

.mdl-color--cyan-A400 {
  background-color: #00e5ff !important; }

.mdl-color-text--cyan-A700 {
  color: #00b8d4 !important; }

.mdl-color--cyan-A700 {
  background-color: #00b8d4 !important; }

.mdl-color-text--teal {
  color: #009688 !important; }

.mdl-color--teal {
  background-color: #009688 !important; }

.mdl-color-text--teal-50 {
  color: #e0f2f1 !important; }

.mdl-color--teal-50 {
  background-color: #e0f2f1 !important; }

.mdl-color-text--teal-100 {
  color: #b2dfdb !important; }

.mdl-color--teal-100 {
  background-color: #b2dfdb !important; }

.mdl-color-text--teal-200 {
  color: #80cbc4 !important; }

.mdl-color--teal-200 {
  background-color: #80cbc4 !important; }

.mdl-color-text--teal-300 {
  color: #4db6ac !important; }

.mdl-color--teal-300 {
  background-color: #4db6ac !important; }

.mdl-color-text--teal-400 {
  color: #26a69a !important; }

.mdl-color--teal-400 {
  background-color: #26a69a !important; }

.mdl-color-text--teal-500 {
  color: #009688 !important; }

.mdl-color--teal-500 {
  background-color: #009688 !important; }

.mdl-color-text--teal-600 {
  color: #00897b !important; }

.mdl-color--teal-600 {
  background-color: #00897b !important; }

.mdl-color-text--teal-700 {
  color: #00796b !important; }

.mdl-color--teal-700 {
  background-color: #00796b !important; }

.mdl-color-text--teal-800 {
  color: #00695c !important; }

.mdl-color--teal-800 {
  background-color: #00695c !important; }

.mdl-color-text--teal-900 {
  color: #004d40 !important; }

.mdl-color--teal-900 {
  background-color: #004d40 !important; }

.mdl-color-text--teal-A100 {
  color: #a7ffeb !important; }

.mdl-color--teal-A100 {
  background-color: #a7ffeb !important; }

.mdl-color-text--teal-A200 {
  color: #64ffda !important; }

.mdl-color--teal-A200 {
  background-color: #64ffda !important; }

.mdl-color-text--teal-A400 {
  color: #1de9b6 !important; }

.mdl-color--teal-A400 {
  background-color: #1de9b6 !important; }

.mdl-color-text--teal-A700 {
  color: #00bfa5 !important; }

.mdl-color--teal-A700 {
  background-color: #00bfa5 !important; }

.mdl-color-text--green {
  color: #4caf50 !important; }

.mdl-color--green {
  background-color: #4caf50 !important; }

.mdl-color-text--green-50 {
  color: #e8f5e9 !important; }

.mdl-color--green-50 {
  background-color: #e8f5e9 !important; }

.mdl-color-text--green-100 {
  color: #c8e6c9 !important; }

.mdl-color--green-100 {
  background-color: #c8e6c9 !important; }

.mdl-color-text--green-200 {
  color: #a5d6a7 !important; }

.mdl-color--green-200 {
  background-color: #a5d6a7 !important; }

.mdl-color-text--green-300 {
  color: #81c784 !important; }

.mdl-color--green-300 {
  background-color: #81c784 !important; }

.mdl-color-text--green-400 {
  color: #66bb6a !important; }

.mdl-color--green-400 {
  background-color: #66bb6a !important; }

.mdl-color-text--green-500 {
  color: #4caf50 !important; }

.mdl-color--green-500 {
  background-color: #4caf50 !important; }

.mdl-color-text--green-600 {
  color: #43a047 !important; }

.mdl-color--green-600 {
  background-color: #43a047 !important; }

.mdl-color-text--green-700 {
  color: #388e3c !important; }

.mdl-color--green-700 {
  background-color: #388e3c !important; }

.mdl-color-text--green-800 {
  color: #2e7d32 !important; }

.mdl-color--green-800 {
  background-color: #2e7d32 !important; }

.mdl-color-text--green-900 {
  color: #1b5e20 !important; }

.mdl-color--green-900 {
  background-color: #1b5e20 !important; }

.mdl-color-text--green-A100 {
  color: #b9f6ca !important; }

.mdl-color--green-A100 {
  background-color: #b9f6ca !important; }

.mdl-color-text--green-A200 {
  color: #69f0ae !important; }

.mdl-color--green-A200 {
  background-color: #69f0ae !important; }

.mdl-color-text--green-A400 {
  color: #00e676 !important; }

.mdl-color--green-A400 {
  background-color: #00e676 !important; }

.mdl-color-text--green-A700 {
  color: #00c853 !important; }

.mdl-color--green-A700 {
  background-color: #00c853 !important; }

.mdl-color-text--light-green {
  color: #8bc34a !important; }

.mdl-color--light-green {
  background-color: #8bc34a !important; }

.mdl-color-text--light-green-50 {
  color: #f1f8e9 !important; }

.mdl-color--light-green-50 {
  background-color: #f1f8e9 !important; }

.mdl-color-text--light-green-100 {
  color: #dcedc8 !important; }

.mdl-color--light-green-100 {
  background-color: #dcedc8 !important; }

.mdl-color-text--light-green-200 {
  color: #c5e1a5 !important; }

.mdl-color--light-green-200 {
  background-color: #c5e1a5 !important; }

.mdl-color-text--light-green-300 {
  color: #aed581 !important; }

.mdl-color--light-green-300 {
  background-color: #aed581 !important; }

.mdl-color-text--light-green-400 {
  color: #9ccc65 !important; }

.mdl-color--light-green-400 {
  background-color: #9ccc65 !important; }

.mdl-color-text--light-green-500 {
  color: #8bc34a !important; }

.mdl-color--light-green-500 {
  background-color: #8bc34a !important; }

.mdl-color-text--light-green-600 {
  color: #7cb342 !important; }

.mdl-color--light-green-600 {
  background-color: #7cb342 !important; }

.mdl-color-text--light-green-700 {
  color: #689f38 !important; }

.mdl-color--light-green-700 {
  background-color: #689f38 !important; }

.mdl-color-text--light-green-800 {
  color: #558b2f !important; }

.mdl-color--light-green-800 {
  background-color: #558b2f !important; }

.mdl-color-text--light-green-900 {
  color: #33691e !important; }

.mdl-color--light-green-900 {
  background-color: #33691e !important; }

.mdl-color-text--light-green-A100 {
  color: #ccff90 !important; }

.mdl-color--light-green-A100 {
  background-color: #ccff90 !important; }

.mdl-color-text--light-green-A200 {
  color: #b2ff59 !important; }

.mdl-color--light-green-A200 {
  background-color: #b2ff59 !important; }

.mdl-color-text--light-green-A400 {
  color: #76ff03 !important; }

.mdl-color--light-green-A400 {
  background-color: #76ff03 !important; }

.mdl-color-text--light-green-A700 {
  color: #64dd17 !important; }

.mdl-color--light-green-A700 {
  background-color: #64dd17 !important; }

.mdl-color-text--lime {
  color: #cddc39 !important; }

.mdl-color--lime {
  background-color: #cddc39 !important; }

.mdl-color-text--lime-50 {
  color: #f9fbe7 !important; }

.mdl-color--lime-50 {
  background-color: #f9fbe7 !important; }

.mdl-color-text--lime-100 {
  color: #f0f4c3 !important; }

.mdl-color--lime-100 {
  background-color: #f0f4c3 !important; }

.mdl-color-text--lime-200 {
  color: #e6ee9c !important; }

.mdl-color--lime-200 {
  background-color: #e6ee9c !important; }

.mdl-color-text--lime-300 {
  color: #dce775 !important; }

.mdl-color--lime-300 {
  background-color: #dce775 !important; }

.mdl-color-text--lime-400 {
  color: #d4e157 !important; }

.mdl-color--lime-400 {
  background-color: #d4e157 !important; }

.mdl-color-text--lime-500 {
  color: #cddc39 !important; }

.mdl-color--lime-500 {
  background-color: #cddc39 !important; }

.mdl-color-text--lime-600 {
  color: #c0ca33 !important; }

.mdl-color--lime-600 {
  background-color: #c0ca33 !important; }

.mdl-color-text--lime-700 {
  color: #afb42b !important; }

.mdl-color--lime-700 {
  background-color: #afb42b !important; }

.mdl-color-text--lime-800 {
  color: #9e9d24 !important; }

.mdl-color--lime-800 {
  background-color: #9e9d24 !important; }

.mdl-color-text--lime-900 {
  color: #827717 !important; }

.mdl-color--lime-900 {
  background-color: #827717 !important; }

.mdl-color-text--lime-A100 {
  color: #f4ff81 !important; }

.mdl-color--lime-A100 {
  background-color: #f4ff81 !important; }

.mdl-color-text--lime-A200 {
  color: #eeff41 !important; }

.mdl-color--lime-A200 {
  background-color: #eeff41 !important; }

.mdl-color-text--lime-A400 {
  color: #c6ff00 !important; }

.mdl-color--lime-A400 {
  background-color: #c6ff00 !important; }

.mdl-color-text--lime-A700 {
  color: #aeea00 !important; }

.mdl-color--lime-A700 {
  background-color: #aeea00 !important; }

.mdl-color-text--yellow {
  color: #ffeb3b !important; }

.mdl-color--yellow {
  background-color: #ffeb3b !important; }

.mdl-color-text--yellow-50 {
  color: #fffde7 !important; }

.mdl-color--yellow-50 {
  background-color: #fffde7 !important; }

.mdl-color-text--yellow-100 {
  color: #fff9c4 !important; }

.mdl-color--yellow-100 {
  background-color: #fff9c4 !important; }

.mdl-color-text--yellow-200 {
  color: #fff59d !important; }

.mdl-color--yellow-200 {
  background-color: #fff59d !important; }

.mdl-color-text--yellow-300 {
  color: #fff176 !important; }

.mdl-color--yellow-300 {
  background-color: #fff176 !important; }

.mdl-color-text--yellow-400 {
  color: #ffee58 !important; }

.mdl-color--yellow-400 {
  background-color: #ffee58 !important; }

.mdl-color-text--yellow-500 {
  color: #ffeb3b !important; }

.mdl-color--yellow-500 {
  background-color: #ffeb3b !important; }

.mdl-color-text--yellow-600 {
  color: #fdd835 !important; }

.mdl-color--yellow-600 {
  background-color: #fdd835 !important; }

.mdl-color-text--yellow-700 {
  color: #fbc02d !important; }

.mdl-color--yellow-700 {
  background-color: #fbc02d !important; }

.mdl-color-text--yellow-800 {
  color: #f9a825 !important; }

.mdl-color--yellow-800 {
  background-color: #f9a825 !important; }

.mdl-color-text--yellow-900 {
  color: #f57f17 !important; }

.mdl-color--yellow-900 {
  background-color: #f57f17 !important; }

.mdl-color-text--yellow-A100 {
  color: #ffff8d !important; }

.mdl-color--yellow-A100 {
  background-color: #ffff8d !important; }

.mdl-color-text--yellow-A200 {
  color: yellow !important; }

.mdl-color--yellow-A200 {
  background-color: yellow !important; }

.mdl-color-text--yellow-A400 {
  color: #ffea00 !important; }

.mdl-color--yellow-A400 {
  background-color: #ffea00 !important; }

.mdl-color-text--yellow-A700 {
  color: #ffd600 !important; }

.mdl-color--yellow-A700 {
  background-color: #ffd600 !important; }

.mdl-color-text--amber {
  color: #ffc107 !important; }

.mdl-color--amber {
  background-color: #ffc107 !important; }

.mdl-color-text--amber-50 {
  color: #fff8e1 !important; }

.mdl-color--amber-50 {
  background-color: #fff8e1 !important; }

.mdl-color-text--amber-100 {
  color: #ffecb3 !important; }

.mdl-color--amber-100 {
  background-color: #ffecb3 !important; }

.mdl-color-text--amber-200 {
  color: #ffe082 !important; }

.mdl-color--amber-200 {
  background-color: #ffe082 !important; }

.mdl-color-text--amber-300 {
  color: #ffd54f !important; }

.mdl-color--amber-300 {
  background-color: #ffd54f !important; }

.mdl-color-text--amber-400 {
  color: #ffca28 !important; }

.mdl-color--amber-400 {
  background-color: #ffca28 !important; }

.mdl-color-text--amber-500 {
  color: #ffc107 !important; }

.mdl-color--amber-500 {
  background-color: #ffc107 !important; }

.mdl-color-text--amber-600 {
  color: #ffb300 !important; }

.mdl-color--amber-600 {
  background-color: #ffb300 !important; }

.mdl-color-text--amber-700 {
  color: #ffa000 !important; }

.mdl-color--amber-700 {
  background-color: #ffa000 !important; }

.mdl-color-text--amber-800 {
  color: #ff8f00 !important; }

.mdl-color--amber-800 {
  background-color: #ff8f00 !important; }

.mdl-color-text--amber-900 {
  color: #ff6f00 !important; }

.mdl-color--amber-900 {
  background-color: #ff6f00 !important; }

.mdl-color-text--amber-A100 {
  color: #ffe57f !important; }

.mdl-color--amber-A100 {
  background-color: #ffe57f !important; }

.mdl-color-text--amber-A200 {
  color: #ffd740 !important; }

.mdl-color--amber-A200 {
  background-color: #ffd740 !important; }

.mdl-color-text--amber-A400 {
  color: #ffc400 !important; }

.mdl-color--amber-A400 {
  background-color: #ffc400 !important; }

.mdl-color-text--amber-A700 {
  color: #ffab00 !important; }

.mdl-color--amber-A700 {
  background-color: #ffab00 !important; }

.mdl-color-text--orange {
  color: #ff9800 !important; }

.mdl-color--orange {
  background-color: #ff9800 !important; }

.mdl-color-text--orange-50 {
  color: #fff3e0 !important; }

.mdl-color--orange-50 {
  background-color: #fff3e0 !important; }

.mdl-color-text--orange-100 {
  color: #ffe0b2 !important; }

.mdl-color--orange-100 {
  background-color: #ffe0b2 !important; }

.mdl-color-text--orange-200 {
  color: #ffcc80 !important; }

.mdl-color--orange-200 {
  background-color: #ffcc80 !important; }

.mdl-color-text--orange-300 {
  color: #ffb74d !important; }

.mdl-color--orange-300 {
  background-color: #ffb74d !important; }

.mdl-color-text--orange-400 {
  color: #ffa726 !important; }

.mdl-color--orange-400 {
  background-color: #ffa726 !important; }

.mdl-color-text--orange-500 {
  color: #ff9800 !important; }

.mdl-color--orange-500 {
  background-color: #ff9800 !important; }

.mdl-color-text--orange-600 {
  color: #fb8c00 !important; }

.mdl-color--orange-600 {
  background-color: #fb8c00 !important; }

.mdl-color-text--orange-700 {
  color: #f57c00 !important; }

.mdl-color--orange-700 {
  background-color: #f57c00 !important; }

.mdl-color-text--orange-800 {
  color: #ef6c00 !important; }

.mdl-color--orange-800 {
  background-color: #ef6c00 !important; }

.mdl-color-text--orange-900 {
  color: #e65100 !important; }

.mdl-color--orange-900 {
  background-color: #e65100 !important; }

.mdl-color-text--orange-A100 {
  color: #ffd180 !important; }

.mdl-color--orange-A100 {
  background-color: #ffd180 !important; }

.mdl-color-text--orange-A200 {
  color: #ffab40 !important; }

.mdl-color--orange-A200 {
  background-color: #ffab40 !important; }

.mdl-color-text--orange-A400 {
  color: #ff9100 !important; }

.mdl-color--orange-A400 {
  background-color: #ff9100 !important; }

.mdl-color-text--orange-A700 {
  color: #ff6d00 !important; }

.mdl-color--orange-A700 {
  background-color: #ff6d00 !important; }

.mdl-color-text--deep-orange {
  color: #ff5722 !important; }

.mdl-color--deep-orange {
  background-color: #ff5722 !important; }

.mdl-color-text--deep-orange-50 {
  color: #fbe9e7 !important; }

.mdl-color--deep-orange-50 {
  background-color: #fbe9e7 !important; }

.mdl-color-text--deep-orange-100 {
  color: #ffccbc !important; }

.mdl-color--deep-orange-100 {
  background-color: #ffccbc !important; }

.mdl-color-text--deep-orange-200 {
  color: #ffab91 !important; }

.mdl-color--deep-orange-200 {
  background-color: #ffab91 !important; }

.mdl-color-text--deep-orange-300 {
  color: #ff8a65 !important; }

.mdl-color--deep-orange-300 {
  background-color: #ff8a65 !important; }

.mdl-color-text--deep-orange-400 {
  color: #ff7043 !important; }

.mdl-color--deep-orange-400 {
  background-color: #ff7043 !important; }

.mdl-color-text--deep-orange-500 {
  color: #ff5722 !important; }

.mdl-color--deep-orange-500 {
  background-color: #ff5722 !important; }

.mdl-color-text--deep-orange-600 {
  color: #f4511e !important; }

.mdl-color--deep-orange-600 {
  background-color: #f4511e !important; }

.mdl-color-text--deep-orange-700 {
  color: #e64a19 !important; }

.mdl-color--deep-orange-700 {
  background-color: #e64a19 !important; }

.mdl-color-text--deep-orange-800 {
  color: #d84315 !important; }

.mdl-color--deep-orange-800 {
  background-color: #d84315 !important; }

.mdl-color-text--deep-orange-900 {
  color: #bf360c !important; }

.mdl-color--deep-orange-900 {
  background-color: #bf360c !important; }

.mdl-color-text--deep-orange-A100 {
  color: #ff9e80 !important; }

.mdl-color--deep-orange-A100 {
  background-color: #ff9e80 !important; }

.mdl-color-text--deep-orange-A200 {
  color: #ff6e40 !important; }

.mdl-color--deep-orange-A200 {
  background-color: #ff6e40 !important; }

.mdl-color-text--deep-orange-A400 {
  color: #ff3d00 !important; }

.mdl-color--deep-orange-A400 {
  background-color: #ff3d00 !important; }

.mdl-color-text--deep-orange-A700 {
  color: #dd2c00 !important; }

.mdl-color--deep-orange-A700 {
  background-color: #dd2c00 !important; }

.mdl-color-text--brown {
  color: #795548 !important; }

.mdl-color--brown {
  background-color: #795548 !important; }

.mdl-color-text--brown-50 {
  color: #efebe9 !important; }

.mdl-color--brown-50 {
  background-color: #efebe9 !important; }

.mdl-color-text--brown-100 {
  color: #d7ccc8 !important; }

.mdl-color--brown-100 {
  background-color: #d7ccc8 !important; }

.mdl-color-text--brown-200 {
  color: #bcaaa4 !important; }

.mdl-color--brown-200 {
  background-color: #bcaaa4 !important; }

.mdl-color-text--brown-300 {
  color: #a1887f !important; }

.mdl-color--brown-300 {
  background-color: #a1887f !important; }

.mdl-color-text--brown-400 {
  color: #8d6e63 !important; }

.mdl-color--brown-400 {
  background-color: #8d6e63 !important; }

.mdl-color-text--brown-500 {
  color: #795548 !important; }

.mdl-color--brown-500 {
  background-color: #795548 !important; }

.mdl-color-text--brown-600 {
  color: #6d4c41 !important; }

.mdl-color--brown-600 {
  background-color: #6d4c41 !important; }

.mdl-color-text--brown-700 {
  color: #5d4037 !important; }

.mdl-color--brown-700 {
  background-color: #5d4037 !important; }

.mdl-color-text--brown-800 {
  color: #4e342e !important; }

.mdl-color--brown-800 {
  background-color: #4e342e !important; }

.mdl-color-text--brown-900 {
  color: #3e2723 !important; }

.mdl-color--brown-900 {
  background-color: #3e2723 !important; }

.mdl-color-text--grey {
  color: #9e9e9e !important; }

.mdl-color--grey {
  background-color: #9e9e9e !important; }

.mdl-color-text--grey-50 {
  color: #fafafa !important; }

.mdl-color--grey-50 {
  background-color: #fafafa !important; }

.mdl-color-text--grey-100 {
  color: whitesmoke !important; }

.mdl-color--grey-100 {
  background-color: whitesmoke !important; }

.mdl-color-text--grey-200 {
  color: #eeeeee !important; }

.mdl-color--grey-200 {
  background-color: #eeeeee !important; }

.mdl-color-text--grey-300 {
  color: #e0e0e0 !important; }

.mdl-color--grey-300 {
  background-color: #e0e0e0 !important; }

.mdl-color-text--grey-400 {
  color: #bdbdbd !important; }

.mdl-color--grey-400 {
  background-color: #bdbdbd !important; }

.mdl-color-text--grey-500 {
  color: #9e9e9e !important; }

.mdl-color--grey-500 {
  background-color: #9e9e9e !important; }

.mdl-color-text--grey-600 {
  color: #757575 !important; }

.mdl-color--grey-600 {
  background-color: #757575 !important; }

.mdl-color-text--grey-700 {
  color: #616161 !important; }

.mdl-color--grey-700 {
  background-color: #616161 !important; }

.mdl-color-text--grey-800 {
  color: #424242 !important; }

.mdl-color--grey-800 {
  background-color: #424242 !important; }

.mdl-color-text--grey-900 {
  color: #212121 !important; }

.mdl-color--grey-900 {
  background-color: #212121 !important; }

.mdl-color-text--blue-grey {
  color: #607d8b !important; }

.mdl-color--blue-grey {
  background-color: #607d8b !important; }

.mdl-color-text--blue-grey-50 {
  color: #eceff1 !important; }

.mdl-color--blue-grey-50 {
  background-color: #eceff1 !important; }

.mdl-color-text--blue-grey-100 {
  color: #cfd8dc !important; }

.mdl-color--blue-grey-100 {
  background-color: #cfd8dc !important; }

.mdl-color-text--blue-grey-200 {
  color: #b0bec5 !important; }

.mdl-color--blue-grey-200 {
  background-color: #b0bec5 !important; }

.mdl-color-text--blue-grey-300 {
  color: #90a4ae !important; }

.mdl-color--blue-grey-300 {
  background-color: #90a4ae !important; }

.mdl-color-text--blue-grey-400 {
  color: #78909c !important; }

.mdl-color--blue-grey-400 {
  background-color: #78909c !important; }

.mdl-color-text--blue-grey-500 {
  color: #607d8b !important; }

.mdl-color--blue-grey-500 {
  background-color: #607d8b !important; }

.mdl-color-text--blue-grey-600 {
  color: #546e7a !important; }

.mdl-color--blue-grey-600 {
  background-color: #546e7a !important; }

.mdl-color-text--blue-grey-700 {
  color: #455a64 !important; }

.mdl-color--blue-grey-700 {
  background-color: #455a64 !important; }

.mdl-color-text--blue-grey-800 {
  color: #37474f !important; }

.mdl-color--blue-grey-800 {
  background-color: #37474f !important; }

.mdl-color-text--blue-grey-900 {
  color: #263238 !important; }

.mdl-color--blue-grey-900 {
  background-color: #263238 !important; }

.mdl-color--black {
  background-color: black !important; }

.mdl-color-text--black {
  color: black !important; }

.mdl-color--white {
  background-color: white !important; }

.mdl-color-text--white {
  color: white !important; }

.mdl-color--primary {
  background-color: #3f51b5 !important; }

.mdl-color--primary-contrast {
  background-color: white !important; }

.mdl-color--primary-dark {
  background-color: #303f9f !important; }

.mdl-color--accent {
  background-color: #ff4081 !important; }

.mdl-color--accent-contrast {
  background-color: white !important; }

.mdl-color-text--primary {
  color: #3f51b5 !important; }

.mdl-color-text--primary-contrast {
  color: white !important; }

.mdl-color-text--primary-dark {
  color: #303f9f !important; }

.mdl-color-text--accent {
  color: #ff4081 !important; }

.mdl-color-text--accent-contrast {
  color: white !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: black;
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden; }

.mdl-ripple.is-animating {
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  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);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ff4081;
  color: white; }

.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px; }

.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: #ff4081;
  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: black;
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  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.2); }

.mdl-button:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12); }

.mdl-button:active {
  background-color: rgba(158, 158, 158, 0.4); }

.mdl-button.mdl-button--colored {
  color: #3f51b5; }

.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.2);
  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.4); }

.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.4); }

.mdl-button--raised.mdl-button--colored {
  background: #3f51b5;
  color: white; }

.mdl-button--raised.mdl-button--colored:hover {
  background-color: #3f51b5; }

.mdl-button--raised.mdl-button--colored:active {
  background-color: #3f51b5; }

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #3f51b5; }

.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: white; }

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 50px;
  margin: auto;
  width: 50px;
  padding: 0;
  overflow: hidden;
  background: rgba(158, 158, 158, 0.2);
  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%;
  -webkit-transform: translate(-12px, -12px);
  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.4); }

.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.4); }

.mdl-button--fab.mdl-button--colored {
  background: #ff4081;
  color: white; }

.mdl-button--fab.mdl-button--colored:hover {
  background-color: #ff4081; }

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #ff4081; }

.mdl-button--fab.mdl-button--colored:active {
  background-color: #ff4081; }

.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: white; }

.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%;
  -webkit-transform: translate(-12px, -12px);
  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: #3f51b5; }

.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: white; }

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: white;
  background-color: #3f51b5; }

.mdl-button--accent.mdl-button--accent {
  color: #ff4081; }

.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: white; }

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: white;
  background-color: #ff4081; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: white;
  border-radius: 2px;
  box-sizing: border-box; }

.mdl-card__media {
  background-color: #ff4081;
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box; }

.mdl-card__title {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: black;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
  perspective-origin: 165px 56px;
  -webkit-transform-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 {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  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__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  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 {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  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 #3f51b5; }

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(63, 81, 181, 0.26);
  background-color: rgba(63, 81, 181, 0.26); }

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  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: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }

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("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }

.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: #3f51b5; }

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;
  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: white; }

.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;
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\e5d8";
  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: "\e5db"; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  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: #9e9e9e;
  background-color: #424242; }

.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: #9e9e9e;
  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: '\E5CE'; }

.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: '\E5CF'; }

.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: #e0e0e0; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 16px;
  color: #9e9e9e;
  background-color: #424242; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  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;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0; }

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

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: #9e9e9e;
  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: #616161;
  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: #3f51b5; }

.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(63, 81, 181, 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: #616161; }

.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-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden; }

.mdl-list__item .mdl-list__item-primary-content {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-decoration: none;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  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: #757575; }

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #757575;
  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, combo-box .combobox .dropdown .container {
  display: block;
  background: white;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 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: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1; }

.mdl-menu__container.is-visible .mdl-menu__outline, .mdl-menu__container.is-visible combo-box .combobox .dropdown .container, combo-box .combobox .dropdown .mdl-menu__container.is-visible .container {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 999; }

.mdl-menu__outline.mdl-menu--bottom-right, combo-box .combobox .dropdown .mdl-menu--bottom-right.container {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.mdl-menu__outline.mdl-menu--top-left, combo-box .combobox .dropdown .mdl-menu--top-left.container {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.mdl-menu__outline.mdl-menu--top-right, combo-box .combobox .dropdown .mdl-menu--top-right.container {
  -webkit-transform-origin: 100% 100%;
  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: #bdbdbd;
  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);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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: #bdbdbd;
  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: #eeeeee; }

.mdl-menu__item:focus {
  outline: none;
  background-color: #eeeeee; }

.mdl-menu__item:active {
  background-color: #e0e0e0; }

.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: #3f51b5;
  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, #3f51b5, #3f51b5);
  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, #3f51b5, #3f51b5);
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }

.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, #3f51b5, #3f51b5); }

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate1;
  animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate2;
  animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box; }

.mdl-navigation__link {
  color: #424242;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box; }

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

.mdl-layout__drawer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  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 #e0e0e0;
  background: #fafafa;
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #424242;
  overflow: visible;
  overflow-y: auto;
  z-index: 5; }

.mdl-layout__drawer.is-visible {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden; }

.mdl-layout__drawer > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  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 {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
  padding-top: 16px; }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  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: #e0e0e0; }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: #e0e0e0;
  color: black; }

@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 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: white;
  z-index: 4; }

.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: white;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: #3f51b5;
  color: white;
  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: -webkit-flex;
    display: -ms-flexbox;
    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 {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.mdl-layout__header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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 > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  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;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  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: white;
  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;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #3f51b5;
  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;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 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: #3f51b5;
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  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: white; }

.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;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 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;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0; }

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: white; }

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #ff4081;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  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: white; }

.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;
  box-sizing: border-box;
  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 #3f51b5; }

.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: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: #3f51b5; }

.mdl-radio.is-checked .mdl-radio__inner-circle {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 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: #3f51b5; }

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;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  padding: 0;
  color: #3f51b5;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  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, #3f51b5 16px, #3f51b5 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: #3f51b5;
  border: none;
  transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  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);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

.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: #3f51b5;
  border: none; }

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26); }

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26); }

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: #3f51b5;
  -webkit-transform: scale(1.5);
  transform: scale(1.5); }

.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: #3f51b5;
  transform: scale(1.5); }

.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #3f51b5;
  transform: scale(0.375);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
  transform: scale(1); }

.mdl-slider.is-upgraded:active::-ms-thumb {
  background: #3f51b5;
  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);
  -webkit-transform: scale(1.5);
  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 {
  -webkit-transform: scale(0.667);
  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;
  -webkit-transform: scale(0.667);
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: #3f51b5;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0; }

.mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
  -webkit-flex: 0;
  -ms-flex: 0;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-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;
    -webkit-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px); } }

.mdl-snackbar--active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: auto;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }

@media (min-width: 480px) {
  .mdl-snackbar--active {
    -webkit-transform: translate(-50%, 0);
    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: #ff4081;
  float: right;
  text-transform: uppercase;
  padding: 14px 24px 14px 12px;
  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;
  -webkit-align-self: center;
  -ms-flex-item-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 {
  -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
  animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }

@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: #42a5f5; }

.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: #3f51b5; }

.mdl-spinner.is-active .mdl-spinner__layer-1 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  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: #f44336; }

.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: #3f51b5; }

.mdl-spinner.is-active .mdl-spinner__layer-2 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  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: #fdd835; }

.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: #3f51b5; }

.mdl-spinner.is-active .mdl-spinner__layer-3 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  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: #4caf50; }

.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: #3f51b5; }

.mdl-spinner.is-active .mdl-spinner__layer-4 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  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; }

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    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
*/
@-webkit-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-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; } }

@-webkit-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-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@-webkit-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-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@-webkit-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; } }

@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__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%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg); }

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  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;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg); }

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    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(63, 81, 181, 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: #fafafa;
  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: #3f51b5;
  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: #bdbdbd;
  cursor: auto; }

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  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(63, 81, 181, 0.26);
  background-color: rgba(63, 81, 181, 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: #bdbdbd;
  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.40s;
  transition-timing-function: step-end;
  transition-property: left; }

.mdl-switch__ripple-container .mdl-ripple {
  background: #3f51b5; }

.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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid #e0e0e0; }

.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: #3f51b5;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  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: #3f51b5; }

.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; }

@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

@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, text-area .textarea .textarea-value textarea, .entity-finder-dialog .entity-finder-search .entity-finder-search-value {
  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"], text-area .textarea .textarea-value textarea[type="number"], .entity-finder-dialog .entity-finder-search .entity-finder-search-value[type="number"] {
  -moz-appearance: textfield; }

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, text-area .textarea .textarea-value textarea[type="number"]::-webkit-inner-spin-button, .entity-finder-dialog .entity-finder-search .entity-finder-search-value[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button, text-area .textarea .textarea-value textarea[type="number"]::-webkit-outer-spin-button, .entity-finder-dialog .entity-finder-search .entity-finder-search-value[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.mdl-textfield.is-focused .mdl-textfield__input, .mdl-textfield.is-focused text-area .textarea .textarea-value textarea, text-area .textarea .textarea-value .mdl-textfield.is-focused textarea, .mdl-textfield.is-focused .entity-finder-dialog .entity-finder-search .entity-finder-search-value, .entity-finder-dialog .entity-finder-search .mdl-textfield.is-focused .entity-finder-search-value {
  outline: none; }

.mdl-textfield.is-invalid .mdl-textfield__input, .mdl-textfield.is-invalid text-area .textarea .textarea-value textarea, text-area .textarea .textarea-value .mdl-textfield.is-invalid textarea, .mdl-textfield.is-invalid .entity-finder-dialog .entity-finder-search .entity-finder-search-value, .entity-finder-dialog .entity-finder-search .mdl-textfield.is-invalid .entity-finder-search-value {
  border-color: #d50000;
  box-shadow: none; }

fieldset[disabled] .mdl-textfield .mdl-textfield__input, fieldset[disabled] .mdl-textfield text-area .textarea .textarea-value textarea, text-area .textarea .textarea-value fieldset[disabled] .mdl-textfield textarea, fieldset[disabled] .mdl-textfield .entity-finder-dialog .entity-finder-search .entity-finder-search-value, .entity-finder-dialog .entity-finder-search fieldset[disabled] .mdl-textfield .entity-finder-search-value,
.mdl-textfield.is-disabled .mdl-textfield__input,
.mdl-textfield.is-disabled text-area .textarea .textarea-value textarea,
text-area .textarea .textarea-value .mdl-textfield.is-disabled textarea,
.mdl-textfield.is-disabled .entity-finder-dialog .entity-finder-search .entity-finder-search-value,
.entity-finder-dialog .entity-finder-search .mdl-textfield.is-disabled .entity-finder-search-value {
  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, .mdl-textfield text-area .textarea .textarea-value textarea, text-area .textarea .textarea-value .mdl-textfield textarea, .mdl-textfield .entity-finder-dialog .entity-finder-search textarea.entity-finder-search-value, .entity-finder-dialog .entity-finder-search .mdl-textfield textarea.entity-finder-search-value {
  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: #3f51b5;
  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: #d50000;
  font-size: 12px; }

.mdl-textfield__label:after {
  background-color: #3f51b5;
  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: #d50000; }

.mdl-textfield__error {
  color: #d50000;
  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 {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: white;
  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 {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
    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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.mdl-grid.mdl-grid--no-spacing {
  padding: 0; }

.mdl-cell {
  box-sizing: border-box; }

.mdl-cell--top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.mdl-cell--middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.mdl-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.mdl-cell--stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0; }

.mdl-cell--order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.mdl-cell--order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.mdl-cell--order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.mdl-cell--order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.mdl-cell--order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.mdl-cell--order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.mdl-cell--order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7; }

.mdl-cell--order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8; }

.mdl-cell--order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9; }

.mdl-cell--order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10; }

.mdl-cell--order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11; }

.mdl-cell--order-12 {
  -webkit-order: 12;
  -ms-flex-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 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-order: 12;
    -ms-flex-order: 12;
    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 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-order: 12;
    -ms-flex-order: 12;
    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 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-order: 12;
    -ms-flex-order: 12;
    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%; } }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
 * 3. Box-sizing for all elements.
 * 4. Font size for REM use.
 */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 62.25%;
  /* 4 */
  -ms-text-size-adjust: 65.25%;
  /* 2 */
  -webkit-text-size-adjust: auto;
  /* 2 */
  -webkit-box-sizing: border-box;
  /* 3 Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* 3 Firefox, other Gecko */
  box-sizing: border-box;
  /* 3 Opera/IE 8+ */
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/**
 * Remove default margin.
 */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

figure {
  margin: 0; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Removes margins on all headers. */
h1, h2, h3, h4, h5, h6 p, ul {
  margin: 0; }

ul {
  padding: 0;
  list-style: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

form {
  margin: 0; }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/fonts/material-icons/material-icons.woff2) format("woff2"), url(/fonts/material-icons/material-icons.woff) format("woff"); }

.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;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  user-select: none; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(/fonts/opensans/opensans-regular.woff2) format("woff2"), url(/fonts/opensans/opensans-regular.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/fonts/opensans/opensans-regular-italic.woff2) format("woff2"), url(/fonts/opensans/opensans-regular-italic.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(/fonts/opensans/opensans-semi-bold.woff2) format("woff2"), url(/fonts/opensans/opensans-semi-bold.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/fonts/opensans/opensans-bold.woff2) format("woff2"), url(/fonts/opensans/opensans-bold.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/fonts/opensans/opensans-bold-italic.woff2) format("woff2"), url(/fonts/opensans/opensans-bold-italic.woff) format("woff"); }

@font-face {
  font-family: 'Text Security Disc';
  font-style: normal;
  font-weight: 400;
  src: local("Text Security Disc"), local("TextSecurity"), url(/fonts/text-security/text-security-disc.woff2) format("woff2"), url(/fonts/text-security/text-security-disc.woff) format("woff"); }

@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: local("Catamaran Bold"), local("Catamaran-Bold"), url(/fonts/catamaran/catamaran-bold.woff2) format("woff2"), url(/fonts/catamaran/catamaran-bold.woff) format("woff"); }

/* for high resolution display */
/* radial gradient */
/* linear gradient */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }
  .row.reverse {
    flex-direction: row-reverse; }
  .row.row-max {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px; }

.column {
  display: flex;
  flex-direction: column; }
  .column.reverse {
    flex-direction: column-reverse; }
  .column.column-max {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto; }

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.flex-xs {
  display: flex;
  flex: 1 1 auto; }

.col-xs-gutter {
  padding: 0 5px; }

.start-xs {
  justify-content: flex-start;
  text-align: left;
  text-align: start; }

.center-xs {
  justify-content: center;
  text-align: center; }

.end-xs {
  justify-content: flex-end;
  text-align: right;
  text-align: end; }

.top-xs {
  align-items: flex-start; }

.middle-xs {
  align-items: center; }

.bottom-xs {
  align-items: flex-end; }

.self-start-xs {
  align-self: flex-start; }

.self-center-xs {
  align-self: center; }

.self-end-xs {
  align-self: flex-end; }

.self-strech-xs {
  align-self: stretch; }

.around-xs {
  justify-content: space-around; }

.between-xs {
  justify-content: space-between; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

.grow-xs-1 {
  flex-grow: 1;
  min-height: 0; }

.shrink-xs-0 {
  flex-shrink: 0; }

@media only screen and (min-width: 768px) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .flex-sm {
    display: flex;
    flex: 1 1 auto; }
  .col-sm-gutter {
    padding: 0 5px; }
  .start-sm {
    justify-content: flex-start;
    text-align: left;
    text-align: start; }
  .center-sm {
    justify-content: center;
    text-align: center; }
  .end-sm {
    justify-content: flex-end;
    text-align: right;
    text-align: end; }
  .top-sm {
    align-items: flex-start; }
  .middle-sm {
    align-items: center; }
  .bottom-sm {
    align-items: flex-end; }
  .self-start-sm {
    align-self: flex-start; }
  .self-center-sm {
    align-self: center; }
  .self-end-sm {
    align-self: flex-end; }
  .self-strech-sm {
    align-self: stretch; }
  .around-sm {
    justify-content: space-around; }
  .between-sm {
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; }
  .grow-sm-1 {
    flex-grow: 1;
    min-height: 0; }
  .shrink-sm-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 1024px) {
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .flex-md {
    display: flex;
    flex: 1 1 auto; }
  .col-md-gutter {
    padding: 0 5px; }
  .start-md {
    justify-content: flex-start;
    text-align: left;
    text-align: start; }
  .center-md {
    justify-content: center;
    text-align: center; }
  .end-md {
    justify-content: flex-end;
    text-align: right;
    text-align: end; }
  .top-md {
    align-items: flex-start; }
  .middle-md {
    align-items: center; }
  .bottom-md {
    align-items: flex-end; }
  .self-start-md {
    align-self: flex-start; }
  .self-center-md {
    align-self: center; }
  .self-end-md {
    align-self: flex-end; }
  .self-strech-md {
    align-self: stretch; }
  .around-md {
    justify-content: space-around; }
  .between-md {
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; }
  .grow-md-1 {
    flex-grow: 1;
    min-height: 0; }
  .shrink-md-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 1200px) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .flex-lg {
    display: flex;
    flex: 1 1 auto; }
  .col-lg-gutter {
    padding: 0 5px; }
  .start-lg {
    justify-content: flex-start;
    text-align: left;
    text-align: start; }
  .center-lg {
    justify-content: center;
    text-align: center; }
  .end-lg {
    justify-content: flex-end;
    text-align: right;
    text-align: end; }
  .top-lg {
    align-items: flex-start; }
  .middle-lg {
    align-items: center; }
  .bottom-lg {
    align-items: flex-end; }
  .self-start-lg {
    align-self: flex-start; }
  .self-center-lg {
    align-self: center; }
  .self-end-lg {
    align-self: flex-end; }
  .self-strech-lg {
    align-self: stretch; }
  .around-lg {
    justify-content: space-around; }
  .between-lg {
    justify-content: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; }
  .grow-lg-1 {
    flex-grow: 1;
    min-height: 0; }
  .shrink-lg-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 1920px) {
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-offset-0,
  .col-xl-offset-1,
  .col-xl-offset-2,
  .col-xl-offset-3,
  .col-xl-offset-4,
  .col-xl-offset-5,
  .col-xl-offset-6,
  .col-xl-offset-7,
  .col-xl-offset-8,
  .col-xl-offset-9,
  .col-xl-offset-10,
  .col-xl-offset-11,
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-xl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-xl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-xl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-xl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-xl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-xl-offset-0 {
    margin-left: 0; }
  .col-xl-offset-1 {
    margin-left: 8.33333333%; }
  .col-xl-offset-2 {
    margin-left: 16.66666667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333333%; }
  .col-xl-offset-5 {
    margin-left: 41.66666667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333333%; }
  .col-xl-offset-8 {
    margin-left: 66.66666667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333333%; }
  .col-xl-offset-11 {
    margin-left: 91.66666667%; }
  .flex-xl {
    display: flex;
    flex: 1 1 auto; }
  .col-xl-gutter {
    padding: 0 5px; }
  .start-xl {
    justify-content: flex-start;
    text-align: left;
    text-align: start; }
  .center-xl {
    justify-content: center;
    text-align: center; }
  .end-xl {
    justify-content: flex-end;
    text-align: right;
    text-align: end; }
  .top-xl {
    align-items: flex-start; }
  .middle-xl {
    align-items: center; }
  .bottom-xl {
    align-items: flex-end; }
  .self-start-xl {
    align-self: flex-start; }
  .self-center-xl {
    align-self: center; }
  .self-end-xl {
    align-self: flex-end; }
  .self-strech-xl {
    align-self: stretch; }
  .around-xl {
    justify-content: space-around; }
  .between-xl {
    justify-content: space-between; }
  .first-xl {
    order: -1; }
  .last-xl {
    order: 1; }
  .grow-xl-1 {
    flex-grow: 1;
    min-height: 0; }
  .shrink-xl-0 {
    flex-shrink: 0; } }

::-moz-selection {
  background: #e0f2e3; }

::selection {
  background: #e0f2e3; }

html {
  font-family: 'Open Sans', sans-serif; }

body {
  min-width: 320px;
  font-size: 1.4rem;
  color: #4a4a4a;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 2.4rem;
  line-height: 4.8rem;
  font-weight: 400; }

h2 {
  font-size: 2.0rem;
  line-height: 4rem;
  font-weight: 400; }

h3 {
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: 400; }

h4 {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 400; }

p {
  font-size: 1.4rem; }

a {
  color: #4a4a4a;
  font-size: 1.4rem;
  text-decoration: none; }
  a:visited {
    color: #4a4a4a; }
  a:active {
    color: black; }
  a:hover {
    color: #171717;
    cursor: pointer; }

.display-none {
  display: none; }

.display-none-imp {
  display: none !important; }

.display-block {
  display: block; }

.display-block-imp {
  display: block !important; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

.text-bold {
  font-weight: bold; }

.text-italic {
  font-style: italic; }

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

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

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

.text-danger {
  color: #d9534f; }

.text-success {
  color: #5cb85c; }

.text-warning {
  color: #f0ad4e; }

.position-absolute {
  position: absolute; }

.position-relative {
  position: relative; }

.padding-5 {
  padding: 5px; }

.padding-10 {
  padding: 10px; }

.width-stretch {
  width: 100%; }

.height-stretch {
  height: 100%;
  min-height: 0; }

.overflow-y {
  overflow-y: auto; }

.overflow-x {
  overflow-x: auto; }

.overflow-y-hidden {
  overflow-y: hidden; }

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-hidden {
  overflow: hidden; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 3.2rem;
    line-height: 5.2rem; }
  h2 {
    font-size: 2.8rem;
    line-height: 4.8rem; }
  h3 {
    font-size: 2.2rem;
    line-height: 4rem; }
  h4 {
    font-size: 1.8rem;
    line-height: 3.6rem; } }

router-view, compose {
  display: block; }

floating-action-button.paddle {
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 58px;
  background: url("/images/branding/icon-paddle-bidin-green-reverted.svg") no-repeat center center;
  background-size: 50px 58px;
  cursor: pointer;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none;
  -webkit-filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.3)); }
  floating-action-button.paddle:hover, floating-action-button.paddle:focus, floating-action-button.paddle:active {
    background: url("/images/branding/icon-paddle-bidin-green-reverted-hover.svg") no-repeat center center;
    background-color: transparent; }
  floating-action-button.paddle .material-icons {
    margin-left: auto;
    margin-right: auto; }
  floating-action-button.paddle .fab-button {
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0; }
    floating-action-button.paddle .fab-button:hover, floating-action-button.paddle .fab-button:focus, floating-action-button.paddle .fab-button:active {
      background: transparent;
      box-shadow: none;
      border: none; }

custom-button.button-icon button {
  min-width: 30px;
  padding: 0; }

.multi-delete {
  border-radius: 3px;
  color: #ffffff;
  background-color: #de6764;
  position: absolute;
  top: 5px;
  left: 7px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  font-weight: 600; }
  .multi-delete:hover {
    background-color: #d9534f; }

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0; }

/*fix for safari - text hidden bug #5972 */
input, textarea {
  -webkit-transform: translateZ(0); }

.animation-page-fadein {
  animation: keyframe-fadein 0.3s ease-in; }

.animation-page-zoomin {
  animation: keyframe-zoomin 0.3s ease-in; }

.animation-page-slide-bottom {
  animation: keyframe-slide-bottom 0.3s ease, keyframe-fadein 0.3s ease; }

.animation-page-slide-top {
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-zoomin-top-right {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top right; }

.animation-zoomin-top-center {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top center; }

@keyframes keyframe-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes keyframe-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes keyframe-zoomin {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes keyframe-zoomout {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.7);
    opacity: 0; } }

@keyframes keyframe-slide-top {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0); } }

@keyframes keyframe-slide-bottom {
  0% {
    transform: translateY(30px); }
  100% {
    transform: translateY(0); } }

@keyframes keyframe-slide {
  0% {
    transform: translateX(500px); }
  14.28% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes pulse {
  0% {
    transform: scale(0.7);
    opacity: 0.0; }
  25% {
    transform: scale(0.9);
    opacity: 0.2; }
  50% {
    transform: scale(1.15);
    opacity: 0.7; }
  75% {
    transform: scale(1.3);
    opacity: 0.9; }
  100% {
    transform: scale(1.35);
    opacity: 0.0; } }

@keyframes moves {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-3px); }
  50% {
    transform: translateX(-5px); }
  75% {
    transform: translateX(-3px); }
  100% {
    transform: translateX(0); } }

@keyframes move-vertical {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(3px); }
  50% {
    transform: translateY(5px); }
  75% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0); } }

@keyframes show {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 1;
    visibility: visible; } }

custom-button {
  display: block; }
  custom-button button {
    position: relative;
    width: inherit;
    height: 30px;
    padding: 0 16px;
    line-height: 30px;
    background-color: #62be71;
    border: none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    text-decoration: none;
    text-align: center;
    vertical-align: middle; }
    custom-button button .value {
      font-weight: 600; }
      custom-button button .value .material-icons {
        vertical-align: middle; }
    @media only screen and (min-width: 1024px) {
      custom-button button:hover {
        box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); } }
    custom-button button:focus {
      box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); }
    custom-button button:active:not(.disabled) {
      box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); }
    custom-button button.disabled {
      background-color: rgba(130, 130, 130, 0.12);
      color: rgba(0, 0, 0, 0.26);
      cursor: not-allowed; }
    custom-button button.loading .loader {
      height: 30px; }
    custom-button button.loading .value {
      opacity: 0; }
  custom-button.danger button:not(.disabled) {
    background-color: #d9534f; }
    custom-button.danger button:not(.disabled):hover, custom-button.danger button:not(.disabled):active {
      background-color: #d43f3a; }
    custom-button.danger button:not(.disabled):focus {
      background-color: #d2322d; }
  custom-button.warning button:not(.disabled) {
    background-color: #f0ad4e; }
    custom-button.warning button:not(.disabled):hover, custom-button.warning button:not(.disabled):active {
      background-color: #eea236; }
    custom-button.warning button:not(.disabled):focus {
      background-color: #ed9c28; }
  custom-button.secondary button:not(.disabled) {
    background-color: #d8d8d8;
    color: #6d6d6d; }
    custom-button.secondary button:not(.disabled):hover, custom-button.secondary button:not(.disabled):active {
      background-color: #cbcbcb; }
    custom-button.secondary button:not(.disabled):focus {
      background-color: #c4c4c4; }
  custom-button.icon-btn button {
    min-width: initial;
    padding: 0 5px; }
  custom-button.margin-top button {
    margin-top: 10px; }
  custom-button.margin-bottom button {
    margin-bottom: 10px; }
  custom-button.margin-left button {
    margin-left: 10px; }
  custom-button.margin-left-5 button {
    margin-left: 5px; }
  custom-button.margin-right button {
    margin-right: 10px; }
  custom-button.margin-right-5 button {
    margin-right: 5px; }
  custom-button.no-hover button:hover {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); }

.edit {
  color: #5cb85c;
  cursor: pointer; }
  .edit:hover, .edit:active, .edit:focus {
    color: #449d44; }

.delete {
  color: #d9534f;
  cursor: pointer; }
  .delete:hover, .delete:active, .delete:focus {
    color: #c9302c; }

carousel {
  display: block; }
  carousel .carousel {
    position: relative; }
    carousel .carousel .carousel-content {
      white-space: nowrap;
      /* important */
      width: 100%;
      overflow: hidden; }
      carousel .carousel .carousel-content .carousel-item-horizontal {
        display: inline-block;
        width: 100%; }
      carousel .carousel .carousel-content .carousel-item-vertical {
        display: block;
        width: 100%; }
    carousel .carousel .carousel-controls {
      width: 100%;
      position: absolute;
      top: calc(50% - 23px);
      /*must be half of control font-size*/ }
      carousel .carousel .carousel-controls .control-left, carousel .carousel .carousel-controls .control-right {
        font-size: 46px;
        background-color: rgba(0, 0, 0, 0.2);
        color: #ffffff;
        opacity: 0.6; }
        carousel .carousel .carousel-controls .control-left:hover:not(.disabled), carousel .carousel .carousel-controls .control-right:hover:not(.disabled) {
          background-color: rgba(255, 255, 255, 0.3);
          opacity: 1;
          cursor: pointer; }
        carousel .carousel .carousel-controls .control-left.disabled, carousel .carousel .carousel-controls .control-right.disabled {
          color: rgba(255, 255, 255, 0.2);
          cursor: not-allowed; }
      carousel .carousel .carousel-controls .control-left:hover {
        border-radius: 0 3px 3px 0; }
      carousel .carousel .carousel-controls .control-right:hover {
        border-radius: 3px 0 0 3px; }
    carousel .carousel .carousel-pagination {
      position: relative;
      bottom: 40px;
      display: inline-flex;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 5px 10px;
      border-radius: 5px;
      margin: 0 auto; }
      carousel .carousel .carousel-pagination .pagination-container {
        max-width: 100%;
        display: flex;
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap; }
        carousel .carousel .carousel-pagination .pagination-container .pagination-item {
          border-radius: 50px;
          border: 1px solid #ffffff;
          margin: 4px;
          width: 10px;
          height: 10px;
          cursor: pointer; }
          carousel .carousel .carousel-pagination .pagination-container .pagination-item.is-active {
            background-color: #ffffff; }

chart {
  position: relative; }
  chart .chart {
    width: 100%; }
    chart .chart[type='donut'] .c3-chart-arc path {
      stroke: transparent;
      stroke-width: 0; }
    chart .chart[type='donut'] .c3-chart-arc text {
      font-family: 'Open Sans', sans-serif; }
  chart .no-results {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    color: #f0ad4e;
    font-size: 1.4rem; }
    chart .no-results i, chart .no-results span {
      line-height: 22px; }
    chart .no-results i {
      font-size: 2rem; }
    chart .no-results span {
      padding-left: 5px; }

legend {
  width: 100%; }
  legend ul li.row {
    flex-wrap: nowrap;
    margin-bottom: 8px; }
    legend ul li.row .indicator {
      width: 2rem;
      height: 2rem;
      min-width: 2rem;
      min-height: 2rem;
      align-self: flex-start; }
    legend ul li.row .label {
      padding-left: 5px;
      font-size: 1.6rem;
      line-height: 2rem; }

check-box {
  display: block; }
  check-box .checkbox .checkbox-value {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer; }
    check-box .checkbox .checkbox-value .checkbox-box {
      position: relative;
      width: 20px;
      height: 20px;
      background-color: #fbfbfb;
      border-radius: 2px;
      border: 1px solid #dddddd;
      cursor: pointer;
      transition: background 0.15s linear;
      -webkit-transition: background 0.15s linear;
      flex-shrink: 0; }
      check-box .checkbox .checkbox-value .checkbox-box:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 12px;
        height: 7px;
        border: 3px solid #ffffff;
        border-top: none;
        border-right: none;
        background: transparent;
        transform: rotate(-55deg) scale(0); }
    check-box .checkbox .checkbox-value .checkbox-text {
      padding-left: 7px;
      color: #4a4a4a; }
    check-box .checkbox .checkbox-value.checked .checkbox-box {
      background-color: #62be71;
      border: 1px solid #62be71; }
      check-box .checkbox .checkbox-value.checked .checkbox-box:after {
        transition: transform 0.15s ease;
        -webkit-transition: transform 0.15s ease;
        transform: rotate(-55deg) scale(1); }
  check-box .checkbox .checkbox-input {
    display: none; }
  check-box .checkbox.readonly .checkbox-value .checkbox-box {
    background-color: transparent;
    border: none;
    cursor: default; }
  check-box .checkbox.readonly .checkbox-value .checkbox-text {
    color: #9c9c9c; }
  check-box .checkbox.readonly .checkbox-value.checked .checkbox-box {
    background-color: transparent;
    border: none; }
    check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after {
      border: 3px solid #62be71;
      border-top: none;
      border-right: none; }
  check-box .checkbox.disabled .checkbox-value {
    cursor: not-allowed; }
    check-box .checkbox.disabled .checkbox-value .checkbox-box {
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      cursor: not-allowed; }
    check-box .checkbox.disabled .checkbox-value .checkbox-text {
      color: #9c9c9c; }
    check-box .checkbox.disabled .checkbox-value.checked .checkbox-box {
      background-color: #f3f3f3;
      border: 1px solid #dddddd; }
      check-box .checkbox.disabled .checkbox-value.checked .checkbox-box:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 12px;
        height: 7px;
        border: 3px solid #a9a9a9;
        border-top: none;
        border-right: none;
        background: transparent;
        transform: rotate(-55deg); }
  check-box.margin-bottom .checkbox {
    margin-bottom: 10px; }
  check-box.margin-left .checkbox {
    margin-left: 10px; }
  check-box.margin-right .checkbox {
    margin-right: 10px; }

color-picker .color-picker-label .color-picker-label-text {
  color: #9e9e9e; }

color-picker .color-picker-label .color-picker-label-info {
  position: relative;
  height: 20px;
  padding-left: 3px; }
  color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #9e9e9e;
    cursor: pointer; }
    color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon:hover {
      color: #6b6b6b; }
      color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon:hover + .color-picker-label-info-tooltip {
        display: block; }
  color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip {
    display: none;
    position: absolute;
    top: -36px;
    left: -4px;
    padding: 5px 8px;
    font-size: 1.4rem;
    background-color: #1a1d27;
    color: #FFFFFF;
    white-space: nowrap;
    z-index: 2;
    border-radius: 2px; }
    color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip:after {
      position: absolute;
      left: 8px;
      bottom: -14px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      pointer-events: none; }
    color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip:after {
      border-top-color: #1a1d27;
      border-width: 7px; }

color-picker .container-popup {
  position: absolute;
  z-index: 999;
  background: #ece8e8;
  border-radius: 4px;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #ddd;
  border-radius: 2px; }
  @media only screen and (min-width: 480px) {
    color-picker .container-popup {
      width: 260px; } }
  @media only screen and (min-width: 768px) {
    color-picker .container-popup {
      width: 460px; } }
  @media only screen and (min-width: 1024px) {
    color-picker .container-popup {
      width: 520px; } }
  @media only screen and (min-width: 1200px) {
    color-picker .container-popup {
      width: 600px; } }
  color-picker .container-popup .color-picker-input .custom-text-box-style .textbox .textbox-value {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 10px;
    font-weight: bold; }
  color-picker .container-popup .color-picker-palette-container .color-palette {
    position: relative;
    height: 175px; }
    color-picker .container-popup .color-picker-palette-container .color-palette canvas {
      width: 100%;
      height: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      user-select: none; }
    color-picker .container-popup .color-picker-palette-container .color-palette .color-pointer {
      height: 20px;
      width: 20px;
      border: 2px #fff solid;
      border-radius: 22px;
      position: absolute;
      cursor: pointer;
      z-index: 10;
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.35); }
    color-picker .container-popup .color-picker-palette-container .color-palette.hidden {
      display: none; }
  color-picker .container-popup .color-picker-palette-container .slider {
    outline: none;
    margin: 0 16px 0 16px;
    min-width: 100px;
    position: relative;
    height: 52px;
    display: block; }
  color-picker .container-popup .color-picker-palette-container .slider > div {
    display: flex;
    flex-direction: row; }
  color-picker .container-popup .color-picker-palette-container .slider > div > div {
    margin: 0 16px 0 16px;
    min-width: 100px;
    position: relative;
    height: 52px;
    display: block;
    outline: none; }
  color-picker .container-popup .color-picker-palette-container .slider-backrgound {
    position: absolute;
    top: 21px;
    height: 8px;
    width: 100%;
    border-radius: 20px;
    background: -webkit-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: -moz-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: -o-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red); }
  color-picker .container-popup .color-picker-palette-container .after-slider-background {
    position: relative;
    top: 14px;
    height: 20px;
    cursor: pointer; }
  color-picker .container-popup .color-picker-palette-container .slider-cursor {
    position: absolute;
    height: 20px;
    width: 20px;
    left: -10px;
    border: 2px white solid;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer; }

color-picker.margin-bottom .color-picker {
  margin-bottom: 10px; }

color-picker.hasValidationError .color-picker .color-picker-value {
  border-bottom: 1px solid #d9534f; }
  color-picker.hasValidationError .color-picker .color-picker-value:focus {
    border-bottom: 1px solid #d9534f; }

color-picker.required label:after {
  content: "*";
  padding-left: 1px;
  color: #d9534f; }

combo-box {
  display: block;
  position: relative;
  min-width: 60px; }
  combo-box .combobox .combobox-label .combobox-label-text {
    color: #9e9e9e; }
  combo-box .combobox .combobox-label .combobox-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon:hover {
        color: #6b6b6b; }
        combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon:hover + .combobox-label-info-tooltip {
          display: block; }
    combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  combo-box .combobox .combobox-value {
    position: relative;
    height: 30px;
    padding: 0 4px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color: #fbfbfb;
    cursor: pointer; }
    combo-box .combobox .combobox-value .combobox-input {
      width: 100%;
      opacity: 0;
      visibility: hidden;
      cursor: text; }
      combo-box .combobox .combobox-value .combobox-input .textbox .textbox-value {
        padding: 0;
        border: none;
        background-color: transparent; }
        combo-box .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input {
          padding: 0; }
    combo-box .combobox .combobox-value .combobox-value-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0 30px 0 5px;
      line-height: 28px;
      white-space: nowrap;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis; }
      combo-box .combobox .combobox-value .combobox-value-text.placeholder {
        color: #c4c4c4;
        line-height: 30px; }
    combo-box .combobox .combobox-value .combobox-icon {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      color: #adadad;
      vertical-align: baseline;
      line-height: 30px;
      text-align: center;
      transition: transform 0.3s ease, color 0.3s ease; }
      @media only screen and (min-width: 1024px) {
        combo-box .combobox .combobox-value .combobox-icon:hover {
          color: #949494; } }
      combo-box .combobox .combobox-value .combobox-icon.dropdown-open {
        transform: rotate(180deg);
        color: #62be71; }
        @media only screen and (min-width: 1024px) {
          combo-box .combobox .combobox-value .combobox-icon.dropdown-open:hover {
            color: #45a855; } }
    combo-box .combobox .combobox-value.editing .combobox-input {
      opacity: 1;
      visibility: visible; }
    combo-box .combobox .combobox-value.editing .combobox-value-text {
      opacity: 0;
      visibility: collapse; }
    combo-box .combobox .combobox-value .combobox-dropdown-adorned {
      display: block;
      position: absolute;
      left: -1px;
      right: -1px;
      bottom: 0; }
  combo-box .combobox .dropdown {
    display: block;
    position: relative;
    width: 100%;
    overflow: visible;
    visibility: hidden;
    z-index: -1; }
    combo-box .combobox .dropdown.visible {
      z-index: 999;
      visibility: visible; }
      combo-box .combobox .dropdown.visible .container {
        display: block;
        visibility: visible;
        opacity: 1; }
    combo-box .combobox .dropdown .container {
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      margin-top: 3px;
      border: 1px solid #dddddd;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      transform: scale(1); }
      combo-box .combobox .dropdown .container ul {
        max-height: 250px;
        padding: 0;
        overflow-y: auto;
        opacity: 1; }
        @media only screen and (min-width: 375px) {
          combo-box .combobox .dropdown .container ul {
            max-height: 280px; } }
        @media only screen and (min-width: 480px) {
          combo-box .combobox .dropdown .container ul {
            max-height: 300px; } }
        combo-box .combobox .dropdown .container ul li {
          height: auto;
          padding: 0 5px;
          line-height: 30px;
          opacity: 1; }
          @media only screen and (min-width: 1024px) {
            combo-box .combobox .dropdown .container ul li:hover {
              background-color: #eee; } }
          combo-box .combobox .dropdown .container ul li.focused {
            background-color: #62be71;
            color: #ffffff; }
  combo-box .combobox.disabled .combobox-value {
    cursor: not-allowed;
    background: #f3f3f3;
    border: 1px solid #dddddd; }
    combo-box .combobox.disabled .combobox-value .combobox-value-text {
      color: #9c9c9c; }
    combo-box .combobox.disabled .combobox-value .combobox-icon {
      display: none; }
  combo-box .combobox.readonly .combobox-value {
    cursor: default;
    padding: 0;
    background: transparent;
    border: none; }
    combo-box .combobox.readonly .combobox-value .combobox-value-text {
      padding: 0;
      color: #4a4a4a; }
    combo-box .combobox.readonly .combobox-value .combobox-icon {
      display: none; }
  combo-box.margin-bottom .combobox {
    margin-bottom: 10px; }
  combo-box.hasValidationError .combobox .comboboxinput {
    border-bottom: 1px solid #d9534f; }
    combo-box.hasValidationError .combobox .comboboxinput:focus {
      border-bottom: 1px solid #d9534f; }
  combo-box.required .combobox .combobox-label .combobox-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.combobox-dropdown {
  display: none;
  position: relative;
  width: 100%;
  padding: 3px 0;
  overflow: visible; }
  .combobox-dropdown.visible {
    display: block; }
    .combobox-dropdown.visible .combobox-dropdown-items {
      display: block; }
  .combobox-dropdown .combobox-dropdown-items {
    display: none;
    position: relative;
    width: 100%;
    max-height: 250px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto; }
    @media only screen and (min-width: 375px) {
      .combobox-dropdown .combobox-dropdown-items {
        max-height: 280px; } }
    @media only screen and (min-width: 480px) {
      .combobox-dropdown .combobox-dropdown-items {
        max-height: 300px; } }
    .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item {
      min-height: 30px;
      padding: 6px 5px;
      line-height: 18px;
      cursor: pointer;
      user-select: none; }
      @media only screen and (min-width: 1024px) {
        .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item:hover {
          background-color: #eee; } }
      .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item.focused {
        background-color: #62be71;
        color: #ffffff; }

data-grid {
  display: flex;
  flex-direction: column;
  min-height: 0; }
  data-grid .datagrid {
    position: relative;
    min-height: 0; }
    data-grid .datagrid .filter-icon {
      width: 34px;
      height: 28px;
      display: inline-block;
      background-image: url("/images/icons/icon-filter.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
      cursor: pointer;
      position: absolute;
      top: -38px;
      right: 0;
      z-index: 1;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        data-grid .datagrid .filter-icon {
          background-image: url("/images/icons/icon-filter-white.svg");
          top: 2px;
          right: 2px; } }
      data-grid .datagrid .filter-icon.filters-show {
        background-image: url("/images/icons/icon-filter-active.svg"); }
        @media only screen and (min-width: 768px) {
          data-grid .datagrid .filter-icon.filters-show {
            background-image: url("/images/icons/icon-filter-white-active.svg"); } }
    data-grid .datagrid .datagrid-content {
      position: relative; }
      data-grid .datagrid .datagrid-content table.datagrid-table {
        width: 100%;
        transform-style: preserve-3d;
        border-collapse: separate;
        display: block; }
        @media only screen and (min-width: 768px) {
          data-grid .datagrid .datagrid-content table.datagrid-table {
            display: table; } }
        data-grid .datagrid .datagrid-content table.datagrid-table.grouped-table {
          table-layout: fixed; }
        data-grid .datagrid .datagrid-content table.datagrid-table thead {
          display: none; }
          @media only screen and (min-width: 768px) {
            data-grid .datagrid .datagrid-content table.datagrid-table thead {
              display: table-header-group;
              border-left: 1px solid #62be71;
              border-right: 1px solid #62be71; } }
          data-grid .datagrid .datagrid-content table.datagrid-table thead tr {
            display: block; }
            @media only screen and (min-width: 768px) {
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr {
                display: table-row; } }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr:first-of-type {
              display: none; }
              @media only screen and (min-width: 768px) {
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr:first-of-type {
                  display: table-row; } }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th {
              vertical-align: top; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th:last-of-type .th-title .th-title-sort {
                margin-right: 30px; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip:hover .preview-tooltip {
                visibility: visible;
                opacity: 1; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip .preview-tooltip {
                visibility: hidden;
                position: absolute;
                top: -25px;
                left: 0px;
                padding: 8px 10px;
                font-size: 1.2rem;
                line-height: 1.2rem;
                font-weight: bold;
                background-color: #1a1d27;
                color: #ffffff;
                white-space: nowrap;
                z-index: 2;
                border-radius: 2px;
                transition: opacity;
                opacity: 0; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip .preview-tooltip:after {
                  position: absolute;
                  bottom: -14px;
                  left: 10px;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none;
                  border-top-color: #1a1d27;
                  border-width: 7px; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip:hover:after {
                display: none; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title {
                height: 32px;
                line-height: 32px;
                position: relative;
                background-color: #62be71;
                font-weight: bold;
                cursor: pointer;
                text-align: left;
                display: flex;
                flex-direction: row;
                align-items: center;
                flex-wrap: wrap;
                color: #ffffff;
                border-left: 1px solid #86cd92; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-text {
                  flex: 1;
                  padding-left: 5px;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-sort {
                  white-space: nowrap; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-sort i {
                    display: block;
                    cursor: pointer; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th:first-child .th-title {
                border-left: none; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .datepicker thead {
                border: 0; }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row {
              background-color: #ffffff; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th {
                font-weight: normal; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container {
                  border: 1px solid #e2e2e2;
                  border-bottom: 0;
                  display: block; }
                  @media only screen and (min-width: 768px) {
                    data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container {
                      display: table-cell;
                      border-left: 1px solid #e2e2e2;
                      border-bottom: 1px solid #efefef;
                      border-right: 0;
                      border-top: 0; } }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container:last-child {
                    border-right: 1px solid #e2e2e2;
                    border-bottom: 1px solid #efefef; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container.overflow-auto {
                    overflow: initial;
                    animation: 2s delay-overflow; }

@keyframes delay-overflow {
  from {
    overflow: hidden; }
  to {
    overflow: initial; } }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container.overflow-hidden {
                    overflow: hidden; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter {
                    height: calc(100% - 26px);
                    padding: 3px;
                    display: block !important; }
                    data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter:first-child .datagrid-filter {
                      border-left: none; }
                    data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter.filters-show {
                      margin-top: 0px;
                      opacity: 1;
                      transition: margin-top 0.25s ease-in-out, opacity 0.1s linear; }
                    data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter.filters-hide {
                      margin-top: -100%;
                      opacity: 0;
                      transition: margin-top 0.25s ease-in-out, opacity 0.1s linear;
                      padding-bottom: 0;
                      padding-top: 0; }
                    data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter date-picker:first-child {
                      margin-bottom: 3px; }
        data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
          display: block;
          transform: translate3d(0, 0, 0); }
          @media only screen and (min-width: 768px) {
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
              display: table-row-group;
              border-left: 1px solid #dddddd;
              border-right: 1px solid #dddddd; } }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody.is-loading tr {
            opacity: 0.3; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.group-row:nth-of-type(even) {
            background-color: #ebebeb; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.group-row i.expander-icon {
            cursor: pointer;
            margin: -1px;
            /*because the material icon has a 1px whitespace on the sides*/ }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr {
            display: block;
            margin-bottom: 20px;
            border-top: 5px solid #62be71;
            border-left: 1px solid #efefef;
            border-right: 1px solid #efefef; }
            @media only screen and (min-width: 768px) {
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr {
                display: table-row;
                margin-bottom: 0;
                border: none; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.odd {
                  background: #FFFFFF; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.even {
                  background: #f8f8f8; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:not(.no-styles):hover {
                  background-color: #eee;
                  color: #000000;
                  cursor: pointer; } }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row {
              background-color: rgba(98, 190, 113, 0.5); }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row:hover {
                background-color: rgba(98, 190, 113, 0.7); }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row td {
                border-color: rgba(98, 190, 113, 0.1);
                color: #000000; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:last-child {
              margin-bottom: 0; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
              display: block;
              padding: 5px;
              font-weight: normal;
              border-bottom: 1px solid #efefef;
              width: auto !important; }
              @media only screen and (min-width: 768px) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                  display: table-cell;
                  padding: 5px;
                  border-left: 1px solid #efefef; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th:first-child, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td:first-child {
                border-left: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th:last-child, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td:last-child {
                border-right: 0; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th[scope="row"] {
              background-color: #62be71;
              color: #ffffff;
              font-weight: bold; }
              @media only screen and (min-width: 768px) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th[scope="row"] {
                  background-color: transparent;
                  color: #4a4a4a;
                  font-weight: normal; } }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
              min-height: 30px;
              text-align: right;
              word-wrap: break-word; }
              @media only screen and (min-width: 768px) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                  min-height: none;
                  text-align: left; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] i {
                  vertical-align: middle;
                  color: #d9534f;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="remove"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="remove"] i {
                  vertical-align: middle;
                  color: #d9534f;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"] i {
                  vertical-align: middle;
                  color: #5cb85c;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] {
                padding: 0; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] .checkbox .checkbox-value {
                  padding: 5px 0; }
                  data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] .checkbox .checkbox-value .checkbox-box {
                    margin-left: auto;
                    margin-right: auto; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-type="6"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-type="6"] i {
                  vertical-align: middle; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-title]:before {
                content: attr(data-title);
                float: left;
                opacity: 0.7; }
                @media only screen and (min-width: 768px) {
                  data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-title]:before {
                    content: none; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td .datepicker .readonly {
                height: initial;
                line-height: initial; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable {
            border-bottom: 1px solid #efefef; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable .td-expandable {
              padding: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable .td-expandable th {
                padding: 0;
                border-left: 0; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .placeholder {
            border-bottom: 1px solid #efefef; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .placeholder .text-no-items {
              text-align: center;
              height: 40px;
              line-height: 40px; }
        data-grid .datagrid .datagrid-content table.datagrid-table tfoot.tfoot {
          border: 1px solid #dddddd;
          border-bottom: none; }
          data-grid .datagrid .datagrid-content table.datagrid-table tfoot.tfoot tr td {
            padding: 5px;
            font-weight: bold; }
      data-grid .datagrid .datagrid-content .datagrid-loading-overlay {
        background-color: rgba(255, 255, 255, 0.7);
        cursor: wait; }
        @media only screen and (min-width: 768px) {
          data-grid .datagrid .datagrid-content .datagrid-loading-overlay {
            display: flex;
            position: absolute;
            top: 32px;
            left: 1px;
            right: 1px;
            bottom: 1px; } }
    data-grid .datagrid .datagrid-footer {
      min-height: 41px;
      padding: 5px;
      flex-shrink: 0;
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      border-top: none; }
      @media only screen and (min-width: 768px) {
        data-grid .datagrid .datagrid-footer {
          flex-wrap: nowrap; } }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .label {
        display: none;
        padding-right: 8px; }
        @media only screen and (min-width: 768px) {
          data-grid .datagrid .datagrid-footer .datagrid-page-count .label {
            display: inline-block; } }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .combobox-page-count {
        width: 80px; }
      data-grid .datagrid .datagrid-footer .datagrid-pagination {
        display: inline-flex;
        margin-top: 10px;
        align-items: center; }
        @media only screen and (min-width: 768px) {
          data-grid .datagrid .datagrid-footer .datagrid-pagination {
            flex-basis: auto;
            margin-top: 0; } }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .textbox-current-page {
          width: 40px;
          margin-left: 5px; }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .page-current {
          padding-left: 5px; }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .page-of {
          padding: 0 5px; }
  data-grid.fixed-layout .datagrid .datagrid-content > table {
    table-layout: fixed; }
  data-grid.scrollable-content .datagrid {
    flex-grow: 1; }
    data-grid.scrollable-content .datagrid .datagrid-content {
      flex-grow: 1;
      overflow-x: hidden;
      overflow-y: auto; }
      @media only screen and (min-width: 768px) {
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          background-color: transparent; }
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar-thumb {
          background-color: #cecece;
          border-radius: 2.5px; } }
  data-grid.margin-bottom .datagrid {
    margin-bottom: 10px; }

.datagrid-uploading-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 46px;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: wait; }

date-picker {
  display: block; }
  date-picker .datepicker .datepicker-label .datepicker-label-text {
    color: #9e9e9e; }
  date-picker .datepicker .datepicker-label .datepicker-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon:hover {
        color: #6b6b6b; }
        date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon:hover + .datepicker-label-info-tooltip {
          display: block; }
    date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  date-picker .datepicker .datepicker-value {
    position: relative; }
    date-picker .datepicker .datepicker-value .datepicker-input {
      flex-grow: 1;
      height: 30px;
      padding: 5px 30px 5px 5px;
      outline: none;
      border: 1px solid #dddddd;
      max-width: 100%;
      border-radius: 2px 0 0 2px;
      font-size: 1.4rem;
      font-family: 'Open Sans', sans-serif;
      background: #fbfbfb;
      outline: none; }
      date-picker .datepicker .datepicker-value .datepicker-input::-webkit-input-placeholder {
        color: #c4c4c4; }
      date-picker .datepicker .datepicker-value .datepicker-input:-ms-input-placeholder {
        color: #c4c4c4; }
      date-picker .datepicker .datepicker-value .datepicker-input::input-placeholder {
        color: #c4c4c4; }
    date-picker .datepicker .datepicker-value .datepicker-button {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      min-width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer; }
      date-picker .datepicker .datepicker-value .datepicker-button .datepicker-icon {
        color: #adadad;
        vertical-align: baseline;
        font-size: 22px;
        line-height: 30px; }
        date-picker .datepicker .datepicker-value .datepicker-button .datepicker-icon:hover {
          color: #949494; }
  date-picker .datepicker.disabled .datepicker-value .datepicker-input {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 2px;
    color: #9c9c9c;
    cursor: not-allowed; }
  date-picker .datepicker.disabled .datepicker-value .datepicker-button {
    display: none; }
  date-picker .datepicker .readonly {
    height: 30px;
    line-height: 30px;
    cursor: default; }
  date-picker.margin-bottom .datepicker {
    margin-bottom: 10px; }
  date-picker.error-validation .datepicker .datepicker-value .datepicker-input {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input::-webkit-input-placeholder {
      color: #e27c79; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input:-ms-input-placeholder {
      color: #e27c79; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input::input-placeholder {
      color: #e27c79; }
  date-picker.error-validation .datepicker .datepicker-value .datepicker-button .datepicker-icon {
    color: #d9534f; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-button .datepicker-icon:hover {
      color: #c9302c; }
  date-picker.required .datepicker .datepicker-label .datepicker-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.date-picker .collapse {
  display: none;
  visibility: hidden; }

.date-picker .collapse.in {
  display: block;
  visibility: visible; }

.date-picker tr.collapse.in {
  display: table-row; }

.date-picker tbody.collapse.in {
  display: table-row-group; }

.date-picker .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  transition-property: height,visibility; }

.date-picker .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.date-picker .dropdown {
  position: relative; }

.date-picker .dropdown-toggle:focus {
  outline: 0; }

.date-picker .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #dddddd;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
  .date-picker .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .date-picker .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #fbfbfb; }

.date-picker .pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.date-picker .datetimepicker, .date-picker .datepicker, .date-picker .picker-switch, .date-picker .timepicker-picker {
  position: relative; }
  .date-picker .datetimepicker .glyphicon, .date-picker .datepicker .glyphicon, .date-picker .picker-switch .glyphicon, .date-picker .timepicker-picker .glyphicon {
    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;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased; }
  .date-picker .datetimepicker .glyphicon-time::after, .date-picker .datepicker .glyphicon-time::after, .date-picker .picker-switch .glyphicon-time::after, .date-picker .timepicker-picker .glyphicon-time::after {
    content: 'alarm'; }
  .date-picker .datetimepicker .glyphicon-calendar::after, .date-picker .datepicker .glyphicon-calendar::after, .date-picker .picker-switch .glyphicon-calendar::after, .date-picker .timepicker-picker .glyphicon-calendar::after {
    content: 'today'; }
  .date-picker .datetimepicker .glyphicon-chevron-up::after, .date-picker .datepicker .glyphicon-chevron-up::after, .date-picker .picker-switch .glyphicon-chevron-up::after, .date-picker .timepicker-picker .glyphicon-chevron-up::after {
    content: 'keyboard_arrow_up'; }
  .date-picker .datetimepicker .glyphicon-chevron-down::after, .date-picker .datepicker .glyphicon-chevron-down::after, .date-picker .picker-switch .glyphicon-chevron-down::after, .date-picker .timepicker-picker .glyphicon-chevron-down::after {
    content: 'keyboard_arrow_down'; }
  .date-picker .datetimepicker .glyphicon-chevron-left::after, .date-picker .datepicker .glyphicon-chevron-left::after, .date-picker .picker-switch .glyphicon-chevron-left::after, .date-picker .timepicker-picker .glyphicon-chevron-left::after {
    content: 'keyboard_arrow_left'; }
  .date-picker .datetimepicker .glyphicon-chevron-right::after, .date-picker .datepicker .glyphicon-chevron-right::after, .date-picker .picker-switch .glyphicon-chevron-right::after, .date-picker .timepicker-picker .glyphicon-chevron-right::after {
    content: 'keyboard_arrow_right'; }
  .date-picker .datetimepicker .glyphicon-screenshot::after, .date-picker .datepicker .glyphicon-screenshot::after, .date-picker .picker-switch .glyphicon-screenshot::after, .date-picker .timepicker-picker .glyphicon-screenshot::after {
    content: 'gps_fixed'; }

.date-picker .sr-only, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .date-picker .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .date-picker .bootstrap-datetimepicker-widget .picker-switch::after, .date-picker .bootstrap-datetimepicker-widget table th.prev::after, .date-picker .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.date-picker .bootstrap-datetimepicker-widget {
  list-style: none;
  color: #4a4a4a; }
  .date-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em; }
    @media (min-width: 768px) {
      .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 992px) {
      .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 1200px) {
      .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu:before, .date-picker .bootstrap-datetimepicker-widget.dropdown-menu:after {
      content: '';
      display: inline-block;
      position: absolute; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #e6e6e6;
      top: -7px;
      left: 7px; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #ffffff;
      top: -6px;
      left: 8px; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #e6e6e6;
      bottom: -7px;
      left: 6px; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #ffffff;
      bottom: -6px;
      left: 7px; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
      left: auto;
      right: 6px; }
    .date-picker .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
      left: auto;
      right: 7px; }
  .date-picker .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  .date-picker .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0; }
  .date-picker .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none; }
  .date-picker .bootstrap-datetimepicker-widget .timepicker-hour, .date-picker .bootstrap-datetimepicker-widget .timepicker-minute, .date-picker .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1.4rem; }
  .date-picker .bootstrap-datetimepicker-widget .timepicker-hour, .date-picker .bootstrap-datetimepicker-widget .timepicker-minute, .date-picker .bootstrap-datetimepicker-widget .timepicker-second, .date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-down, .date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-up, .date-picker .bootstrap-datetimepicker-widget .glyphicon-calendar, .date-picker .bootstrap-datetimepicker-widget .glyphicon-calendar,
  .date-picker .bootstrap-datetimepicker-widget .glyphicon-time, .date-picker .bootstrap-datetimepicker-widget .glyphicon-screenshot, .date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-right, .date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  .date-picker .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"; }
  .date-picker .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"; }
  .date-picker .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center; }
    .date-picker .bootstrap-datetimepicker-widget .picker-switch::after {
      content: "Toggle Date and Time Screens"; }
    .date-picker .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit; }
      .date-picker .bootstrap-datetimepicker-widget .picker-switch td span {
        width: 100%; }
  .date-picker .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
    .date-picker .bootstrap-datetimepicker-widget table td, .date-picker .bootstrap-datetimepicker-widget table th {
      text-align: center;
      border-radius: 2px 2px 2px 2px; }
    .date-picker .bootstrap-datetimepicker-widget table th {
      height: 20px;
      line-height: 20px;
      width: 20px; }
      .date-picker .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px; }
      .date-picker .bootstrap-datetimepicker-widget table th.disabled, .date-picker .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      .date-picker .bootstrap-datetimepicker-widget table th.prev::after {
        content: "Previous Month"; }
      .date-picker .bootstrap-datetimepicker-widget table th.next::after {
        content: "Next Month"; }
    .date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th {
      cursor: pointer; }
      .date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background: #62be71;
        color: #ffffff; }
    .date-picker .bootstrap-datetimepicker-widget table td {
      height: 30px;
      line-height: 30px;
      width: 30px; }
      .date-picker .bootstrap-datetimepicker-widget table td.cw {
        font-size: .8em;
        height: 30px;
        line-height: 30px;
        color: #3e964c; }
      .date-picker .bootstrap-datetimepicker-widget table td.day {
        height: 30px;
        line-height: 30px;
        width: 30px; }
      .date-picker .bootstrap-datetimepicker-widget table td.day:hover, .date-picker .bootstrap-datetimepicker-widget table td.hour:hover, .date-picker .bootstrap-datetimepicker-widget table td.minute:hover, .date-picker .bootstrap-datetimepicker-widget table td.second:hover, .date-picker .bootstrap-datetimepicker-widget table td.day.weekend:hover {
        background: #62be71;
        cursor: pointer;
        color: #ffffff; }
      .date-picker .bootstrap-datetimepicker-widget table td.old, .date-picker .bootstrap-datetimepicker-widget table td.new {
        color: #a2a2a2; }
      .date-picker .bootstrap-datetimepicker-widget table td.today {
        position: relative; }
        .date-picker .bootstrap-datetimepicker-widget table td.today:before {
          content: '';
          display: inline-block;
          border: solid transparent;
          border-width: 0 0 7px 7px;
          border-bottom-color: #313541;
          border-top-color: #c4c4c4;
          position: absolute;
          bottom: 4px;
          right: 4px; }
      .date-picker .bootstrap-datetimepicker-widget table td.day.weekend {
        color: #62be71; }
      .date-picker .bootstrap-datetimepicker-widget table td.active.day.weekend {
        color: #ffffff; }
      .date-picker .bootstrap-datetimepicker-widget table td.active, .date-picker .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #62be71;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
      .date-picker .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #ffffff; }
      .date-picker .bootstrap-datetimepicker-widget table td.disabled, .date-picker .bootstrap-datetimepicker-widget table td.disabled:hover {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      .date-picker .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        padding: 15px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 3px 3px 3px 3px;
        height: 54px;
        width: 54px; }
        .date-picker .bootstrap-datetimepicker-widget table td span:hover {
          background: #62be71;
          color: #ffffff; }
        .date-picker .bootstrap-datetimepicker-widget table td span.active {
          background-color: #313541;
          color: #ffffff;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
        .date-picker .bootstrap-datetimepicker-widget table td span.old {
          color: #3e964c; }
        .date-picker .bootstrap-datetimepicker-widget table td span.disabled, .date-picker .bootstrap-datetimepicker-widget table td span.disabled:hover {
          background: none;
          color: #b3b3b3;
          cursor: not-allowed; }
        .date-picker .bootstrap-datetimepicker-widget table td span.decade {
          padding: 0; }
        .date-picker .bootstrap-datetimepicker-widget table td span.year {
          padding: 15px 0; }
      .date-picker .bootstrap-datetimepicker-widget table td .btn-period {
        background-color: #62be71;
        color: #ffffff;
        border: none;
        border-radius: 2px;
        position: relative;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
        overflow: hidden;
        will-change: box-shadow;
        outline: none;
        cursor: pointer;
        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);
        text-decoration: none;
        text-align: center;
        vertical-align: middle; }
  .date-picker .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }

.dialogs-host {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 50; }
  .dialogs-host .dialog {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 80;
    overflow: hidden; }
    .dialogs-host .dialog .overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3); }
    .dialogs-host .dialog .dialog-container {
      display: flex;
      min-width: 20%;
      max-width: 80%;
      max-height: 100%;
      z-index: 1; }
      .dialogs-host .dialog .dialog-container .dialog-wrap {
        height: 100%;
        padding: 5px;
        align-items: stretch;
        background-color: #ffffff;
        border-radius: 4px;
        border: 0;
        box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 1px 5px 2px rgba(0, 0, 0, 0.1), 0 5px 10px 4px rgba(0, 0, 0, 0.1); }
        .dialogs-host .dialog .dialog-container .dialog-wrap.width-500 {
          min-width: 500px; }
        .dialogs-host .dialog .dialog-container .dialog-wrap .dialog-header {
          max-height: 50px;
          padding: 5px 5px 20px; }
        .dialogs-host .dialog .dialog-container .dialog-wrap .dialog-footer {
          min-height: 45px;
          padding-bottom: 5px; }
      .dialogs-host .dialog .dialog-container .modal {
        height: auto;
        padding: 10px;
        overflow: auto;
        background: #ffffff;
        border-radius: 4px;
        border: 0;
        box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 1px 5px 2px rgba(0, 0, 0, 0.1), 0 5px 10px 4px rgba(0, 0, 0, 0.1); }
        .dialogs-host .dialog .dialog-container .modal .modal-header {
          border-bottom: 1px solid #dddddd;
          margin-bottom: 20px; }
          .dialogs-host .dialog .dialog-container .modal .modal-header .material-icons {
            color: #f0ad4e;
            font-size: 4rem; }
        .dialogs-host .dialog .dialog-container .modal .modal-content {
          margin: 20px 0; }
        .dialogs-host .dialog .dialog-container .modal .modal-footer custom-button:not(:first-of-type) {
          margin-left: 5px; }

field {
  display: block; }
  field .field {
    width: 100%; }
    field .field .field-label .field-label-text {
      color: #9e9e9e; }
    field .field .field-label .field-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      field .field .field-label .field-label-info .field-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        field .field .field-label .field-label-info .field-label-info-icon:hover {
          color: #6b6b6b; }
          field .field .field-label .field-label-info .field-label-info-icon:hover + .field-label-info-tooltip {
            display: block; }
      field .field .field-label .field-label-info .field-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        field .field .field-label .field-label-info .field-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        field .field .field-label .field-label-info .field-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
    field .field .field-value {
      min-height: 30px; }
  field.margin-bottom .field {
    margin-bottom: 10px; }
  field.required .field .field-label .field-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

floating-action-button {
  position: absolute;
  bottom: 10px;
  right: 10px; }
  floating-action-button .fab-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #62be71;
    color: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    outline: none;
    border: none;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.15); }
    floating-action-button .fab-button:hover {
      background-color: #50b761; }

grid-view {
  display: block; }
  grid-view .odata-bottom {
    padding: 10px 10px 0; }
    grid-view .odata-bottom .odata-page-count .label {
      padding-right: 5px; }
    grid-view .odata-bottom .odata-pagination .pages {
      padding: 0 10px; }

image-uploader {
  display: block; }
  image-uploader .image-uploader .image-uploader-label .image-uploader-label-text {
    color: #9e9e9e; }
  image-uploader .image-uploader .image-uploader-label .image-uploader-label-info {
    position: relative;
    height: 20px; }
    image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      padding-left: 3px;
      color: #9e9e9e;
      cursor: pointer; }
      image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-icon:hover {
        color: #6b6b6b; }
        image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-icon:hover + .image-uploader-label-info-tooltip {
          display: block; }
    image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      image-uploader .image-uploader .image-uploader-label .image-uploader-label-info .image-uploader-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  image-uploader .image-uploader .image-uploader-list {
    margin: 0 -5px; }
    image-uploader .image-uploader .image-uploader-list .image-uploader-img {
      height: 200px;
      position: relative;
      margin-bottom: 5px; }
      image-uploader .image-uploader .image-uploader-list .image-uploader-img .delete-img {
        position: absolute;
        top: 8px;
        right: 14px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.67);
        color: #666666;
        padding: 2px;
        border-radius: 2px; }
        image-uploader .image-uploader .image-uploader-list .image-uploader-img .delete-img:hover {
          background-color: #FFF;
          color: #d9534f; }
      image-uploader .image-uploader .image-uploader-list .image-uploader-img check-box {
        position: absolute;
        top: 5px;
        left: 5px;
        padding-top: 5px;
        padding-left: 10px; }
    image-uploader .image-uploader .image-uploader-list .image-uploader-button {
      height: 200px; }
      image-uploader .image-uploader .image-uploader-list .image-uploader-button .button {
        height: 100%;
        border-radius: 0 2px 2px 0;
        background-color: #e6e8ea;
        border: 1px solid #dddddd;
        cursor: pointer; }
        image-uploader .image-uploader .image-uploader-list .image-uploader-button .button:first-child {
          border-right: none;
          border-radius: 2px 0 0 2px; }
        image-uploader .image-uploader .image-uploader-list .image-uploader-button .button:hover {
          background-color: #d8dbde; }
        image-uploader .image-uploader .image-uploader-list .image-uploader-button .button i {
          font-size: 6rem; }
        image-uploader .image-uploader .image-uploader-list .image-uploader-button .button span {
          padding-top: 5px; }
  image-uploader.margin-bottom .image-uploader-list .image-uploader-img {
    margin-bottom: 10px; }
  image-uploader.margin-bottom .image-uploader-list .image-uploader-button {
    margin-bottom: 10px; }

.oriented-image {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #dddddd;
  background-color: #e6e8ea;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden; }
  .oriented-image.landscape {
    width: 100%;
    background-size: cover !important; }
  .oriented-image.portrait {
    height: 100%;
    background-size: contain !important; }

lookup-control {
  display: block; }
  lookup-control.margin-bottom combo-box {
    margin-bottom: 10px; }
  lookup-control.hasValidationError combo-box .combobox .comboboxinput {
    border-bottom: 1px solid #d9534f; }
    lookup-control.hasValidationError combo-box .combobox .comboboxinput:focus {
      border-bottom: 1px solid #d9534f; }
  lookup-control.required combo-box .combobox .combobox-label .combobox-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

lookup-hierarchy-control {
  display: block; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label {
    color: #9e9e9e; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-text {
      color: #9e9e9e; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon:hover {
          color: #6b6b6b; }
          lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon:hover + .lookup-hierarchy-control-label-info-tooltip {
            display: block; }
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code {
    display: flex;
    width: 60px;
    height: 30px;
    padding: 0 5px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px 0 0 2px;
    outline: none; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code:focus {
      margin-bottom: 0;
      border-bottom: 1px solid #62be71; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input {
    display: flex;
    flex-grow: 1;
    height: 30px;
    padding: 0 5px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-left: none; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button {
    height: 30px;
    padding: 0 10px;
    border-radius: 0 3px 3px 0;
    background-color: #62be71;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button:hover {
        background-color: #45a855; } }
  lookup-hierarchy-control.margin-bottom .lookup-hierarchy-control {
    margin-bottom: 10px; }

.lookup-hierarchy-control-modal .dialog-content {
  min-height: 300px; }
  .lookup-hierarchy-control-modal .dialog-content .list:not(:last-child) {
    margin-right: 10px; }
  .lookup-hierarchy-control-modal .dialog-content .list:last-child .tr-lookup.active .name:after {
    content: ''; }

lookup-hierarchy-list .lookup-hierarchy-list-table {
  min-width: 235px; }
  lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup {
    opacity: 0.7; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup .code {
      width: 60px;
      padding: 0 5px;
      font-size: 1.2rem;
      line-height: 24px;
      text-transform: uppercase;
      text-align: left;
      font-weight: normal; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup .name {
      padding: 0 5px;
      font-size: 1.2rem;
      line-height: 24px;
      text-transform: uppercase;
      text-align: left;
      font-weight: normal; }
  lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup {
    cursor: pointer; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:nth-child(odd) {
      background-color: #f8f8f8; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:nth-child(even) {
      background-color: #fbfbfb; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup .code {
      padding: 0 5px;
      line-height: 30px; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup .name {
      padding: 0 5px;
      line-height: 30px; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:hover {
      background-color: #f0f0f0; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active {
      background-color: #62be71; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active:hover {
        background-color: #57ba67; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .code {
        color: #ffffff;
        font-weight: bold; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .name {
        position: relative;
        color: #ffffff;
        font-weight: bold; }
        lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .name:after {
          content: 'keyboard_arrow_right';
          position: absolute;
          top: 0;
          right: 0;
          width: 30px;
          height: 30px;
          font-family: 'Material Icons', sans-serif;
          font-size: 30px; }

radio-button {
  display: block; }
  radio-button .radiobutton .radiobutton-value {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer; }
    radio-button .radiobutton .radiobutton-value .radiobutton-circle {
      display: block;
      position: relative;
      height: 20px;
      width: 20px;
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      border-radius: 50%;
      cursor: pointer; }
      radio-button .radiobutton .radiobutton-value .radiobutton-circle:before {
        display: block;
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        transition: background 0.15s linear;
        -webkit-transition: background 0.15s linear;
        transform: scale(0); }
    radio-button .radiobutton .radiobutton-value .radiobutton-text {
      padding-left: 7px;
      color: #4a4a4a; }
    radio-button .radiobutton .radiobutton-value.checked .radiobutton-circle {
      border: 2px solid #62be71; }
      radio-button .radiobutton .radiobutton-value.checked .radiobutton-circle:before {
        background: #62be71;
        transform: scale(1);
        transition: transform 0.15s ease;
        -webkit-transition: transform 0.15s ease; }
  radio-button .radiobutton .radiobutton-input {
    display: none; }
  radio-button .radiobutton.disabled .radiobutton-value {
    cursor: not-allowed; }
    radio-button .radiobutton.disabled .radiobutton-value .radiobutton-circle {
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      cursor: not-allowed; }
    radio-button .radiobutton.disabled .radiobutton-value .radiobutton-text {
      color: #9c9c9c; }
    radio-button .radiobutton.disabled .radiobutton-value.checked .radiobutton-circle {
      background-color: #f3f3f3;
      border: 2px solid #dddddd; }
      radio-button .radiobutton.disabled .radiobutton-value.checked .radiobutton-circle:before {
        background-color: #c3c3c3; }
  radio-button .radiobutton.readonly .radiobutton-value {
    cursor: not-allowed; }
    radio-button .radiobutton.readonly .radiobutton-value .radiobutton-circle {
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      cursor: not-allowed; }
    radio-button .radiobutton.readonly .radiobutton-value .radiobutton-text {
      color: #9c9c9c; }
    radio-button .radiobutton.readonly .radiobutton-value.checked .radiobutton-circle {
      background-color: #f3f3f3;
      border: 2px solid #dddddd; }
      radio-button .radiobutton.readonly .radiobutton-value.checked .radiobutton-circle:before {
        background-color: #c3c3c3; }
  radio-button.margin-bottom .radiobutton {
    margin-bottom: 10px; }
  radio-button.margin-left .radiobutton {
    margin-left: 10px; }
  radio-button.margin-right .radiobutton {
    margin-right: 10px; }

slider .range-slider .slider-label .slider-label-text {
  color: #9e9e9e; }

slider .range-slider .slider-label .slider-label-info {
  position: relative;
  height: 20px;
  padding-left: 3px; }
  slider .range-slider .slider-label .slider-label-info .slider-label-info-icon {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #9e9e9e;
    cursor: pointer; }
    slider .range-slider .slider-label .slider-label-info .slider-label-info-icon:hover {
      color: #6b6b6b; }
      slider .range-slider .slider-label .slider-label-info .slider-label-info-icon:hover + .slider-label-info-tooltip {
        display: block; }
  slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip {
    display: none;
    position: absolute;
    top: -36px;
    left: -4px;
    padding: 5px 8px;
    font-size: 1.4rem;
    background-color: #1a1d27;
    color: #FFFFFF;
    white-space: nowrap;
    z-index: 2;
    border-radius: 2px; }
    slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip:after {
      position: absolute;
      left: 8px;
      bottom: -14px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      pointer-events: none; }
    slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip:after {
      border-top-color: #1a1d27;
      border-width: 7px; }

slider .range-slider input[type='range'] {
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  margin: 12px 0; }
  slider .range-slider input[type='range']::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 10px;
    transition: all .2s ease;
    width: 100%;
    background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 5px; }
  slider .range-slider input[type='range']::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(13, 13, 13, 0.15);
    background: #62be71;
    border: 2px solid #50b761;
    border-radius: 2px;
    cursor: pointer;
    height: 24px;
    width: 14px;
    -webkit-appearance: none;
    margin-top: -8px; }
  slider .range-slider input[type='range']::-moz-range-track {
    cursor: pointer;
    height: 10px;
    transition: all .2s ease;
    width: 100%;
    background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 5px; }
  slider .range-slider input[type='range']::-moz-range-thumb {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(13, 13, 13, 0.15);
    background: #62be71;
    border: 2px solid #50b761;
    border-radius: 2px;
    cursor: pointer;
    height: 24px;
    width: 14px; }
  slider .range-slider input[type='range']::-ms-track {
    cursor: pointer;
    height: 10px;
    transition: all .2s ease;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent; }
  slider .range-slider input[type='range']::-ms-fill-lower {
    background: #f6f6f6;
    border: 1px solid #dddddd;
    border-radius: 10px; }
  slider .range-slider input[type='range']::-ms-fill-upper {
    background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 10px; }
  slider .range-slider input[type='range']::-ms-thumb {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(13, 13, 13, 0.15);
    background: #62be71;
    border: 2px solid #50b761;
    border-radius: 2px;
    cursor: pointer;
    height: 24px;
    width: 14px;
    margin-top: 0; }
  slider .range-slider input[type='range']:focus {
    outline: 0; }
    slider .range-slider input[type='range']:focus::-webkit-slider-runnable-track {
      background: #f6f6f6; }
    slider .range-slider input[type='range']:focus::-ms-fill-lower {
      background: #fbfbfb; }
    slider .range-slider input[type='range']:focus::-ms-fill-upper {
      background: #f6f6f6; }

slider.margin-bottom {
  margin-bottom: 10px; }

slider.required .slider-label .slider-label-text:after {
  content: "*";
  padding-left: 1px;
  color: #d9534f; }

text-area .textarea .textarea-label .textarea-label-text {
  color: #9e9e9e; }

text-area .textarea .textarea-label .textarea-label-info {
  position: relative;
  height: 20px;
  padding-left: 3px; }
  text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #9e9e9e;
    cursor: pointer; }
    text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon:hover {
      color: #6b6b6b; }
      text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon:hover + .textarea-label-info-tooltip {
        display: block; }
  text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip {
    display: none;
    position: absolute;
    top: -36px;
    left: -4px;
    padding: 5px 8px;
    font-size: 1.4rem;
    background-color: #1a1d27;
    color: #FFFFFF;
    white-space: nowrap;
    z-index: 2;
    border-radius: 2px; }
    text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip:after {
      position: absolute;
      left: 8px;
      bottom: -14px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      pointer-events: none; }
    text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip:after {
      border-top-color: #1a1d27;
      border-width: 7px; }

text-area .textarea .textarea-value {
  min-height: 30px; }
  text-area .textarea .textarea-value textarea {
    min-height: 92px;
    padding: 5px;
    outline: none;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-size: 1.4rem;
    resize: none; }
    text-area .textarea .textarea-value textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
    text-area .textarea .textarea-value textarea::-webkit-input-placeholder {
      color: #c4c4c4; }
    text-area .textarea .textarea-value textarea:-ms-input-placeholder {
      color: #c4c4c4; }
    text-area .textarea .textarea-value textarea::input-placeholder {
      color: #c4c4c4; }
    text-area .textarea .textarea-value textarea:focus {
      margin-bottom: 0;
      border-bottom: 1px solid #62be71; }
    text-area .textarea .textarea-value textarea.resizeable {
      resize: initial; }

text-area .textarea.disabled .textarea-value textarea {
  background: #f3f3f3;
  border: 1px solid #dddddd;
  color: #9c9c9c;
  cursor: not-allowed; }

text-area .textarea.readonly .textarea-value {
  padding-top: 5px; }
  text-area .textarea.readonly .textarea-value textarea {
    min-height: auto;
    padding: 0;
    background: transparent;
    border: none; }

text-area.margin-bottom .textarea {
  margin-bottom: 10px; }

text-area.hasValidationError .textarea-value textarea {
  border-bottom: 1px solid #d9534f; }
  text-area.hasValidationError .textarea-value textarea:focus {
    border-bottom: 1px solid #d9534f; }

text-area.required label:after {
  content: "*";
  padding-left: 1px;
  color: #d9534f; }

text-box {
  display: block; }
  text-box .textbox .textbox-label .textbox-label-text {
    color: #9e9e9e; }
  text-box .textbox .textbox-label .textbox-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon:hover {
        color: #6b6b6b; }
        text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon:hover + .textbox-label-info-tooltip {
          display: block; }
    text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  text-box .textbox .textbox-value {
    position: relative;
    height: 30px;
    padding: 0 5px;
    outline: none;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-size: 1.4rem;
    font-family: 'Open Sans', sans-serif;
    background: #fbfbfb;
    color: #4a4a4a;
    display: flex;
    flex-direction: row; }
    text-box .textbox .textbox-value .textbox-symbol-start {
      line-height: 28px; }
    text-box .textbox .textbox-value .textbox-input {
      width: 100%;
      border: 0;
      background: transparent;
      outline: 0;
      height: 28px;
      line-height: 28px; }
      text-box .textbox .textbox-value .textbox-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
      text-box .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
        color: #c4c4c4; }
      text-box .textbox .textbox-value .textbox-input:-ms-input-placeholder {
        color: #c4c4c4; }
      text-box .textbox .textbox-value .textbox-input::input-placeholder {
        color: #c4c4c4; }
    text-box .textbox .textbox-value .textbox-symbol-end {
      line-height: 28px; }
  text-box .textbox.focused .textbox-value {
    border-bottom: 1px solid #62be71; }
  text-box .textbox.disabled .textbox-value {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
  text-box .textbox.readonly .textbox-value {
    background: transparent;
    border: none;
    padding: 0;
    color: #4a4a4a; }
    text-box .textbox.readonly .textbox-value .textbox-input {
      text-overflow: ellipsis; }
  text-box.margin-bottom .textbox {
    margin-bottom: 10px; }
  text-box.hasValidationError .textbox .textbox-value {
    border-bottom: 1px solid #d9534f; }
    text-box.hasValidationError .textbox .textbox-value:focus {
      border-bottom: 1px solid #d9534f; }
  text-box.required label:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

input:invalid {
  box-shadow: none; }

entity-finder-search {
  display: block;
  position: relative;
  min-width: 60px; }
  entity-finder-search .entity-finder-search {
    position: relative; }
    entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-text {
      color: #9e9e9e; }
    entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon:hover {
          color: #6b6b6b; }
          entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon:hover + .entity-finder-search-label-info-tooltip {
            display: block; }
      entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
    entity-finder-search .entity-finder-search .entity-finder-search-value {
      position: relative;
      flex-wrap: nowrap; }
      entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input {
        width: 100%;
        height: 30px;
        padding: 5px 30px 5px 5px;
        outline: none;
        border: 1px solid #dddddd;
        border-radius: 2px;
        font-size: 1.4rem;
        font-family: 'Open Sans', sans-serif;
        background: #fbfbfb;
        color: #4a4a4a; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px white inset; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input::-webkit-input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input:-ms-input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input::input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input:focus {
          margin-bottom: 0;
          border-bottom: 1px solid #62be71; }
      entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        min-width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        border-radius: 0 2px 2px 0;
        -webkit-appearance: none; }
        entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon {
          color: #adadad;
          font-size: 2.2rem;
          line-height: 30px;
          text-align: center; }
          entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon:hover {
            color: #949494; }
    entity-finder-search .entity-finder-search .entity-finder-search-dropdown-adorned {
      display: block;
      position: absolute;
      left: -1px;
      right: -1px;
      bottom: 0; }
    entity-finder-search .entity-finder-search.disabled .entity-finder-search-value .entity-finder-search-input {
      background: #f3f3f3;
      border: 1px solid #dddddd;
      color: #9c9c9c;
      cursor: not-allowed; }
  entity-finder-search.margin-bottom .entity-finder-search {
    margin-bottom: 10px; }
  entity-finder-search.hasValidationError .entity-finder-search .entity-finder-search-input {
    border-bottom: 1px solid #d9534f; }
    entity-finder-search.hasValidationError .entity-finder-search .entity-finder-search-input:focus {
      border-bottom: 1px solid #d9534f; }
  entity-finder-search.required .entity-finder-search .entity-finder-search-label .entity-finder-search-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.entity-finder-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 30px;
  max-height: 300px;
  margin-top: 3px;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  border-radius: 2px;
  overflow-y: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .entity-finder-dropdown.visible {
    display: block; }
  .entity-finder-dropdown .category .category-title {
    padding: 5px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    opacity: 0.7; }
  .entity-finder-dropdown .category .category-list .category-item {
    height: auto;
    padding: 0 5px;
    line-height: 30px;
    cursor: pointer; }
    .entity-finder-dropdown .category .category-list .category-item.selected {
      background-color: #62be71;
      color: #ffffff; }

.entity-finder-dialog {
  min-width: 500px; }
  .entity-finder-dialog .entity-finder-search {
    flex-wrap: nowrap;
    font-family: 'Open Sans', sans-serif; }
    .entity-finder-dialog .entity-finder-search .entity-finder-search-value {
      height: 30px;
      padding: 5px;
      outline: none;
      border: 1px solid #dddddd;
      border-right: none;
      border-radius: 2px;
      font-family: 'Open Sans', sans-serif;
      font-size: 1.4rem;
      background: #fbfbfb; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-value:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-value:focus {
        margin-bottom: 0;
        border-bottom: 1px solid #62be71; }
    .entity-finder-dialog .entity-finder-search .entity-finder-search-button {
      display: flex;
      width: 30px;
      min-width: 30px;
      height: 30px;
      border-radius: 0 3px 3px 0;
      background-color: #62be71;
      border: 0;
      padding: 0;
      outline: 0;
      -webkit-appearance: none; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-button .entity-finder-search-icon {
        color: #ffffff;
        font-size: 2.2rem; }
  .entity-finder-dialog .results-container .results-title {
    margin: 20px 0 5px; }
  .entity-finder-dialog .results-container table {
    width: 100%;
    border: 1px solid #dddddd; }
    .entity-finder-dialog .results-container table thead {
      background-color: #62be71;
      color: #ffffff; }
      .entity-finder-dialog .results-container table thead th {
        padding: 5px;
        text-align: left; }
    .entity-finder-dialog .results-container table tbody tr {
      cursor: pointer; }
      .entity-finder-dialog .results-container table tbody tr:nth-child(even) {
        background-color: #fbfbfb; }
      .entity-finder-dialog .results-container table tbody tr:not(:last-child) {
        border-bottom: 1px solid #eaeaea; }
      @media only screen and (min-width: 1024px) {
        .entity-finder-dialog .results-container table tbody tr:hover {
          background-color: #62be71;
          color: #ffffff; } }
      .entity-finder-dialog .results-container table tbody tr:active {
        background-color: #50b761;
        color: #ffffff; }
      .entity-finder-dialog .results-container table tbody tr td {
        padding: 5px; }
  .entity-finder-dialog .action-bar {
    margin-top: 10px; }

.dialog-container {
  max-width: 90%;
  max-height: 90%;
  display: flex;
  flex-direction: column; }
  .dialog-container .entity-finder-dialog {
    flex-grow: 1;
    max-width: 100%;
    align-self: center; }
    .dialog-container .entity-finder-dialog .entity-finder-search {
      min-height: 30px; }
    .dialog-container .entity-finder-dialog .results-container {
      flex-grow: 1;
      margin: 10px 0;
      overflow: auto; }
    .dialog-container .entity-finder-dialog .action-bar {
      min-height: 30px; }

.adorner {
  position: fixed;
  z-index: 100; }
  .adorner .adorner-dynamic-view {
    display: block;
    position: fixed; }

.qr-reader .qr-content {
  width: 100%;
  padding: 10px;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  position: relative; }
  @media only screen and (min-width: 480px) {
    .qr-reader .qr-content .send-link-btn {
      margin-right: 0; } }
  @media only screen and (min-width: 1200px) {
    .qr-reader .qr-content .send-link-btn {
      margin-right: 40px; } }
  .qr-reader .qr-content .qr-url {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px; }
  @media only screen and (min-width: 1200px) {
    .qr-reader .qr-content .qr-print-btn {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px; } }
  .qr-reader .qr-content .qr-code canvas {
    width: 100px;
    height: 100px; }

loading {
  display: block;
  overflow: hidden; }
  loading .loading.circle {
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 3px;
    border-radius: 50%;
    text-indent: -9999px;
    border: 2px solid rgba(98, 190, 113, 0.4);
    border-left: 2px solid #62be71;
    animation: loading-rotate 0.5s infinite linear; }
    loading .loading.circle:after {
      border-radius: 50%;
      width: 22px;
      height: 22px; }
  loading .loading.line {
    position: relative;
    height: 5px;
    width: 100%;
    overflow: hidden; }
    loading .loading.line:before {
      display: block;
      position: absolute;
      content: "";
      left: -200px;
      width: 200px;
      height: 5px;
      background-color: #62be71;
      animation: loading-line 2s linear infinite; }
  @media print {
    loading .loading {
      display: none; } }
  loading.small .loading.circle {
    font-size: 2.2px; }
  loading.color-white .loading.circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-left: 2px solid #ffffff; }
  loading.margin-top .loading {
    margin-top: 10px; }
  loading.margin-bottom .loading {
    margin-bottom: 10px; }
  loading.margin-left .loading {
    margin-left: 10px; }
  loading.margin-right .loading {
    margin-right: 10px; }

@keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-line {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }

prize-search {
  display: block;
  position: relative;
  min-width: 60px; }
  prize-search .prize-search-input {
    height: 30px;
    width: 100%;
    padding: 5px 30px 5px 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    outline: none;
    font-size: 1.4rem;
    font-family: 'Open Sans', sans-serif;
    background: #fbfbfb;
    color: #4a4a4a; }
    prize-search .prize-search-input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }
    prize-search .prize-search-input::-webkit-input-placeholder {
      color: #c4c4c4;
      text-align: center; }
    prize-search .prize-search-input:-ms-input-placeholder {
      color: #c4c4c4;
      text-align: center; }
    prize-search .prize-search-input::input-placeholder {
      color: #c4c4c4;
      text-align: center; }
    prize-search .prize-search-input:focus {
      margin-bottom: 0;
      border-bottom: 1px solid #62be71; }
  prize-search .prize-search-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    margin-left: 5px; }
    prize-search .prize-search-button-wrapper .prize-search-button {
      background: transparent;
      border: 0px solid transparent;
      outline: none;
      pointer-events: all; }
      prize-search .prize-search-button-wrapper .prize-search-button .prize-search-button {
        line-height: 30px;
        color: #c4c4c4; }
  prize-search .prize-search-adorned {
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0; }

.prize-search-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 30px;
  max-height: 300px;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  border-radius: 2px;
  overflow-y: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 1; }
  .prize-search-dropdown.visible {
    display: block; }
  .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-category {
    padding: 5px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    opacity: 0.7; }
  .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-item {
    height: auto;
    padding: 0 5px;
    line-height: 30px;
    cursor: pointer; }
    .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-item.selected {
      background-color: #62be71;
      color: #ffffff; }
  .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-empty, .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-more {
    height: auto;
    padding: 0 5px;
    line-height: 30px; }
  .prize-search-dropdown .prize-search-dropdown-items .prize-search-dropdown-more {
    text-align: center;
    color: #62be71;
    cursor: pointer; }
  .prize-search-dropdown .prize-search-dropdown-loading {
    margin: 10px 0px; }

.pdf-viewer {
  width: 100%;
  height: 100%; }
  .pdf-viewer .header {
    height: 50px;
    flex-shrink: 0;
    background-color: #62be71;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    z-index: 1; }
    .pdf-viewer .header .button-back {
      margin-left: 10px;
      font-size: 4rem;
      line-height: 4rem;
      border-radius: 50%;
      color: #ffffff;
      user-select: none;
      transition: all 0.2s linear; }
      @media only screen and (min-width: 1024px) {
        .pdf-viewer .header .button-back:hover {
          background-color: #ffffff;
          color: #62be71;
          cursor: pointer; } }
      .pdf-viewer .header .button-back:active {
        transform: scale(0.9, 0.9); }
  .pdf-viewer .content {
    flex-grow: 1;
    background-color: #525659; }
    .pdf-viewer .content .object {
      width: 100%;
      height: calc(100vh - 100px); }

body .pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 300; }
  body .pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    opacity: 0.7;
    z-index: 999; }
  body .pace.pace-inactive {
    display: none; }

header {
  height: 50px;
  min-height: 50px;
  color: #ffffff;
  background-color: #62be71;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 3; }
  header .logo {
    margin-left: 15px;
    align-self: center; }
    header .logo img {
      height: 34px; }
    header .logo span {
      font-size: 3rem;
      color: #ffffff; }
  header .header-right-container {
    position: relative;
    display: flex;
    align-items: center; }
    header .header-right-container .search-icon-mobile {
      margin-right: 20px;
      padding: 5px;
      background-color: rgba(255, 255, 255, 0.16);
      border-radius: 5px;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        header .header-right-container .search-icon-mobile {
          display: none; } }
    header .header-right-container .search-overlay {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 50px;
      left: 0;
      background-color: rgba(0, 0, 0, 0.6); }
      header .header-right-container .search-overlay.overlay-hidden {
        display: none; }
      @media only screen and (min-width: 768px) {
        header .header-right-container .search-overlay {
          display: none; } }
    header .header-right-container .global-search {
      position: fixed;
      top: 70px;
      left: calc(50% + 25px);
      width: 80%;
      transform: translateX(-50%);
      transition: transform 0.2s ease;
      display: flex;
      flex-direction: column;
      margin: 0; }
      header .header-right-container .global-search.search-hidden {
        display: none; }
        @media only screen and (min-width: 768px) {
          header .header-right-container .global-search.search-hidden {
            display: block; } }
      @media only screen and (min-width: 768px) {
        header .header-right-container .global-search {
          position: initial;
          top: auto;
          left: auto;
          transform: none;
          transition: none;
          display: block;
          flex-direction: initial;
          margin: 0 20px 0 0;
          width: 340px; } }
      header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input {
        height: 34px;
        padding: 7px;
        border: none; }
        @media only screen and (min-width: 768px) {
          header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input {
            background-color: #42a052;
            color: #ffffff; }
            header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input::-webkit-input-placeholder {
              color: #ffffff; } }
      header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button {
        width: 34px;
        min-width: 34px;
        height: 34px; }
        header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon {
          font-size: 2.6rem;
          line-height: 34px;
          opacity: 0.7; }
          @media only screen and (min-width: 768px) {
            header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon {
              color: #ffffff; } }
          header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon:hover {
            opacity: 1; }
    header .header-right-container .profile .details {
      color: #ffffff; }
      header .header-right-container .profile .details .name {
        font-weight: 600;
        font-size: 1.8rem; }
      header .header-right-container .profile .details .title {
        margin-top: -2px;
        opacity: 0.8; }
    header .header-right-container nav.settings-dropdown {
      align-self: center; }
      header .header-right-container nav.settings-dropdown .mdl-menu__container .mdl-menu .mdl-menu__item .icon-menu-item {
        vertical-align: middle;
        margin-right: 7px;
        font-size: 2.1rem;
        opacity: 0.7; }

.main-wrapper {
  height: 100%; }
  .main-wrapper main.main {
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    flex-wrap: nowrap;
    flex: 1 0 auto;
    height: calc(100% - 60px); }
    .main-wrapper main.main aside.sidebar {
      background-color: #313541;
      z-index: 2;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto; }
      .main-wrapper main.main aside.sidebar.collapsed {
        flex: 0 0 200px;
        max-width: 200px;
        transition: flex 0.3s ease-in-out 0.1s;
        -webkit-transition: flex 0.3s ease-in-out 0.1s; }
        @media only screen and (min-width: 1024px) {
          .main-wrapper main.main aside.sidebar.collapsed {
            flex: 0 0 50px;
            transition: flex 0.3s ease-in-out 0.1s;
            -webkit-transition: flex 0.3s ease-in-out 0.1s; } }
        .main-wrapper main.main aside.sidebar.collapsed .nav-label {
          overflow: hidden;
          visibility: visible;
          opacity: 1;
          max-width: 100%;
          max-height: 100%;
          align-self: center;
          padding-left: 10px;
          font-size: 1.6rem;
          position: absolute;
          left: 39px;
          transition: opacity 0.3s linear 0.2s;
          -webkit-transition: opacity 0.3s linear 0.2s; }
          @media only screen and (min-width: 1024px) {
            .main-wrapper main.main aside.sidebar.collapsed .nav-label {
              overflow: hidden;
              visibility: hidden;
              opacity: 0;
              max-width: 0;
              max-height: 0;
              align-self: center;
              padding-left: 10px;
              font-size: 1.6rem;
              position: absolute;
              left: 39px;
              transition: visibility 0.2s linear 0.1s, opacity 0.3s linear, max-width 0s linear 0.2s, max-height 0s linear 0.3s;
              -webkit-transition: visibility 0.2s linear 0.1s, opacity 0.3s linear, max-width 0s linear 0.2s, max-height 0s linear 0.3s;
              /* visibility transition time + waiting time = opacity transition time
                                 max-width and max-height transition start after visibility and opacity has finished their job */ } }
        .main-wrapper main.main aside.sidebar.collapsed #collapse-btn i {
          visibility: hidden; }
          .main-wrapper main.main aside.sidebar.collapsed #collapse-btn i:after {
            content: "keyboard_arrow_left";
            visibility: visible;
            margin-left: -24px; }
            @media only screen and (min-width: 1024px) {
              .main-wrapper main.main aside.sidebar.collapsed #collapse-btn i:after {
                content: "keyboard_arrow_right"; } }
      .main-wrapper main.main aside.sidebar.expanded {
        flex: 0 0 50px;
        transition: flex 0.3s ease-in-out 0.1s;
        -webkit-transition: flex 0.3s ease-in-out 0.1s; }
        @media only screen and (min-width: 1024px) {
          .main-wrapper main.main aside.sidebar.expanded {
            flex: 0 0 200px;
            transition: flex 0.3s ease-in-out;
            -webkit-transition: flex 0.3s ease-in-out; } }
        .main-wrapper main.main aside.sidebar.expanded .nav-label {
          overflow: hidden;
          visibility: hidden;
          opacity: 0;
          max-width: 0;
          max-height: 0;
          align-self: center;
          padding-left: 10px;
          font-size: 1.6rem;
          position: absolute;
          left: 39px;
          transition: visibility 0.2s linear 0.1s, opacity 0.3s linear, max-width 0s linear 0.2s, max-height 0s linear 0.3s;
          -webkit-transition: visibility 0.2s linear 0.1s, opacity 0.3s linear, max-width 0s linear 0.2s, max-height 0s linear 0.3s; }
          @media only screen and (min-width: 1024px) {
            .main-wrapper main.main aside.sidebar.expanded .nav-label {
              overflow: hidden;
              visibility: visible;
              opacity: 1;
              max-width: 100%;
              max-height: 100%;
              align-self: center;
              padding-left: 10px;
              font-size: 1.6rem;
              position: absolute;
              left: 39px;
              transition: opacity 0.3s linear 0.2s;
              -webkit-transition: opacity 0.3s linear 0.2s;
              /* opacity and visibility animation needs to start with 0.1s before expanding the sidebar totally */ } }
        .main-wrapper main.main aside.sidebar.expanded #collapse-btn i {
          visibility: hidden; }
          .main-wrapper main.main aside.sidebar.expanded #collapse-btn i:after {
            content: "keyboard_arrow_right";
            visibility: visible;
            margin-left: -24px; }
            @media only screen and (min-width: 1024px) {
              .main-wrapper main.main aside.sidebar.expanded #collapse-btn i:after {
                content: "keyboard_arrow_left"; } }
      .main-wrapper main.main aside.sidebar nav {
        padding-top: 13px; }
        .main-wrapper main.main aside.sidebar nav ul li {
          padding: 10px 10px 10px 15px;
          color: #ffffff;
          cursor: pointer; }
          .main-wrapper main.main aside.sidebar nav ul li .nav-link {
            display: flex;
            flex: 1 1 auto;
            flex-direction: row;
            flex-wrap: wrap;
            color: #ffffff; }
          .main-wrapper main.main aside.sidebar nav ul li.active {
            padding-left: 10px;
            border-left: 5px solid #62be71;
            background-color: #474d5e; }
            .main-wrapper main.main aside.sidebar nav ul li.active .nav-link .nav-label {
              font-weight: 600; }
          .main-wrapper main.main aside.sidebar nav ul li:not(.active):hover {
            background-color: #3c4150; }
          .main-wrapper main.main aside.sidebar nav ul li.donors .nav-link i {
            display: block;
            width: 24px;
            height: 24px;
            background: url("/images/icons/icon-pledges-white.svg") no-repeat center center; }
          .main-wrapper main.main aside.sidebar nav ul li.accounts .nav-link i {
            display: block;
            width: 24px;
            height: 24px;
            background: url("/images/icons/icon-pound-sterling.svg") no-repeat center center;
            background-size: 21px; }
      .main-wrapper main.main aside.sidebar #collapse-btn {
        position: absolute;
        right: 0;
        bottom: 70px;
        background-color: #cbcbcb;
        color: #313541;
        border-radius: 4px 0 0 4px;
        padding: 5px;
        cursor: pointer; }
        @media only screen and (min-width: 1200px) {
          .main-wrapper main.main aside.sidebar #collapse-btn {
            bottom: 20px; } }
        .main-wrapper main.main aside.sidebar #collapse-btn:hover {
          background-color: #d8d8d8; }
        .main-wrapper main.main aside.sidebar #collapse-btn i {
          display: block; }
    .main-wrapper main.main section.content {
      flex-grow: 1;
      overflow-y: hidden;
      z-index: 1;
      -webkit-overflow-scrolling: touch;
      position: relative; }
      @media print {
        .main-wrapper main.main section.content {
          z-index: 3; } }
      .main-wrapper main.main section.content router-view.main-router {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow-y: hidden;
        overflow-x: auto; }
        .main-wrapper main.main section.content router-view.main-router .content-margin {
          margin: 5px; }
        .main-wrapper main.main section.content router-view.main-router .content-margin + .content-margin {
          margin-top: 5px !important; }
        .main-wrapper main.main section.content router-view.main-router .content-padding {
          padding: 10px; }
        .main-wrapper main.main section.content router-view.main-router .content-padding-5 {
          padding: 5px; }
      .main-wrapper main.main section.content .scroll-container {
        overflow-y: auto;
        height: 100%; }
      .main-wrapper main.main section.content .main-nav {
        height: 100%;
        position: relative; }
        .main-wrapper main.main section.content .main-nav .main-nav-top-container {
          position: relative;
          background-color: #f7f7f7;
          border-bottom: 1px solid #dddddd;
          z-index: 1; }
          .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top {
            padding: 10px 10px 5px 10px; }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-back {
              width: 40px;
              height: 40px;
              margin-right: 10px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-back .back-arrow {
                font-size: 40px;
                line-height: 40px;
                border-radius: 50%;
                opacity: 0.25;
                transition: all ease 0.3s;
                cursor: pointer; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-back .back-arrow:hover {
                  background-color: #62be71;
                  color: #ffffff;
                  opacity: 1; }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-title .title {
              font-size: 2.2rem;
              line-height: normal;
              font-weight: bold; }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-title .sub-title {
              margin-top: -3px;
              font-size: 1rem;
              line-height: normal; }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button {
              display: block;
              position: relative;
              width: 50px;
              height: 50px;
              margin-left: 20px;
              background: #f9b24f;
              border-radius: 50%;
              text-align: center;
              cursor: pointer; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button:hover {
                background-color: #f8a736; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button .material-icons {
                color: #ffffff;
                font-size: 2.8rem;
                line-height: 50px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button:hover .preview-tooltip {
                visibility: visible;
                opacity: 1; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button .preview-tooltip {
                visibility: hidden;
                position: absolute;
                top: 10px;
                right: 60px;
                padding: 5px 10px;
                font-size: 1.6rem;
                font-weight: 600;
                background-color: #1a1d27;
                color: white;
                white-space: nowrap;
                z-index: 2;
                border-radius: 2px;
                opacity: 0; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button .preview-tooltip:after {
                  position: absolute;
                  left: 100%;
                  top: 50%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none;
                  border-left-color: #1a1d27;
                  border-width: 7px;
                  margin-top: -7px; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button .preview-tooltip.bottom {
                  top: 62px;
                  right: 7px; }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button .preview-tooltip.bottom:after {
                    left: initial;
                    top: initial;
                    right: 18px;
                    bottom: 100%;
                    border-bottom-color: #1a1d27;
                    border-left-color: transparent;
                    margin-top: initial;
                    margin-right: -7px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.donations-app {
                display: flex;
                flex-direction: row;
                position: relative; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.donations-app img {
                  position: absolute;
                  width: 10px;
                  top: 18px;
                  left: 21px; }
          .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs {
            width: 100%; }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs .control-left, .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs .control-right {
              font-size: 3.8rem;
              line-height: 40px;
              cursor: pointer; }
              @media only screen and (min-width: 1024px) {
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs .control-left:hover, .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs .control-right:hover {
                  background-color: rgba(0, 0, 0, 0.05); } }
            .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul {
              display: flex;
              flex-direction: row;
              padding: 0 10px;
              white-space: nowrap;
              overflow: visible;
              position: relative; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul::-webkit-scrollbar {
                width: 0px;
                background: transparent;
                display: none; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                height: 40px;
                padding: 10px 30px;
                text-align: center;
                cursor: pointer;
                transition: background-color 0.15s ease-in-out; }
                @media only screen and (min-width: 1024px) {
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li:hover {
                    background-color: #efefef;
                    border-radius: 2px 2px 0 0; } }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.is-active {
                  color: #62be71;
                  font-weight: 600;
                  border-bottom: 5px solid #62be71; }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.is-active a {
                    color: #62be71; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.disabled {
                  cursor: not-allowed;
                  background-color: transparent;
                  color: #b3b3b3; }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.disabled:hover {
                    background-color: transparent;
                    color: #b3b3b3; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more {
                  position: relative;
                  padding: 10px;
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  margin-left: auto; }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown {
                    position: absolute;
                    top: 100%;
                    right: 0;
                    height: 0;
                    opacity: 0;
                    padding: 0;
                    background-color: #f7f7f7;
                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
                    display: flex;
                    transition: opacity 0.15s ease-in-out;
                    overflow-x: hidden;
                    overflow-y: auto;
                    z-index: -1;
                    max-height: 315px; }
                    @media only screen and (min-width: 768px) {
                      .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown {
                        max-height: 365px; } }
                    @media only screen and (min-width: 1024px) {
                      .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown {
                        max-height: 400px; } }
                    @media only screen and (min-width: 1200px) {
                      .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown {
                        max-height: 450px; } }
                    .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown li {
                      padding: 7px 30px;
                      display: inline-flex;
                      align-items: center;
                      justify-content: center; }
                      .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown li:not(:last-of-type) {
                        border-bottom: 1px solid #ddd; }
                      @media only screen and (min-width: 1024px) {
                        .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more .nav-tabs-dropdown li:hover {
                          background-color: #efefef; } }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more.active {
                    background-color: #efefef; }
                    .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-bottom .nav-tabs > ul > li.nav-tabs-more.active .nav-tabs-dropdown {
                      height: auto;
                      opacity: 1;
                      z-index: 1; }
        .main-wrapper main.main section.content .main-nav .tab-content .reporting {
          margin-bottom: 10px; }
        .main-wrapper main.main section.content .main-nav .tab-content > .row {
          margin-bottom: 10px; }
          .main-wrapper main.main section.content .main-nav .tab-content > .row .mdl-checkbox__label {
            font-size: 1.4rem; }
        .main-wrapper main.main section.content .main-nav .tab-content .tab-content-title {
          width: 100%;
          margin-bottom: 10px; }
        .main-wrapper main.main section.content .main-nav .router-child {
          flex-grow: 1;
          height: 100%;
          overflow-y: auto;
          position: relative; }
          .main-wrapper main.main section.content .main-nav .router-child .split-pane {
            width: 100%;
            position: absolute; }

.height-stretch.position-relative + compose floating-action-button.paddle {
  display: none; }

.upload-excel {
  min-height: 46px;
  padding: 5px;
  background: #f7f7f7;
  border: 1px solid #dddddd;
  align-items: center; }
  .upload-excel .upload-excel-txt {
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    margin: 0 20px 0 20px; }
  .upload-excel .upload-excel-browse {
    background-color: #ffffff;
    box-shadow: inset 0 0px 1px 0px #666666;
    line-height: 30px;
    margin-right: 5px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    height: 30px;
    max-width: 250px;
    width: 250px;
    cursor: pointer; }
    .upload-excel .upload-excel-browse label {
      width: 100%;
      display: block;
      padding-left: 5px; }
    .upload-excel .upload-excel-browse span {
      background-color: #666666;
      color: #ffffff;
      border-radius: 0 2px 2px 0;
      padding: 0 10px;
      margin-left: 5px;
      position: absolute;
      top: 0;
      right: 0;
      text-transform: uppercase;
      font-weight: 600;
      cursor: pointer; }
      .upload-excel .upload-excel-browse span:hover {
        background-color: #4d4d4d; }
  .upload-excel:before {
    content: '';
    background: url("/images/icons/icon-excel.svg") no-repeat;
    background-size: cover;
    height: 30px;
    width: 30px;
    top: 0; }

.upload-field {
  min-width: 0; }
  .upload-field .field {
    min-width: 100%; }
    .upload-field .field .upload-field-browse {
      background-color: #ffffff;
      border: 1px solid #dddddd;
      line-height: 30px;
      border-radius: 2px;
      position: relative;
      height: 30px;
      width: 100%;
      padding-right: 75px; }
      .upload-field .field .upload-field-browse label {
        width: 100%;
        margin-right: 75px;
        user-select: none; }
        .upload-field .field .upload-field-browse label:after {
          content: none; }
        .upload-field .field .upload-field-browse label .upload-field-text {
          padding: 0 5px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer; }
          @media only screen and (min-width: 1024px) {
            .upload-field .field .upload-field-browse label .upload-field-text:hover {
              color: #242424; } }
        .upload-field .field .upload-field-browse label .upload-field-clear {
          height: 28px;
          line-height: 28px;
          padding: 0 5px;
          cursor: pointer;
          color: #d9534f; }
          @media only screen and (min-width: 1024px) {
            .upload-field .field .upload-field-browse label .upload-field-clear:hover {
              color: #b52b27; } }
        .upload-field .field .upload-field-browse label .upload-field-button {
          height: 28px;
          background-color: #62be71;
          color: #ffffff;
          border-radius: 0 2px 2px 0;
          padding: 0 10px;
          margin-left: 5px;
          position: absolute;
          top: 0;
          right: 0;
          text-transform: uppercase;
          font-weight: 600;
          cursor: pointer;
          line-height: 28px; }
          .upload-field .field .upload-field-browse label .upload-field-button:hover {
            background-color: #45a855; }
    .upload-field .field .upload-field-input {
      display: none; }

.child-header {
  min-height: 46px;
  padding: 5px 10px 5px 5px;
  background-color: #f7f7f7;
  border-left: 5px solid #62be71;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #eaeaea;
  text-align: right; }

.reporting {
  min-height: 280px;
  flex: 0 0 auto;
  background-color: #f7f7f7; }
  @media only screen and (min-width: 480px) {
    .reporting .report-container {
      margin: 5px 0; } }
  @media only screen and (min-width: 1024px) {
    .reporting .report-container {
      margin: 5px 0; } }
  .reporting .report-container:first-child {
    padding-right: 5px; }
  .reporting .report-container:last-child {
    padding-left: 5px; }
  .reporting .report-container .report {
    height: 100%;
    min-height: 280px;
    padding: 10px;
    background-color: #313541; }
    .reporting .report-container .report .report-header {
      padding: 10px 0 0 10px;
      font-family: 'Catamaran', sans-serif;
      color: #FFFFFF; }
      .reporting .report-container .report .report-header .title {
        font-size: 3.2rem;
        line-height: 3.2rem;
        font-weight: bold;
        color: #FFFFFF; }
      .reporting .report-container .report .report-header .value {
        font-weight: 600;
        font-size: 6rem;
        line-height: 6.2rem; }
    .reporting .report-container .report .report-content {
      margin: 20px 0;
      color: #FFFFFF; }
      .reporting .report-container .report .report-content legend {
        padding: 0 10px; }
      .reporting .report-container .report .report-content .figure {
        cursor: pointer; }
        .reporting .report-container .report .report-content .figure .figure-img {
          width: 50px;
          height: 50px;
          margin: auto; }
        .reporting .report-container .report .report-content .figure .figure-label {
          padding: 10px 0px;
          opacity: 0.8; }
        .reporting .report-container .report .report-content .figure .figure-value {
          max-height: 40px;
          font-size: 4rem;
          line-height: normal;
          font-weight: 600; }
          .reporting .report-container .report .report-content .figure .figure-value .out-of {
            font-size: 1.6rem; }
    .reporting .report-container .report .switch-toggle switch {
      padding-left: 10px; }
      .reporting .report-container .report .switch-toggle switch .mdl-switch.is-checked .mdl-switch__track {
        background-color: rgba(98, 190, 113, 0.5); }
      .reporting .report-container .report .switch-toggle switch .mdl-switch.is-checked .mdl-switch__thumb {
        background-color: #62be71; }
      .reporting .report-container .report .switch-toggle switch .mdl-switch__input {
        visibility: hidden !important; }
    .reporting .report-container .report .switch-toggle .switch-text {
      color: #ffffff;
      padding-left: 15px; }
    .reporting .report-container .report .chart {
      max-width: 260px;
      max-height: 260px !important; }
      .reporting .report-container .report .chart .c3-chart-arc path {
        stroke: transparent; }
    .reporting .report-container .report .report-total {
      flex: 1; }
      .reporting .report-container .report .report-total .total-value {
        padding-left: 10px;
        line-height: 2.2rem;
        margin: 20px 0 10px 0;
        color: #FFFFFF;
        align-self: flex-end; }
  .reporting .main-nav-top-container {
    background-color: rgba(0, 0, 0, 0); }

.dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog {
  height: auto;
  min-width: 30%; }
  .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content {
    padding: 5px 5px 10px; }
    .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content qr-viewer {
      margin-bottom: 20px; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content qr-viewer div[ref="qrcode"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content qr-viewer div[ref="qrcode"] canvas {
          width: 220px; }
    .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container {
      background-color: #f3f3f3;
      padding: 5px;
      border-radius: 2px; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .universal-link {
        margin: 0 15px;
        font-weight: 600; }
        @media only screen and (min-width: 1024px) {
          .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .universal-link:hover {
            color: #62be71; } }
      .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .copy-link-button {
        background-color: #d8d8d8;
        color: #6d6d6d;
        width: 30px;
        height: 30px;
        border-radius: 2px;
        margin-left: 5px;
        font-size: 20px;
        user-select: none;
        cursor: pointer; }
        @media only screen and (min-width: 1024px) {
          .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .copy-link-button:hover {
            box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); } }
        .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .copy-link-button:focus {
          box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.2); }
        .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .link-container .copy-link-button:active {
          transform: scale(0.9, 0.9); }
    .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .code .value {
      display: block;
      font-weight: 600;
      border-radius: 2px;
      color: #62be71;
      font-size: 3.2rem;
      margin: 20px auto 10px;
      letter-spacing: 10px; }
    .dialogs-host .dialog .dialog-container .dialog-wrap.qr-dialog .dialog-content .code .expiry {
      text-align: center;
      font-size: 1.3rem; }

.auction-report-page, .bid-prizes-report-page {
  margin: 0 0 0 0; }
  @media print {
    .auction-report-page, .bid-prizes-report-page {
      -webkit-print-color-adjust: exact; } }
  .auction-report-page .auction-report-container .report-page, .bid-prizes-report-page .auction-report-container .report-page {
    margin: 0; }
    .auction-report-page .auction-report-container .report-page#first-page, .auction-report-page .auction-report-container .report-page#second-page, .auction-report-page .auction-report-container .report-page#third-page, .bid-prizes-report-page .auction-report-container .report-page#first-page, .bid-prizes-report-page .auction-report-container .report-page#second-page, .bid-prizes-report-page .auction-report-container .report-page#third-page {
      min-height: 100vh; }
    .auction-report-page .auction-report-container .report-page#third-page .report-table, .bid-prizes-report-page .auction-report-container .report-page#third-page .report-table {
      width: 100%; }
      .auction-report-page .auction-report-container .report-page#third-page .report-table thead th, .bid-prizes-report-page .auction-report-container .report-page#third-page .report-table thead th {
        width: 25%; }
    .auction-report-page .auction-report-container .report-page#third-page section, .bid-prizes-report-page .auction-report-container .report-page#third-page section {
      margin: 0; }
    .auction-report-page .auction-report-container .report-page section, .bid-prizes-report-page .auction-report-container .report-page section {
      margin: 40px 0; }
      .auction-report-page .auction-report-container .report-page section .report-title, .bid-prizes-report-page .auction-report-container .report-page section .report-title {
        color: #62be71;
        text-align: center;
        display: block;
        width: 100%;
        margin: 20px 0;
        font-size: 5rem;
        line-height: 6rem; }
        @media print {
          .auction-report-page .auction-report-container .report-page section .report-title, .bid-prizes-report-page .auction-report-container .report-page section .report-title {
            color: #62be71 !important; } }
      .auction-report-page .auction-report-container .report-page section .report-overview, .bid-prizes-report-page .auction-report-container .report-page section .report-overview {
        display: table; }
        .auction-report-page .auction-report-container .report-page section .report-overview .report-row, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row {
          display: table-row;
          border-bottom: 1px solid #dddddd; }
          @media print {
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row {
              border-bottom: 1px solid #dddddd !important; } }
          .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell {
            display: table-cell;
            padding: 10px;
            line-height: normal;
            vertical-align: middle; }
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell h3, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell h3 {
              color: #4a4a4a; }
              @media print {
                .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell h3, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell h3 {
                  color: #4a4a4a !important; } }
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell span, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell span {
              font-size: 2.6rem; }
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(3) span, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(3) span {
              color: #d9534f; }
              @media print {
                .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(3) span, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(3) span {
                  color: #d9534f !important; } }
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(5) span, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(5) span {
              color: #5cb85c; }
              @media print {
                .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(5) span, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell:nth-child(5) span {
                  color: #5cb85c !important; } }
            .auction-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell i, .bid-prizes-report-page .auction-report-container .report-page section .report-overview .report-row .report-cell i {
              font-size: 4rem; }
      .auction-report-page .auction-report-container .report-page section table.report-table, .bid-prizes-report-page .auction-report-container .report-page section table.report-table {
        text-align: left; }
        .auction-report-page .auction-report-container .report-page section table.report-table.full-width, .bid-prizes-report-page .auction-report-container .report-page section table.report-table.full-width {
          width: 100%; }
        .auction-report-page .auction-report-container .report-page section table.report-table thead, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead {
          display: table-header-group; }
          .auction-report-page .auction-report-container .report-page section table.report-table thead tr, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead tr {
            line-height: 32px; }
            .auction-report-page .auction-report-container .report-page section table.report-table thead tr th, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead tr th {
              background-color: #62be71;
              color: #ffffff;
              padding: 0 10px; }
              @media print {
                .auction-report-page .auction-report-container .report-page section table.report-table thead tr th, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead tr th {
                  background-color: #62be71 !important;
                  color: #ffffff !important; } }
              .auction-report-page .auction-report-container .report-page section table.report-table thead tr th.empty-cell, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead tr th.empty-cell {
                background-color: transparent;
                color: #4a4a4a;
                border-bottom: 1px solid #dddddd; }
                @media print {
                  .auction-report-page .auction-report-container .report-page section table.report-table thead tr th.empty-cell, .bid-prizes-report-page .auction-report-container .report-page section table.report-table thead tr th.empty-cell {
                    background-color: transparent !important;
                    color: #4a4a4a !important;
                    border-bottom: 1px solid #dddddd !important; } }
        .auction-report-page .auction-report-container .report-page section table.report-table tbody, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody {
          display: table-row-group;
          border-left: 1px solid #dddddd;
          border-right: 1px solid #dddddd; }
          @media print {
            .auction-report-page .auction-report-container .report-page section table.report-table tbody, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody {
              border-left: 1px solid #dddddd !important;
              border-right: 1px solid #dddddd !important; } }
          .auction-report-page .auction-report-container .report-page section table.report-table tbody tr, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr {
            line-height: 32px;
            border-bottom: 1px solid #dddddd; }
            @media print {
              .auction-report-page .auction-report-container .report-page section table.report-table tbody tr, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr {
                border-bottom: 1px solid #dddddd !important; } }
            .auction-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(even), .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(even) {
              background: #f8f8f8; }
              @media print {
                .auction-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(even), .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(even) {
                  background: #f8f8f8 !important; } }
            .auction-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(odd), .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(odd) {
              background: #FFFFFF; }
              @media print {
                .auction-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(odd), .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr:nth-child(odd) {
                  background: #FFFFFF !important; } }
            .auction-report-page .auction-report-container .report-page section table.report-table tbody tr td, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr td {
              padding: 0 10px;
              border-left: 1px solid #dddddd;
              color: #4a4a4a; }
              @media print {
                .auction-report-page .auction-report-container .report-page section table.report-table tbody tr td, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr td {
                  border-left: 1px solid #dddddd !important;
                  color: #4a4a4a !important; } }
              .auction-report-page .auction-report-container .report-page section table.report-table tbody tr td:first-child, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody tr td:first-child {
                border-left: none; }
          .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr:first-child, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr:first-child {
            border-top: 1px solid #dddddd; }
            @media print {
              .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr:first-child, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr:first-child {
                border-top: 1px solid #dddddd !important; } }
          .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th, .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr td, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr td {
            width: 50%;
            padding: 0 10px; }
          .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th {
            background-color: #62be71;
            color: #ffffff; }
            @media print {
              .auction-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tbody.body-headers tr th {
                background-color: #62be71 !important;
                color: #ffffff !important; } }
        .auction-report-page .auction-report-container .report-page section table.report-table tfoot tr, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tfoot tr {
          line-height: 32px; }
          .auction-report-page .auction-report-container .report-page section table.report-table tfoot tr td, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tfoot tr td {
            background-color: #62be71;
            color: #ffffff;
            padding: 0 5px; }
            @media print {
              .auction-report-page .auction-report-container .report-page section table.report-table tfoot tr td, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tfoot tr td {
                background-color: #62be71 !important;
                color: #ffffff !important; } }
            .auction-report-page .auction-report-container .report-page section table.report-table tfoot tr td.empty-cell, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tfoot tr td.empty-cell {
              background-color: transparent;
              color: #4a4a4a;
              border-top: 1px solid #dddddd; }
              @media print {
                .auction-report-page .auction-report-container .report-page section table.report-table tfoot tr td.empty-cell, .bid-prizes-report-page .auction-report-container .report-page section table.report-table tfoot tr td.empty-cell {
                  background-color: transparent !important;
                  color: #4a4a4a !important;
                  border-top: 1px solid #dddddd !important; } }

.bid-prizes-report-page .auction-report-container .report-page table td.expander-td {
  padding: 0 !important;
  border: 0 !important; }
  .bid-prizes-report-page .auction-report-container .report-page table td.expander-td table tbody {
    border: 0 !important; }
    .bid-prizes-report-page .auction-report-container .report-page table td.expander-td table tbody tr {
      border: 0 !important; }
      .bid-prizes-report-page .auction-report-container .report-page table td.expander-td table tbody tr td.empty-td {
        border: 0 !important; }

.page-authentication.login {
  height: calc(100vh - 64px); }
  .page-authentication.login form {
    max-width: 350px; }
    .page-authentication.login form h1 {
      margin-bottom: 20px; }
  .page-authentication.login .forgot-passwd-link {
    margin-top: 20px; }
    .page-authentication.login .forgot-passwd-link .lock-icon {
      font-size: 2rem; }
    .page-authentication.login .forgot-passwd-link:hover .lock-icon, .page-authentication.login .forgot-passwd-link:hover a {
      color: #62be71; }

.page-admin-manage-lookups {
  flex-wrap: nowrap;
  height: 100%; }
  .page-admin-manage-lookups .lookups-first .manage-lookups-title {
    font-size: 2.4rem;
    line-height: 36px; }
  .page-admin-manage-lookups .lookups-first .textbox-search {
    margin-bottom: 6px; }
  .page-admin-manage-lookups .lookups-first data-grid .datagrid {
    min-width: initial; }
  .page-admin-manage-lookups .lookups-first data-grid .datagrid-table .datagrid-tbody .datagrid {
    min-width: initial; }
  .page-admin-manage-lookups .lookups-first data-grid .datagrid-table .datagrid-tbody tr.selected-row td {
    position: relative; }
    .page-admin-manage-lookups .lookups-first data-grid .datagrid-table .datagrid-tbody tr.selected-row td:after {
      content: 'keyboard_arrow_right';
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      font-family: 'Material Icons', sans-serif;
      font-size: 30px;
      line-height: 30px; }
  .page-admin-manage-lookups .lookups-second {
    padding: 36px 0 0 10px; }
    .page-admin-manage-lookups .lookups-second .manage-selected-lookup {
      height: 100%;
      max-height: 100%; }
      .page-admin-manage-lookups .lookups-second .manage-selected-lookup .lookup-nav {
        min-height: 36px; }
        .page-admin-manage-lookups .lookups-second .manage-selected-lookup .lookup-nav .level-btn {
          float: left;
          margin-right: 10px;
          margin-bottom: 6px; }
      .page-admin-manage-lookups .lookups-second .manage-selected-lookup .datagrid {
        min-width: initial; }
      .page-admin-manage-lookups .lookups-second .manage-selected-lookup .lookup-datagrid {
        flex-grow: 1; }
      .page-admin-manage-lookups .lookups-second .manage-selected-lookup .lookup-actions {
        min-height: 40px;
        padding-top: 10px; }
        .page-admin-manage-lookups .lookups-second .manage-selected-lookup .lookup-actions .button-add {
          padding-left: 10px; }

.page-admin-organization {
  height: 100%; }
  .page-admin-organization .organization-header {
    height: 50px;
    padding: 10px 5px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #dddddd; }
  .page-admin-organization .organization-content {
    flex-grow: 1;
    overflow-y: auto; }
    .page-admin-organization .organization-content .gotolevel-btn button .value:before {
      content: "\00ab";
      font-size: 2rem;
      line-height: normal;
      margin-right: 2px; }
  .page-admin-organization .organization-footer {
    height: 50px;
    padding: 10px 5px;
    background-color: #f1f1f1; }
  .page-admin-organization .organization-divider-horizontal {
    height: 1px;
    background: #949494; }
  .page-admin-organization .tooltip:hover .preview-tooltip {
    visibility: visible;
    opacity: 1; }
  .page-admin-organization .tooltip .preview-tooltip {
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 5px;
    padding: 5px 10px;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #1a1d27;
    color: #ffffff;
    white-space: nowrap;
    z-index: 2;
    border-radius: 2px;
    transition: opacity;
    opacity: 0; }
    .page-admin-organization .tooltip .preview-tooltip:after {
      position: absolute;
      bottom: -14px;
      left: 10px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      pointer-events: none;
      border-top-color: #1a1d27;
      border-width: 7px; }
  .page-admin-organization .tooltip:hover:after {
    display: none; }

.page-admin-organization-branches {
  height: 100%; }
  .page-admin-organization-branches .branches-container,
  .page-admin-organization-branches .page-department-roles {
    height: 50%; }

.page-admin-organization-departments-and-roles {
  height: 100%; }
  .page-admin-organization-departments-and-roles .organization-departments {
    border: 1px solid #dddddd;
    margin: 10px 5px 10px 10px; }
    .page-admin-organization-departments-and-roles .organization-departments .active-departments {
      margin-bottom: 10px; }
  .page-admin-organization-departments-and-roles .organization-roles {
    border: 1px solid #dddddd;
    margin: 10px 10px 10px 5px; }

.page-admin-organization-users {
  height: 100%; }

.page-admin-permissions {
  height: 100%; }
  .page-admin-permissions .permissions-header {
    line-height: 4.6rem;
    padding: 5px 10px; }
  .page-admin-permissions .permissions-content {
    padding: 10px;
    overflow-y: auto;
    flex-grow: 1; }
    .page-admin-permissions .permissions-content collapsable .collapsable-header {
      background-color: #62be71;
      color: #ffffff;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
      .page-admin-permissions .permissions-content collapsable .collapsable-header .title {
        font-weight: 600;
        line-height: 3rem;
        margin-left: 10px; }
      .page-admin-permissions .permissions-content collapsable .collapsable-header .toggle {
        line-height: 1rem;
        margin-right: 3px;
        cursor: pointer; }
    .page-admin-permissions .permissions-content collapsable .collapsable-body {
      padding: 10px 10px 0px 10px;
      margin: 0;
      border: 1px solid #dddddd;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
      .page-admin-permissions .permissions-content collapsable .collapsable-body .checkbox.readonly .checkbox-value {
        cursor: auto;
        user-select: none; }

queries {
  display: block; }

.queries .queries-header {
  margin-bottom: 10px; }
  .queries .queries-header .tabs {
    justify-content: flex-start; }
    .queries .queries-header .tabs .tab:after {
      background-color: #62be71; }
    .queries .queries-header .tabs .tab .mdl-tabs__ripple-container {
      display: none; }
  .queries .queries-header .query-settings {
    padding: 0 0 0 10px;
    border-bottom: 1px solid #e0e0e0; }
    .queries .queries-header .query-settings combo-box {
      width: 250px; }
    .queries .queries-header .query-settings .icon-delete {
      margin-left: 4px;
      cursor: pointer; }

.queries .queries-content .queries-editor .queries-editor-header .button-query {
  height: 30px;
  margin-right: 8px;
  border-radius: 2px;
  cursor: pointer; }
  .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon {
    width: 30px;
    height: 30px; }
    .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-query-add {
      background: url("/images/icons/icon-query-add.svg") no-repeat center center;
      background-size: 20px; }
    .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-save {
      background: url("/images/icons/icon-save.svg") no-repeat center center;
      background-size: 20px; }
    .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-saveas {
      background: url("/images/icons/icon-saveas.svg") no-repeat center center;
      background-size: 24px; }
    .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-run {
      background: url("/images/icons/icon-play.svg") no-repeat center center;
      background-size: 20px; }
  .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-label {
    padding: 0 5px;
    font-size: 1.2rem; }
    .queries .queries-content .queries-editor .queries-editor-header .button-query .button-query-label.column-options {
      width: auto;
      padding: 0 8px;
      line-height: 30px;
      font-size: 1.4rem; }
  .queries .queries-content .queries-editor .queries-editor-header .button-query:hover {
    background-color: rgba(98, 190, 113, 0.25); }

.queries .queries-content .queries-editor .queries-editor-header .divider {
  width: 1px;
  height: 26px;
  margin-right: 8px;
  border-right: 1px solid #eee; }

.queries .queries-content .queries-editor .queries-editor-header .save-as .textbox-save-as {
  min-width: 300px; }

.queries .queries-content .queries-editor .queries-clauses {
  padding: 10px 0; }
  .queries .queries-content .queries-editor .queries-clauses .clauses {
    width: 100%; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .thead th {
      text-align: left;
      font-weight: 400;
      opacity: 0.7; }
      .queries .queries-content .queries-editor .queries-clauses .clauses .thead th.grouping .icon-grouping {
        width: 20px;
        height: 20px;
        line-height: 2rem;
        font-size: 2rem;
        border-radius: 2px;
        cursor: pointer; }
        .queries .queries-content .queries-editor .queries-clauses .clauses .thead th.grouping .icon-grouping:hover {
          background-color: rgba(98, 190, 113, 0.25); }
    .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td {
      padding: 2px 0; }
      .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.add {
        color: #5cb85c;
        cursor: pointer; }
        .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.add .icon-add {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center; }
          .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.add .icon-add:hover {
            border-radius: 2px;
            background-color: rgba(98, 190, 113, 0.25); }
      .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.remove {
        color: #d9534f;
        cursor: pointer; }
        .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.remove .icon-remove {
          height: 30px;
          width: 30px;
          line-height: 30px;
          text-align: center; }
          .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.remove .icon-remove:hover {
            border-radius: 2px;
            background-color: rgba(98, 190, 113, 0.25); }
      .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.and-or, .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.field, .queries .queries-content .queries-editor .queries-clauses .clauses .tbody .tr td.operator {
        padding-right: 10px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .add {
      width: 40px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .remove {
      width: 40px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .grouping {
      width: 30px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .and-or {
      width: 140px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .field {
      width: 400px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .operator {
      width: 220px; }
    .queries .queries-content .queries-editor .queries-clauses .clauses .value {
      width: 400px; }
  .queries .queries-content .queries-editor .queries-clauses .add-new-clause {
    height: 30px;
    padding: 0 5px 0 3px;
    border-radius: 2px;
    cursor: pointer; }
    .queries .queries-content .queries-editor .queries-clauses .add-new-clause:hover {
      background-color: rgba(98, 190, 113, 0.25); }
    .queries .queries-content .queries-editor .queries-clauses .add-new-clause .add-new-clause-icon {
      color: #5cb85c; }
    .queries .queries-content .queries-editor .queries-clauses .add-new-clause .add-new-clause-text {
      padding-left: 3px; }

.queries .queries-nav-bar {
  padding: 5px 0; }

.queries-manage-columns {
  min-width: 750px; }
  .queries-manage-columns .dialog-content {
    padding: 0 5px 10px; }
    .queries-manage-columns .dialog-content .tabs .tab {
      cursor: pointer; }
      .queries-manage-columns .dialog-content .tabs .tab:after {
        background-color: #62be71; }
    .queries-manage-columns .dialog-content .panel-columns,
    .queries-manage-columns .dialog-content .panel-sorting {
      padding-top: 10px; }
      .queries-manage-columns .dialog-content .panel-columns .available,
      .queries-manage-columns .dialog-content .panel-sorting .available {
        padding-right: 10px; }
        .queries-manage-columns .dialog-content .panel-columns .available .title,
        .queries-manage-columns .dialog-content .panel-sorting .available .title {
          padding-bottom: 3px;
          font-size: 1.2rem;
          opacity: 0.7; }
        .queries-manage-columns .dialog-content .panel-columns .available .available-content,
        .queries-manage-columns .dialog-content .panel-sorting .available .available-content {
          height: 250px;
          border-radius: 2px;
          border: 1px solid #e0e0e0;
          overflow-y: auto; }
          .queries-manage-columns .dialog-content .panel-columns .available .available-content .item,
          .queries-manage-columns .dialog-content .panel-sorting .available .available-content .item {
            flex-wrap: nowrap;
            height: 30px;
            padding: 0 3px 0 8px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer; }
            .queries-manage-columns .dialog-content .panel-columns .available .available-content .item.selected,
            .queries-manage-columns .dialog-content .panel-sorting .available .available-content .item.selected {
              background-color: #62be71;
              color: #ffffff; }
            .queries-manage-columns .dialog-content .panel-columns .available .available-content .item .icon-arrow,
            .queries-manage-columns .dialog-content .panel-sorting .available .available-content .item .icon-arrow {
              width: 24px;
              height: 24px;
              margin-left: 4px;
              font-size: 2.4rem;
              line-height: 24px;
              text-align: center; }
              .queries-manage-columns .dialog-content .panel-columns .available .available-content .item .icon-arrow:hover,
              .queries-manage-columns .dialog-content .panel-sorting .available .available-content .item .icon-arrow:hover {
                background-color: rgba(98, 190, 113, 0.25); }
      .queries-manage-columns .dialog-content .panel-columns .visible,
      .queries-manage-columns .dialog-content .panel-sorting .visible {
        padding-right: 10px; }
        .queries-manage-columns .dialog-content .panel-columns .visible .title,
        .queries-manage-columns .dialog-content .panel-sorting .visible .title {
          padding-bottom: 3px;
          font-size: 1.2rem;
          opacity: 0.7; }
        .queries-manage-columns .dialog-content .panel-columns .visible .visible-content,
        .queries-manage-columns .dialog-content .panel-sorting .visible .visible-content {
          height: 250px;
          border-radius: 2px;
          border: 1px solid #e0e0e0;
          overflow-y: auto; }
          .queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item,
          .queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item {
            flex-wrap: nowrap;
            height: 30px;
            padding: 0 8px 0 3px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer; }
            .queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item.selected,
            .queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item.selected {
              background-color: #62be71;
              color: #ffffff; }
            .queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item .icon-arrow,
            .queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item .icon-arrow {
              width: 24px;
              height: 24px;
              margin-right: 4px;
              font-size: 2.4rem;
              line-height: 24px;
              text-align: center; }
              .queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item .icon-arrow:hover,
              .queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item .icon-arrow:hover {
                background-color: rgba(98, 190, 113, 0.25); }
      .queries-manage-columns .dialog-content .panel-columns .customize,
      .queries-manage-columns .dialog-content .panel-sorting .customize {
        width: 80px; }
        .queries-manage-columns .dialog-content .panel-columns .customize .title,
        .queries-manage-columns .dialog-content .panel-sorting .customize .title {
          padding-bottom: 3px;
          font-size: 1.2rem;
          opacity: 0.7; }

.prize-details .meta-data-row {
  align-content: flex-start; }

.prize-details .add-undo-btn {
  margin-top: 20px; }

.prize-details .prize-options-section {
  padding-bottom: 10px; }
  .prize-details .prize-options-section .prize-options-label {
    opacity: 0.6; }
  .prize-details .prize-options-section .prize-options-content {
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fbfbfb; }
    .prize-details .prize-options-section .prize-options-content .prize-options.locked {
      pointer-events: none; }
    .prize-details .prize-options-section .prize-options-content .prize-options .prize-option {
      padding: 5px;
      position: relative; }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:first-child {
        padding-top: 10px; }
        .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:first-child .user-actions .user-action.change-position .icon-up {
          color: #b3b3b3;
          cursor: initial; }
          .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:first-child .user-actions .user-action.change-position .icon-up:hover {
            opacity: 0.6;
            color: #b3b3b3; }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:last-child .user-actions .user-action.change-position .icon-down {
        color: #b3b3b3;
        cursor: initial; }
        .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:last-child .user-actions .user-action.change-position .icon-down:hover {
          opacity: 0.6;
          color: #b3b3b3; }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.025); }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-input {
        z-index: 1; }
        .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-input.title {
          flex-grow: 2; }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions {
        z-index: 1; }
        .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action {
          cursor: pointer; }
          .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.edit {
            color: #62be71;
            opacity: 0.6; }
            .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.edit:hover {
              color: #45a855;
              opacity: 1; }
          .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.delete {
            color: #d9534f;
            opacity: 0.6; }
            .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.delete:hover {
              color: #d43f3a;
              opacity: 1; }
          .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position {
            color: #62be71;
            cursor: auto; }
            .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-up, .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-down {
              height: 15px;
              cursor: pointer;
              opacity: 0.6;
              font-size: 2.1rem; }
              .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-up:hover, .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-down:hover {
                color: #45a855;
                opacity: 1; }
              .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-up:first-child, .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-down:first-child {
                margin-bottom: 3px; }
              .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-up:last-child, .prize-details .prize-options-section .prize-options-content .prize-options .prize-option .user-actions .user-action.change-position .icon-down:last-child {
                margin-top: 3px; }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option.has-changed.up {
        animation: move-up 0.5s ease forwards; }

@keyframes move-up {
  from {
    opacity: 0;
    transform: translateY(46px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option.has-changed.down {
        animation: move-down 0.5s ease forwards; }

@keyframes move-down {
  from {
    opacity: 0;
    transform: translateY(-46px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
      .prize-details .prize-options-section .prize-options-content .prize-options .prize-option.has-changed::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        animation: fade-background 2s ease forwards; }

@keyframes fade-background {
  from {
    background-color: rgba(98, 190, 113, 0.2); }
  to {
    background-color: rgba(98, 190, 113, 0); } }
    .prize-details .prize-options-section .prize-options-content .fallback {
      padding: 10px;
      opacity: 0.6; }
    .prize-details .prize-options-section .prize-options-content .button-container {
      border-top: 1px solid #ddd;
      padding: 10px;
      background-color: #f2f2f2; }

.devices-list {
  margin-bottom: 60px;
  padding-bottom: 10px; }

.sample-images .dialog-wrapper {
  width: 80%;
  height: 80%;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 3px; }
  .sample-images .dialog-wrapper .dialog-header {
    max-height: 50px;
    padding: 0 10px;
    flex: 1;
    border-bottom: 1px solid #dddddd; }
    .sample-images .dialog-wrapper .dialog-header h2 {
      flex: 1;
      font-weight: 600; }
    .sample-images .dialog-wrapper .dialog-header .filter {
      width: 280px;
      position: relative; }
      .sample-images .dialog-wrapper .dialog-header .filter .search-icon {
        position: absolute;
        line-height: 30px;
        left: 2px;
        z-index: 1; }
      .sample-images .dialog-wrapper .dialog-header .filter .textbox {
        align-items: center;
        flex-direction: row; }
        .sample-images .dialog-wrapper .dialog-header .filter .textbox label {
          margin-right: 10px; }
        .sample-images .dialog-wrapper .dialog-header .filter .textbox .textbox-value {
          flex: 1; }
          .sample-images .dialog-wrapper .dialog-header .filter .textbox .textbox-value input[type="text"] {
            padding: 5px 5px 5px 28px; }
  .sample-images .dialog-wrapper .dialog-content {
    height: calc(100% - 100px); }
    .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container {
      padding: 5px; }
      .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container {
        margin-bottom: 10px;
        border: 1px solid #dddddd;
        border-radius: 3px;
        cursor: pointer;
        position: relative; }
        .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container:hover {
          border: 1px solid #62be71; }
        .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container .sample-image {
          border-radius: 3px 3px 0 0;
          flex: 1;
          position: relative;
          background-color: #ddd;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
          .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container .sample-image:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 50%; }
          .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container .sample-image > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container .sample-image .image-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.25); }
          .sample-images .dialog-wrapper .dialog-content .grid-view-sample-images .grid-container .grid-view-container .sample-image .item-name {
            position: absolute;
            right: 5px;
            bottom: 5px;
            left: 5px;
            font-size: 1.8rem;
            line-height: 2.2rem;
            color: #ffffff;
            text-align: left;
            z-index: 1; }
  .sample-images .dialog-wrapper .dialog-footer {
    padding: 7px;
    max-height: 46px;
    flex: 1;
    border-top: 1px solid #dddddd; }
    .sample-images .dialog-wrapper .dialog-footer custom-button {
      display: inline-block; }

.page-events-prizes .buynowitems-grid {
  margin-bottom: 75px; }

.page-events-guests .events-guests-grid {
  margin-bottom: 75px; }

.event-guest-details .meta-data-row {
  align-content: flex-start; }

.clients-list .clients .clients-grid {
  padding-bottom: 85px; }

.client-details .warning-message {
  border-radius: 2px;
  border-left: 5px solid #f0ad4e;
  background-color: #fceedb;
  padding: 5px 0;
  margin: 5px 5px 0; }
  .client-details .warning-message .material-icons {
    font-size: 3.1rem;
    padding: 0 10px;
    color: #f0ad4e; }
  .client-details .warning-message .title {
    font-weight: 600; }

.client-details .client-details-contacts .client-contact-row .remove-contact-btn .icon-remove {
  margin-top: 20px;
  font-size: 28px;
  color: #d9534f; }
  .client-details .client-details-contacts .client-contact-row .remove-contact-btn .icon-remove:hover {
    background-color: #d9534f;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer; }

.client-details .stripe-details {
  padding-bottom: 10px; }
  .client-details .stripe-details .label {
    color: #9e9e9e; }
  .client-details .stripe-details .connect .button-connect {
    margin-bottom: 5px; }
  .client-details .stripe-details .stripe-details-container {
    border: 1px solid #dddddd;
    background-color: #fbfbfb;
    padding: 10px;
    border-radius: 2px;
    margin-top: 10px; }
    .client-details .stripe-details .stripe-details-container .api-input {
      padding-top: 10px; }
      .client-details .stripe-details .stripe-details-container .api-input text-box .textbox-value {
        border-radius: 2px 0 0 2px; }
      .client-details .stripe-details .stripe-details-container .api-input custom-button button {
        border-radius: 0 2px 2px 0; }
    .client-details .stripe-details .stripe-details-container.api-key .back-button {
      margin-right: 10px;
      padding: 7px;
      border-radius: 2px;
      background: #eee;
      cursor: pointer;
      transition: background-color 0.2s ease, color 0.2s ease; }
      .client-details .stripe-details .stripe-details-container.api-key .back-button:hover {
        background-color: #62be71;
        color: #ffffff; }
    .client-details .stripe-details .stripe-details-container.complete {
      display: flex;
      justify-content: center;
      padding: 5px; }
      .client-details .stripe-details .stripe-details-container.complete .check {
        border-radius: 2px;
        font-size: 3.2rem;
        height: 50px;
        width: 50px;
        color: #ffffff;
        background-color: #62be71;
        margin-right: 10px; }
  .client-details .stripe-details .link {
    color: #62be71;
    cursor: pointer;
    text-decoration: underline; }
    .client-details .stripe-details .link:hover {
      text-decoration: none; }
  .client-details .stripe-details .stripe-account {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fbfbfb; }
    .client-details .stripe-details .stripe-account .stripe-account-content {
      padding: 5px;
      align-items: center; }
      .client-details .stripe-details .stripe-account .stripe-account-content .stripe-account-picture {
        border-radius: 2px;
        padding: 5px;
        height: 50px;
        width: 50px;
        object-fit: contain;
        background-color: #dcdcec;
        margin-right: 5px; }
      .client-details .stripe-details .stripe-account .stripe-account-content .stripe-account-id {
        font-weight: 600; }
      .client-details .stripe-details .stripe-account .stripe-account-content .stripe-link-action {
        padding: 5px;
        cursor: pointer; }
        .client-details .stripe-details .stripe-account .stripe-account-content .stripe-link-action.stripe-unlink {
          color: #d9534f; }
        .client-details .stripe-details .stripe-account .stripe-account-content .stripe-link-action.loading {
          cursor: not-allowed; }
        .client-details .stripe-details .stripe-account .stripe-account-content .stripe-link-action:hover {
          border-radius: 2px;
          background-color: #efefef; }
    .client-details .stripe-details .stripe-account loading {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      height: 3px; }
      .client-details .stripe-details .stripe-account loading .loading.line:before {
        background-color: #32325d; }
  .client-details .stripe-details .error-message {
    color: #d9534f; }

.client-details .preview-logo-container {
  position: relative;
  height: 200px;
  padding: 5px;
  border: 1px dashed #dddddd;
  background-color: #e4e4e4;
  border-radius: 2px; }
  .client-details .preview-logo-container .preview-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .client-details .preview-logo-container .delete-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.67);
    color: #666666;
    padding: 2px;
    border-radius: 2px; }
    @media only screen and (min-width: 1024px) {
      .client-details .preview-logo-container .delete-icon:hover {
        background-color: #FFF;
        color: #d9534f; } }

.guests-list .guests-datagrid {
  padding-bottom: 85px; }

.page-events-guests .upload-excel custom-button .upload-icon, .page-events-guests .upload-excel custom-button .download-icon {
  margin: 0 4px 0 -5px;
  font-size: 1.8rem; }

.page-prize-donors .prize-donors-grid {
  padding-bottom: 85px; }

.donor-details .donor-details-row .remove-donor {
  font-size: 28px;
  color: #d9534f;
  margin-bottom: 11px; }
  .donor-details .donor-details-row .remove-donor:hover {
    cursor: pointer;
    background-color: #d9534f;
    color: #ffffff;
    border-radius: 2px; }

.donor-details .donor-details-row .add-person {
  background-color: #62be71;
  color: #ffffff;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 11px;
  padding: 2px; }
  .donor-details .donor-details-row .add-person:hover {
    background-color: #48af59; }

.donor-details .donor-details-row .link-contact {
  background-color: #5bc0de;
  color: #ffffff;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 11px;
  padding: 2px; }
  .donor-details .donor-details-row .link-contact:hover {
    background-color: #39b3d7; }

.page-gdpr .gdpr-textarea .textarea .textarea-value textarea {
  min-height: 60vh; }

/* Variables for text cropping */
.page-catalog-prizes-selection {
  align-items: stretch;
  height: 100%;
  background-color: #ffffff;
  overflow-y: hidden; }
  .page-catalog-prizes-selection .catalog-prizes-selection-header {
    height: 50px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eaeaea; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .title {
      padding-left: 5px;
      font-weight: bold; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field {
      width: 280px;
      padding-left: 0;
      position: relative; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field .search-icon {
        position: absolute;
        line-height: 30px;
        left: 3px;
        z-index: 1; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field .textbox {
        align-items: center;
        flex-direction: row; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field .textbox label {
          margin-right: 10px; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field .textbox .textbox-value {
          flex: 1; }
          .page-catalog-prizes-selection .catalog-prizes-selection-header .search-field .textbox .textbox-value input[type="text"] {
            padding: 5px 2px 5px 28px; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button button {
      min-width: initial;
      padding: 0; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button button .filter-icon {
        background-image: url(/images/icons/icon-filter-filled-tool-white.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        padding: 15px; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button:hover .preview-tooltip {
      visibility: visible;
      opacity: 1; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button .preview-tooltip {
      visibility: hidden;
      position: absolute;
      top: 40px;
      left: -71px;
      padding: 5px 10px;
      font-size: 1.6rem;
      font-weight: 600;
      background-color: #1a1d27;
      color: #ffffff;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px;
      transition: opacity;
      opacity: 0; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button .preview-tooltip:after {
        position: absolute;
        right: 8px;
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .filter-button .preview-tooltip:after {
        border-bottom-color: #1a1d27;
        border-width: 7px; }
    .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter {
      background: #f1f1f1;
      width: 330px;
      height: 75%;
      max-height: 75%;
      position: absolute;
      top: 45px;
      right: 14px;
      z-index: 10;
      border: 1px solid #dddddd;
      box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content {
        padding: 10px; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .price-min {
          padding-right: 5px; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .price-max {
          padding-left: 5px; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content combo-box {
          margin: 10px 0; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list {
          list-style-type: none;
          overflow-y: auto; }
          .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item {
            width: 100%;
            display: flex; }
            .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item check-box {
              padding-top: 4px; }
              .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item check-box .custom-checkbox {
                width: initial;
                position: relative;
                line-height: 15px;
                margin-bottom: 10px; }
                .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item check-box .custom-checkbox .lab {
                  border-radius: 2px;
                  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.12); }
                  .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item check-box .custom-checkbox .lab:after {
                    width: 11px;
                    height: 6px;
                    background-color: #ffffff;
                    border: 2px solid #62be71;
                    border-top: none;
                    border-right: none; }
                .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-content .filter-list .filter-item check-box .custom-checkbox span {
                  color: #4a4a4a;
                  padding-left: 5px;
                  cursor: pointer; }
      .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-footer {
        display: flex;
        align-items: stretch;
        flex-direction: row;
        width: 100%;
        border-top: 1px solid #dddddd; }
        .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-footer .prize-filter-btn {
          background: transparent;
          border: 0;
          padding: 8px 0; }
          .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-footer .prize-filter-btn.filter-btn-reset {
            border-right: 1px solid #dddddd; }
          .page-catalog-prizes-selection .catalog-prizes-selection-header .prizes-filter-container .catalog-prize-filter .filter-footer .prize-filter-btn:hover {
            color: #62be71;
            background: #f9f9f9; }
  .page-catalog-prizes-selection .carousel-wrapper {
    position: relative;
    width: 100%;
    height: 35vh;
    flex-shrink: 0;
    transition: 1s ease-in-out;
    overflow: hidden;
    background-color: #313541; }
    .page-catalog-prizes-selection .carousel-wrapper:before {
      width: 50%;
      height: 10%;
      content: '';
      background-color: #ffffff;
      border-radius: 100%;
      opacity: 0.2;
      box-shadow: 0 0 130px 130px #ffffff;
      position: absolute;
      transform: translateX(-50%) translateY(-50%);
      top: 50%;
      left: 50%; }
    .page-catalog-prizes-selection .carousel-wrapper.au-enter-active {
      animation: fadein 1s ease-in; }
    .page-catalog-prizes-selection .carousel-wrapper.au-leave-active {
      animation: fadeout 1s ease-out; }
    .page-catalog-prizes-selection .carousel-wrapper .carousel {
      width: 100%;
      height: 100%; }
      .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target {
        width: 100%;
        height: 100%;
        display: block;
        position: relative; }
        .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item {
          max-width: 44%;
          position: absolute;
          top: 0;
          width: 100%;
          box-shadow: 0 0 1px 2px #ffffff; }
          .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item {
            border: 0;
            background-color: #ddd;
            width: 100%;
            display: block;
            transition: all 1s ease-in-out; }
            .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item.current {
              transform: scale(1.5) !important; }
            .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content {
              position: relative;
              width: 100%;
              /* Image */ }
              .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-img {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 100%;
                position: relative;
                /* Overlay */
                /* Title */ }
                .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-img:before {
                  display: block;
                  content: " ";
                  width: 100%;
                  padding-top: 40.36697%; }
                .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-img > .content {
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0; }
                .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-img .carousel-overlay {
                  width: 100%;
                  height: 100%;
                  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
                  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5) 60%);
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: none; }
                .page-catalog-prizes-selection .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-img .title {
                  color: #ffffff;
                  position: absolute;
                  bottom: 0;
                  padding: 2%;
                  font-size: 2.5rem;
                  font-size: 1.3vw;
                  line-height: 100%;
                  left: 0;
                  background-color: rgba(0, 0, 0, 0.25);
                  border-radius: 0 10px 0 0; }
  .page-catalog-prizes-selection .catalog-prizes-selection-content {
    flex-grow: 1;
    min-height: 0;
    height: 100%;
    max-height: calc(100% - 100px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap; }
    .page-catalog-prizes-selection .catalog-prizes-selection-content.no-footer {
      max-height: calc(100% - 50px); }
    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view {
      height: 100%; }
      .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container {
        padding: 5px; }
        .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container {
          cursor: pointer;
          margin: 5px 0;
          overflow: hidden;
          position: relative;
          /* Hiding if not selected */ }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 50%; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back {
            width: 100%;
            height: 100%; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .selected-icon {
            font-size: 0px;
            display: block;
            opacity: 0; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container.is-selected .front .selected-icon, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container.is-selected .back .selected-icon {
            position: absolute;
            top: 100px;
            color: rgba(255, 255, 255, 0.7);
            z-index: 3;
            font-size: 13rem;
            width: 100%;
            display: block;
            text-align: center;
            -webkit-transition: opacity 200ms ease-in;
            -ms-transition: opacity 200ms ease-in;
            -moz-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in;
            opacity: 1;
            visibility: visible; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front {
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 3px; }
            .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image {
              position: relative;
              flex-grow: 1; }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-image-src {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: contain; }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-image-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(0, 0, 0, 0.3); }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-title {
                padding: 8px 10px;
                color: #ffffff;
                font-weight: 600;
                font-size: 1.8rem;
                line-height: normal;
                z-index: 1; }
                @media only screen and (min-width: 768px) {
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-title {
                    font-size: 1.4rem; } }
                @media only screen and (min-width: 1024px) {
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-title {
                    font-size: 1.8rem; } }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-selection-container {
                position: absolute;
                top: 10px;
                right: 10px; }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-selection-container .pulse {
                  position: absolute;
                  top: 0px;
                  right: 4px;
                  width: 56px;
                  height: 30px;
                  background-color: transparent;
                  border: 3px solid #f9b24f;
                  border-radius: 2px;
                  opacity: 0;
                  animation: pulse 1s linear;
                  animation-iteration-count: 8;
                  animation-delay: 5s; }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-image .prize-selection-container .button-remove button {
                  background-color: #d9534f; }
            .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer {
              padding: 0 10px;
              border-top: 1px solid #efefef; }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit {
                color: #4a4a4a; }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price label, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit label {
                  display: block;
                  font-size: 1.4rem;
                  line-height: normal; }
                  @media only screen and (min-width: 768px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price label, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit label {
                      font-size: 1rem; } }
                  @media only screen and (min-width: 1024px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price label, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit label {
                      font-size: 1.4rem; } }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price span, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit span {
                  font-size: 1.6rem;
                  font-weight: 600;
                  line-height: normal; }
                  @media only screen and (min-width: 768px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price span, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit span {
                      font-size: 1.2rem; } }
                  @media only screen and (min-width: 1024px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-price span, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .prize-profit span {
                      font-size: 1.6rem; } }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .front .prize-footer .already-added {
                background: #5cb85c;
                padding: 5px 8px;
                border-radius: 2px;
                color: #ffffff;
                font-size: 1.2rem;
                font-weight: 600; }
          .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back {
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 3px; }
            .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content {
              flex: 1 1 auto;
              padding: 10px; }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header {
                min-height: 34px;
                padding-bottom: 10px; }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header .title {
                  font-size: 1.6rem;
                  font-weight: 600;
                  flex: 1;
                  line-height: 2rem; }
                  @media only screen and (min-width: 768px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header .title {
                      font-size: 1.2rem;
                      line-height: 1.6rem; } }
                  @media only screen and (min-width: 1024px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header .title {
                      font-size: 1.4rem;
                      line-height: 1.8rem; } }
                  @media only screen and (min-width: 1200px) {
                    .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header .title {
                      font-size: 1.6rem;
                      line-height: 2rem; } }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .header .button-remove button {
                  background-color: #d9534f; }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .description {
                flex-grow: 1;
                font-size: 1.2rem;
                line-height: 1.5rem;
                overflow: hidden;
                text-align: justify; }
                @media only screen and (min-width: 768px) {
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .description {
                    font-size: 0.8rem;
                    line-height: 1.2rem; } }
                @media only screen and (min-width: 1024px) {
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .description {
                    font-size: 1rem;
                    line-height: 1.4rem; } }
                @media only screen and (min-width: 1200px) {
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .description {
                    font-size: 1.2rem;
                    line-height: 1.5rem; } }
              .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .prize-back-footer {
                position: absolute;
                right: 10px;
                bottom: 10px; }
                .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .prize-back-footer .paddle button {
                  width: 50px;
                  height: 58px;
                  min-width: 50px;
                  background: url("/images/branding/icon-paddle-bidin-green-reverted.svg") no-repeat center center;
                  background-size: contain;
                  color: #ffffff;
                  padding: 0 12px;
                  border-radius: 0;
                  box-shadow: none;
                  font-size: 1.2rem;
                  text-transform: capitalize;
                  text-align: center;
                  cursor: pointer;
                  transform: scale(0.8);
                  transition: transform 0.2s ease-in-out;
                  transform-origin: right bottom; }
                  .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .prize-back-footer .paddle button:hover, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .prize-back-footer .paddle button:focus, .page-catalog-prizes-selection .catalog-prizes-selection-content grid-view .grid-container .prize-container .back .prize-content .prize-back-footer .paddle button:active {
                    transform: scale(1);
                    transition: transform 0.2s ease-in-out;
                    transform-origin: right bottom; }
    .page-catalog-prizes-selection .catalog-prizes-selection-content .loading-prizes {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .page-catalog-prizes-selection .catalog-prizes-selection-content .loading-prizes .text {
        padding: 0 0 2px 10px; }
  .page-catalog-prizes-selection .catalog-prizes-selection-footer {
    height: 50px;
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea; }
    .page-catalog-prizes-selection .catalog-prizes-selection-footer .selected-prizes-count {
      padding-right: 5px; }
  .page-catalog-prizes-selection.public-catalog .catalog-prizes-selection-content {
    max-height: 100%; }

#prize-catalog-modal {
  z-index: 1;
  position: relative; }
  #prize-catalog-modal .modal-close-btn {
    position: fixed;
    top: 55px;
    right: 5px;
    font-size: 36px;
    z-index: 2;
    color: #ffffff;
    border-radius: 50%;
    background-color: #444444;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      #prize-catalog-modal .modal-close-btn {
        position: absolute;
        top: -20px;
        right: -16px; }
        #prize-catalog-modal .modal-close-btn:hover {
          color: #de6764;
          background-color: #ffffff; } }
  #prize-catalog-modal .modal {
    width: 100vw;
    height: calc(100vh - 50px);
    padding: 10px;
    position: fixed;
    top: 50px;
    left: 0;
    padding-bottom: 50px; }
    @media only screen and (min-width: 768px) {
      #prize-catalog-modal .modal {
        width: 500px;
        height: 667px;
        padding: 0px;
        position: initial;
        top: 0; } }
    #prize-catalog-modal .modal .carousel {
      height: 200px; }
      @media only screen and (min-width: 768px) {
        #prize-catalog-modal .modal .carousel {
          height: 270px; } }
      #prize-catalog-modal .modal .carousel .modal-prize-images {
        width: 100%;
        height: 200px; }
        @media only screen and (min-width: 768px) {
          #prize-catalog-modal .modal .carousel .modal-prize-images {
            height: 270px; } }
    #prize-catalog-modal .modal .modal-content {
      margin: 10px; }
      #prize-catalog-modal .modal .modal-content .description p {
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: justify;
        white-space: pre-wrap; }
      #prize-catalog-modal .modal .modal-content .other-info {
        margin: 40px 0;
        align-items: center;
        flex: 1; }
        #prize-catalog-modal .modal .modal-content .other-info .starting-price {
          font-size: 24px;
          font-weight: 600;
          line-height: normal;
          margin-bottom: 5px; }
        #prize-catalog-modal .modal .modal-content .other-info .textfield {
          border: 1px solid #dddddd;
          padding: 0 5px;
          height: 24px;
          margin: 3px 0;
          min-width: 80px; }
        #prize-catalog-modal .modal .modal-content .other-info .icon {
          color: #62be71;
          font-size: 30px;
          cursor: not-allowed; }
        #prize-catalog-modal .modal .modal-content .other-info custom-button button {
          width: 133px;
          height: 24px;
          line-height: 24px;
          font-size: 10px;
          background-color: #62be71;
          color: #ffffff !important;
          cursor: not-allowed; }

.page-inventory .inventory-grid {
  margin-bottom: 75px; }

.qr-viewer-print {
  height: 100vh;
  max-height: 100vh;
  padding: 3% 0; }
  @media print {
    .qr-viewer-print {
      -webkit-print-color-adjust: exact; } }
  .qr-viewer-print .qr-logo {
    max-height: 8%;
    height: 8%;
    margin-bottom: 3%; }
    .qr-viewer-print .qr-logo img {
      max-width: 100%;
      max-height: 100%; }
  .qr-viewer-print .qr-print-container {
    width: 70%;
    max-width: 70%;
    max-height: 100%;
    margin: 0 auto; }
    .qr-viewer-print .qr-print-container h1.qr-title {
      font-size: 3.2rem;
      margin-top: 3%; }
    .qr-viewer-print .qr-print-container .qr-code {
      height: 100%;
      width: 100%;
      position: relative; }
      .qr-viewer-print .qr-print-container .qr-code .qr-img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        padding: 20px;
        border: 1px solid #ccc; }
  .qr-viewer-print .qr-link {
    margin-top: 3%; }

@media print {
  @page {
    margin: 0;
    padding: 0; } }

.dialogs-host .dialog .dialog-container .dialog-wrap.auction-end-time-dialog {
  height: auto; }

.dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog {
  width: 100%;
  max-width: 32vw;
  height: 100%;
  max-height: 85vh;
  position: relative;
  padding: 20px;
  background-color: #ffffff !important; }
  @media print {
    .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-width: 100vw;
      max-height: 100vh; } }
  .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .close-btn {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 30px;
    height: 30px;
    color: #ffffff;
    background-color: #4a4a4a;
    border: 2px solid #ffffff;
    border-radius: 50%;
    transition: background-color 0.15s ease-in-out;
    cursor: pointer; }
    @media only screen and (min-width: 1024px) {
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .close-btn:hover {
        background-color: #d9534f; } }
    @media print {
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .close-btn {
        display: none; } }
  .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content {
    font-size: 0.6vw; }
    @media print {
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content {
        font-size: 1.4rem; } }
    .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header {
      margin-bottom: 1vw; }
      @media print {
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header {
          margin-bottom: 20px; } }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .logo {
        width: 25%; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .title {
        font-size: 1.6vw;
        line-height: 1.2; }
        @media print {
          .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .title {
            font-size: 3.2rem; } }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .label {
        font-size: 0.6vw;
        opacity: 0.6; }
        @media print {
          .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .label {
            font-size: 1.2rem; } }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .name {
        font-weight: bold; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .invoice-to {
        margin: 1.4vw 0 0; }
        @media print {
          .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .invoice-header .invoice-to {
            margin: 28px 0 0; } }
    .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table {
      width: 100%; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table .table-header {
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd; }
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table .table-header .title {
          font-weight: bold; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td {
        vertical-align: top;
        padding: 0.3vw 0; }
        @media print {
          .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td {
            padding: 6px 0; } }
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td:nth-child(2) {
          padding: 0.3vw 1.8vw; }
          @media print {
            .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td:nth-child(2) {
              padding: 6px 20px; } }
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td:not(:first-child) {
          text-align: right; }
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table td span {
          display: block; }
      .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table.items-list {
        margin-bottom: 3vw;
        border-bottom: 1px solid #ddd; }
        @media print {
          .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .table.items-list {
            margin-bottom: 60px; } }
    .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .company-details {
      font-size: 0.8vw;
      line-height: 1.2; }
      @media print {
        .dialogs-host .dialog .dialog-container .dialog-wrap.pending-invoices-dialog .invoice-content .company-details {
          font-size: 1.8rem; } }

.page-events-charity .funds .fund {
  position: relative; }
  .page-events-charity .funds .fund .icon-delete {
    color: #d9534f;
    cursor: pointer;
    position: absolute;
    bottom: 4px;
    left: calc(100% + 5px);
    transition: color 0.2s ease; }
    .page-events-charity .funds .fund .icon-delete:hover {
      color: #d43f3a; }

.page-events-charity .events-charity-preview {
  color: #4a4a4a;
  overflow-y: auto; }
  .page-events-charity .events-charity-preview .donations-image {
    border-left: none;
    border-right: none;
    background-color: #ddd;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: relative; }
    .page-events-charity .events-charity-preview .donations-image:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 85%; }
    .page-events-charity .events-charity-preview .donations-image > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .page-events-charity .events-charity-preview .donations-image .charity-raised-container {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      overflow: hidden; }
      .page-events-charity .events-charity-preview .donations-image .charity-raised-container .charity-raised {
        position: relative;
        top: 0; }
        .page-events-charity .events-charity-preview .donations-image .charity-raised-container .charity-raised .charity-raised-subtitle {
          font-size: 1.4vh;
          font-weight: 600;
          line-height: 1.4vh;
          display: block; }
        .page-events-charity .events-charity-preview .donations-image .charity-raised-container .charity-raised .charity-raised-title {
          font-size: 5vh;
          font-weight: 600;
          line-height: 5vh; }
  .page-events-charity .events-charity-preview .charity-giftaid-container {
    width: 100%;
    height: 26.65%;
    padding: 0 5vh; }
    .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons {
      padding-top: 0.5vh; }
      .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-text {
        font-size: 1vh;
        line-height: 1vh;
        padding: 0.5vh 0; }
      .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-giftaid-amounts {
        width: 100%;
        height: 2.7vh;
        line-height: 2.5vh;
        margin: 1vh 0;
        border-radius: 0.3vh;
        padding: initial;
        list-style-type: none;
        font-size: 1vh;
        border: 0.1vh solid #dddddd; }
        .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-giftaid-amounts li {
          border-right: 0.1vh solid #dddddd;
          cursor: not-allowed;
          font-size: 1vh;
          display: inline-block; }
          .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-giftaid-amounts li.active {
            background-color: #62be71;
            color: #ffffff; }
            .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-giftaid-amounts li.active:hover {
              background-color: #45a855; }
          .page-events-charity .events-charity-preview .charity-giftaid-container .charity-giftaid-buttons .charity-giftaid-amounts li:last-child {
            min-width: 8vh;
            border-right: 0; }
    .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container {
      margin: 0 auto;
      padding: 0; }
      .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box {
        margin-bottom: 0.3vh; }
        .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box .checkbox {
          width: initial;
          position: relative;
          line-height: 1.5vh;
          font-size: 1vh; }
          .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box .checkbox .checkbox-value {
            margin: 0.2vh 0; }
            .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box .checkbox .checkbox-value label {
              width: 1.4vh;
              height: 1.4vh;
              border-radius: 0.2vh;
              background-color: #ffffff;
              border: 0.1vh solid #dddddd; }
              .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box .checkbox .checkbox-value label:after {
                width: 0.8vh;
                height: 0.5vh;
                top: 0.1vh;
                left: 0.1vh;
                background-color: #ffffff;
                border: 0.2vh solid #62be71;
                border-top: none;
                border-right: none; }
            .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container check-box .checkbox .checkbox-value span {
              color: #4a4a4a;
              padding-left: 0.5vh;
              cursor: pointer;
              font-size: 1vh;
              line-height: 1vh; }
      .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container .charity-donate-btn {
        height: 2.7vh;
        line-height: 2.7vh;
        padding: 0 0.8vh;
        margin-bottom: 0.8vh;
        color: #ffffff;
        background-color: #62be71;
        border: 0;
        border-radius: 0.3vh;
        font-size: 1.2vh;
        font-weight: 600;
        text-transform: uppercase;
        cursor: not-allowed; }
        .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container .charity-donate-btn:hover {
          background-color: #45a855; }
      .page-events-charity .events-charity-preview .charity-giftaid-container .charity-actions-container .info-icon {
        color: #5bc0de;
        font-size: 1.4vh;
        line-height: 1.4vh;
        padding-left: 0.5vh;
        cursor: not-allowed; }

.page-event-home .carousel-settings-title, .page-event-home .main-image-title, .page-event-home .url-settings-title {
  font-weight: 600; }

.page-event-home .carousel-settings .carousel-item {
  position: relative; }
  .page-event-home .carousel-settings .carousel-item .icon-delete {
    cursor: pointer;
    color: #d9534f;
    position: absolute;
    bottom: 3px;
    left: 100%; }

.page-event-home .url-settings .custom-url-item {
  position: relative; }
  .page-event-home .url-settings .custom-url-item .icon-delete {
    cursor: pointer;
    color: #d9534f;
    position: absolute;
    bottom: 3px;
    left: 100%; }

.page-events-details .warning-message {
  border-radius: 2px;
  border-left: 5px solid #f0ad4e;
  background-color: #fceedb;
  padding: 5px 0;
  margin: 5px 5px 0; }
  .page-events-details .warning-message .material-icons {
    font-size: 3.1rem;
    padding: 0 10px;
    color: #f0ad4e; }
  .page-events-details .warning-message .title {
    font-weight: 600; }

.page-events-details .branding-app .app-logo-container .file-upload-logo {
  margin-bottom: 10px; }
  .page-events-details .branding-app .app-logo-container .file-upload-logo input[type="file"] {
    width: 100%;
    height: 30px;
    padding: 3px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color: #fbfbfb;
    outline: none; }
  .page-events-details .branding-app .app-logo-container .file-upload-logo .label-uploading {
    width: 100%;
    height: 30px;
    padding: 3px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color: #fbfbfb; }

.page-events-details .branding-app .app-logo-container .preview-logo-container {
  position: relative;
  height: 200px;
  padding: 5px;
  border: 1px dashed #dddddd;
  background-color: #e4e4e4;
  border-radius: 2px; }
  .page-events-details .branding-app .app-logo-container .preview-logo-container .preview-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .page-events-details .branding-app .app-logo-container .preview-logo-container .delete-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.67);
    color: #666666;
    padding: 2px;
    border-radius: 2px; }
    @media only screen and (min-width: 1024px) {
      .page-events-details .branding-app .app-logo-container .preview-logo-container .delete-icon:hover {
        background-color: #FFF;
        color: #d9534f; } }

.page-events-details .branding-app .button-add-logo {
  margin-top: 20px; }

.page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail {
  width: 150px;
  position: relative; }
  .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail {
    width: 150px;
    height: 200px;
    background-color: #ffffff; }
    .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-header {
      min-height: 16px;
      line-height: 14px;
      background-color: red;
      color: #ffffff; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-header .time-remaining {
        font-size: 1rem;
        line-height: 1.6rem; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-header .logo {
        display: block;
        padding: 4px;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 600; }
    .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-featured {
      position: relative;
      height: 60px;
      background-color: #dddddd; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-featured .button {
        position: absolute;
        bottom: 5px;
        right: 5px;
        height: 10px;
        width: 26px;
        border-radius: 2px;
        background: red; }
    .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-content {
      flex: 1 1 auto;
      padding-top: 6px;
      border-left: 1px solid #efefef;
      border-right: 1px solid #efefef;
      overflow: hidden; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container {
        padding: 0 3px 6px; }
        .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container .prize {
          height: 36px;
          background-color: #dddddd;
          border-radius: 2px; }
    .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-nav {
      height: 28px;
      padding: 0 20px;
      background-color: #efefef; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .circle {
        width: 10px;
        height: 10px;
        margin: 0 auto 1px;
        border-radius: 50%;
        background-color: #dddddd; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .text {
        width: 16px;
        height: 4px;
        border-radius: 2px;
        background-color: #dddddd; }
      .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .circle, .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .text {
        background-color: #DDD !important; }
  .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .theme-name {
    padding: 3px 0;
    text-align: center; }
  .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .delete-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.67);
    color: #666666;
    padding: 2px;
    border-radius: 2px; }
    .page-events-details .branding-app .app-theme-container .preview-selected-theme .theme-thumbnail .delete-icon:hover {
      background-color: #FFF;
      color: #d9534f; }

.page-events-details .end-time-button {
  margin-left: -2px;
  border-radius: 0 2px 2px 0; }

.donors-list .datagrid thead th .checkbox .checkbox-value .checkbox-box {
  margin-left: auto;
  margin-right: auto; }

.donors-list .datagrid tbody td .checkbox .checkbox-value .checkbox-box {
  margin-left: auto;
  margin-right: auto; }

.page-events-guests .events-guests-grid {
  margin-bottom: 75px; }
  .page-events-guests .events-guests-grid .datagrid-table td.bids div.main-slot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
    .page-events-guests .events-guests-grid .datagrid-table td.bids div.main-slot .button-icon {
      color: #62be71;
      border-radius: 2px;
      user-select: none;
      cursor: pointer; }
      @media only screen and (min-width: 1024px) {
        .page-events-guests .events-guests-grid .datagrid-table td.bids div.main-slot .button-icon:hover {
          color: #45a855; } }

.page-events-info i.delete {
  padding-top: 10px;
  margin-top: 20px;
  padding: 3px; }
  .page-events-info i.delete:hover {
    background-color: #d9534f;
    color: #ffffff;
    border-radius: 2px; }

.page-events-info .events-info-preview {
  background-color: #f8f8f8;
  height: 0;
  /* fix for Firefox */ }
  .page-events-info .events-info-preview .carousel {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; }
    .page-events-info .events-info-preview .carousel .carousel-content {
      width: 100%;
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto; }
      .page-events-info .events-info-preview .carousel .carousel-content::-webkit-scrollbar {
        width: 6px;
        background-color: #f8f8f8; }
      .page-events-info .events-info-preview .carousel .carousel-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f8f8f8; }
      .page-events-info .events-info-preview .carousel .carousel-content::-webkit-scrollbar-thumb {
        background-color: #a2a2a2;
        border-radius: 5px; }
      .page-events-info .events-info-preview .carousel .carousel-content .carousel-item-vertical img {
        width: 100%; }
    .page-events-info .events-info-preview .carousel .info-preview-btns {
      padding: 10px;
      border-top: 1px solid #ddd;
      background-color: #ffffff;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      overflow-x: auto; }
      .page-events-info .events-info-preview .carousel .info-preview-btns::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-events-info .events-info-preview .carousel .info-preview-btns::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-events-info .events-info-preview .carousel .info-preview-btns::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
      .page-events-info .events-info-preview .carousel .info-preview-btns .pagination-item {
        background: #62be71;
        padding: 0.5vh 2vh;
        font-size: 1.2vh;
        line-height: normal;
        font-weight: 600;
        color: #ffffff;
        z-index: 1;
        margin: 0.5vh;
        border-radius: 0.3vh;
        cursor: pointer; }
        .page-events-info .events-info-preview .carousel .info-preview-btns .pagination-item:hover {
          background: #45a855; }
        .page-events-info .events-info-preview .carousel .info-preview-btns .pagination-item:first-child {
          margin-left: 0; }

.page-events-sponsors .sponsor-item .sponsor-header .sponsor-name {
  font-weight: 600; }

.page-events-sponsors .sponsor-item .sponsor-header .icon-delete {
  color: #d9534f;
  cursor: pointer;
  transition: transform 0.2s ease; }
  .page-events-sponsors .sponsor-item .sponsor-header .icon-delete:active {
    transform: scale(0.9); }

.page-events-sponsors .sponsor-item .custom-urls .custom-url .icon-delete {
  cursor: pointer;
  background-color: #d9534f;
  color: #ffffff;
  margin-bottom: 10px;
  transition: transform 0.2s ease;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 2px;
  margin-left: 5px; }
  .page-events-sponsors .sponsor-item .custom-urls .custom-url .icon-delete:active {
    transform: scale(0.9); }
  .page-events-sponsors .sponsor-item .custom-urls .custom-url .icon-delete:hover {
    box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); }

.page-events-sponsors .demo-view .sponsor-images .carousel {
  height: 100%;
  position: static;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .page-events-sponsors .demo-view .sponsor-images .carousel .carousel-content {
    flex-grow: 1; }
    .page-events-sponsors .demo-view .sponsor-images .carousel .carousel-content .sponsor-image {
      width: 100%; }

.page-events-sponsors .demo-view .pagination {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: auto;
  background-color: #ffffff;
  border-top: 1px solid #ddd; }
  .page-events-sponsors .demo-view .pagination::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-events-sponsors .demo-view .pagination::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-events-sponsors .demo-view .pagination::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  .page-events-sponsors .demo-view .pagination .pagination-item {
    background-color: #62be71;
    color: #ffffff;
    border-radius: 2px;
    font-weight: 600;
    padding: 0 1.5vh;
    font-size: 1.3vh;
    margin: 0 1vh;
    flex-wrap: wrap; }

.page-events-sponsors .demo-view .external-urls {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  padding: 1vh 2vh;
  border-top: 1px solid #ddd;
  flex-wrap: wrap; }
  .page-events-sponsors .demo-view .external-urls .external-url {
    height: 3vh;
    margin: 0 1vh; }

.event-faqs text-area textarea {
  height: 350px; }

.donors-list .datagrid thead th .checkbox .checkbox-value .checkbox-box {
  margin-left: auto;
  margin-right: auto; }

.donors-list .datagrid tbody td .checkbox .checkbox-value .checkbox-box {
  margin-left: auto;
  margin-right: auto; }

.page-events-prizes .vat-selection {
  border: 1px solid #dddddd;
  padding: 4px 5px;
  border-radius: 3px 0 0 3px;
  margin-bottom: 10px;
  background-color: #fbfbfb; }

.page-events-prizes data-grid td[data-title="Email"] span {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block; }

.page-events-prizes compose {
  display: flex;
  flex-direction: column; }

.event-report .event-report-sidebar {
  background-color: #f1f1f1;
  padding: 5px;
  overflow-y: auto; }
  .event-report .event-report-sidebar .assistant-row {
    border: 1px solid #dddddd;
    border-bottom: 0;
    background-color: #FFFFFF;
    padding: 5px; }
    .event-report .event-report-sidebar .assistant-row:before {
      content: '';
      width: 20px;
      height: 20px;
      margin-right: 10px;
      opacity: 0.5;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../../images/icons/icon-assistant.svg"); }
    .event-report .event-report-sidebar .assistant-row:nth-child(even) {
      background-color: #f8f8f8; }
    .event-report .event-report-sidebar .assistant-row:last-child {
      border-bottom: 1px solid #dddddd; }
    .event-report .event-report-sidebar .assistant-row .icon-add {
      color: #5cb85c; }
      @media only screen and (min-width: 1024px) {
        .event-report .event-report-sidebar .assistant-row .icon-add:hover {
          color: #449d44;
          cursor: pointer; } }

.page-events-tables .events-tables-grid {
  margin-bottom: 75px; }
  .page-events-tables .events-tables-grid .auction-time-ramaining span {
    line-height: 30px;
    padding: 0 10px; }

.page-events-tables .meta-data-row {
  align-content: flex-start; }
  .page-events-tables .meta-data-row .table-name {
    margin-top: 10px; }
  .page-events-tables .meta-data-row .devices-list .devices-label {
    padding: 5px;
    color: #9e9e9e; }
  .page-events-tables .meta-data-row .devices-list .devices-row {
    margin-bottom: 10px; }
    .page-events-tables .meta-data-row .devices-list .devices-row .devices-item {
      flex: 1; }
    .page-events-tables .meta-data-row .devices-list .devices-row i.delete {
      line-height: 30px; }

.transactions .details-container {
  display: flex;
  flex: 0 1 100%;
  -ms-flex-direction: row;
  flex-wrap: nowrap; }
  .transactions .details-container .details-left {
    border-right: 5px solid #b7b7b7; }
  .transactions .details-container .details-right {
    padding: 10px; }
    .transactions .details-container .details-right .transaction-note {
      margin: 15px 0; }
      .transactions .details-container .details-right .transaction-note .note-top {
        display: flex;
        flex: 0 1 100%;
        -ms-flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        margin-bottom: 5px; }
        .transactions .details-container .details-right .transaction-note .note-top .note-left {
          border-radius: 50%;
          padding: 5px;
          color: #ffffff;
          background-color: #666666;
          font-size: 12px;
          display: flex;
          flex: 1 0 100%;
          align-items: center;
          width: 60px;
          height: 60px;
          max-width: 60px;
          max-height: 60px;
          margin: 0 10px 0 0;
          text-align: center;
          line-height: 14px;
          overflow: hidden; }
        .transactions .details-container .details-right .transaction-note .note-top .note-right {
          flex-grow: 1;
          background-color: #fbfbfb;
          border: 1px solid #dddddd;
          border-radius: 2px;
          padding: 5px;
          min-height: 60px;
          cursor: not-allowed; }
      .transactions .details-container .details-right .transaction-note .note-bottom {
        align-items: center;
        display: flex;
        flex-direction: row-reverse; }
        .transactions .details-container .details-right .transaction-note .note-bottom span {
          font-size: 12px; }
        .transactions .details-container .details-right .transaction-note .note-bottom .remove {
          cursor: pointer;
          padding-left: 5px; }
          .transactions .details-container .details-right .transaction-note .note-bottom .remove:hover {
            color: #d9534f; }
    .transactions .details-container .details-right .transactions-addnew textarea {
      min-height: 60px;
      margin-bottom: 10px; }

.event-projector-app .preview-image-container {
  position: relative;
  height: 200px;
  padding: 5px;
  border: 1px dashed #dddddd;
  background-color: #e4e4e4;
  border-radius: 2px; }
  .event-projector-app .preview-image-container .preview-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .event-projector-app .preview-image-container .delete-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.67);
    color: #666666;
    padding: 2px;
    border-radius: 2px; }
    @media only screen and (min-width: 1024px) {
      .event-projector-app .preview-image-container .delete-icon:hover {
        background-color: #FFF;
        color: #d9534f; } }

.page-event-screensaver i.delete {
  padding-top: 10px;
  margin-top: 10px;
  padding: 3px; }
  .page-event-screensaver i.delete:hover {
    background-color: #d9534f;
    color: #ffffff;
    border-radius: 2px; }

.page-event-screensaver .event-screensaver {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1; }
  .page-event-screensaver .event-screensaver .carousel {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden; }
    .page-event-screensaver .event-screensaver .carousel .carousel-content {
      width: 100%;
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden;
      justify-content: center;
      text-align: center; }
      .page-event-screensaver .event-screensaver .carousel .carousel-content::-webkit-scrollbar {
        width: 6px;
        background-color: #f8f8f8; }
      .page-event-screensaver .event-screensaver .carousel .carousel-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f8f8f8; }
      .page-event-screensaver .event-screensaver .carousel .carousel-content::-webkit-scrollbar-thumb {
        background-color: #a2a2a2;
        border-radius: 5px; }
      .page-event-screensaver .event-screensaver .carousel .carousel-content .carousel-item-vertical img {
        width: 100%; }
      .page-event-screensaver .event-screensaver .carousel .carousel-content .carousel-item > div {
        height: 100%;
        /* Overlay */ }
        .page-event-screensaver .event-screensaver .carousel .carousel-content .carousel-item > div .carousel-overlay {
          width: 100%;
          height: 100%;
          background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.25));
          position: absolute;
          top: 0;
          left: 0; }
    .page-event-screensaver .event-screensaver .carousel .carousel-pagination {
      position: absolute;
      bottom: 15px;
      display: flex;
      left: 0;
      right: 0; }

.page-event-notifications check-box {
  margin-bottom: 10px; }
  .page-event-notifications check-box .checkbox .checkbox-value .checkbox-text {
    font-size: 1.8rem;
    order: -1;
    padding: 0 8px 0 0; }

.page-event-notifications .sms-notifications {
  padding-right: 15px; }
  @media only screen and (min-width: 1920px) {
    .page-event-notifications .sms-notifications {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: 100%; } }
  .page-event-notifications .sms-notifications .sms-author {
    width: 50%; }
  @media only screen and (min-width: 1920px) {
    .page-event-notifications .sms-notifications .sms-section {
      flex-wrap: wrap; } }
  @media only screen and (min-width: 1920px) {
    .page-event-notifications .sms-notifications .sms-section .template-container {
      flex-basis: 0;
      width: 50%;
      max-width: 50%; } }

.page-event-notifications .template-container {
  padding: 5px; }
  .page-event-notifications .template-container .template {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition: border-color 0.2s ease, background-color 0.2s ease; }
    .page-event-notifications .template-container .template.active {
      border-color: rgba(98, 190, 113, 0.7);
      background-color: rgba(98, 190, 113, 0.05); }

.page-event-notifications event-notifications-editor .variables {
  margin: 5px 0 0; }
  .page-event-notifications event-notifications-editor .variables .variable {
    border-radius: 2px;
    background: #efefef;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    cursor: pointer; }
    .page-event-notifications event-notifications-editor .variables .variable:hover {
      background: #62be71;
      color: white; }

.page-event-notifications event-notifications-editor .character-count {
  margin: 5px 0 0 5px;
  align-self: flex-start;
  color: #ffffff;
  background-color: #62be71;
  font-weight: 600;
  font-size: 1.2rem;
  transition: background-color 0.15s ease;
  border-radius: 100vh;
  padding: 2px 4px;
  min-width: 24px;
  text-align: center; }
  .page-event-notifications event-notifications-editor .character-count.invalid {
    background-color: #d9534f; }

.demo-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 54vh;
  height: 80vh;
  color: #8d8c8c;
  background-image: url("/images/misc/ipad-black.svg");
  background-repeat: no-repeat;
  background-size: 54vh 80vh;
  background-color: transparent;
  align-items: stretch;
  z-index: 5;
  position: relative; }
  .demo-wrapper:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 133.33333%; }
  .demo-wrapper > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .demo-wrapper .close-demo {
    visibility: hidden; }
  .dialog-container .demo-wrapper .close-demo {
    visibility: visible;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 3px; }
    @media only screen and (min-width: 1024px) {
      .dialog-container .demo-wrapper .close-demo:hover {
        background-color: #d9534f;
        color: #ffffff;
        cursor: pointer; } }
  .demo-wrapper .demo-container {
    position: relative;
    background-color: #ffffff;
    font-size: 1rem;
    position: absolute;
    width: 89%;
    top: 8vh;
    left: 3vh; }
    .demo-wrapper .demo-container:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 133.33333%; }
    .demo-wrapper .demo-container > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .demo-wrapper .demo-container .content {
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: stretch;
      overflow: hidden; }
      .demo-wrapper .demo-container .content .demo-header {
        background-color: #62be71;
        min-height: 3.2vh;
        height: 3.2vh;
        align-items: center;
        font-size: 1vh;
        line-height: 1.2vh;
        padding: 0 0.5vh; }
        .demo-wrapper .demo-container .content .demo-header .burger-menu {
          background-color: #ffffff;
          width: 16px;
          height: 2px;
          position: relative;
          margin-right: 20px;
          cursor: pointer; }
          .demo-wrapper .demo-container .content .demo-header .burger-menu::before, .demo-wrapper .demo-container .content .demo-header .burger-menu::after {
            content: '';
            background-color: #ffffff;
            width: 16px;
            height: 2px;
            position: absolute;
            transform: translateX(-50%); }
          .demo-wrapper .demo-container .content .demo-header .burger-menu::before {
            top: -5px; }
          .demo-wrapper .demo-container .content .demo-header .burger-menu::after {
            bottom: -5px; }
        .demo-wrapper .demo-container .content .demo-header .logo {
          overflow: hidden;
          padding-right: 1vh; }
          .demo-wrapper .demo-container .content .demo-header .logo img {
            max-width: 8.3vh;
            max-height: 2.8vh;
            width: auto; }
            .demo-wrapper .demo-container .content .demo-header .logo img.landscape[src$=".svg"] {
              width: 8.3vh; }
            .demo-wrapper .demo-container .content .demo-header .logo img.portrait[src$=".svg"] {
              height: 2.8vh; }
        .demo-wrapper .demo-container .content .demo-header .button-back {
          align-items: center;
          padding-right: 15px;
          color: #ffffff;
          cursor: pointer; }
          .demo-wrapper .demo-container .content .demo-header .button-back span {
            font-size: 12px;
            font-weight: 600; }
        .demo-wrapper .demo-container .content .demo-header .money-raised .label, .demo-wrapper .demo-container .content .demo-header .time-remaining .label {
          font-size: 0.8vh;
          line-height: 0.8vh;
          color: #ffffff;
          opacity: 0.8; }
        .demo-wrapper .demo-container .content .demo-header .money-raised .value, .demo-wrapper .demo-container .content .demo-header .time-remaining .value {
          font-size: 1vh;
          font-weight: 600;
          line-height: 1.2vh;
          color: #ffffff; }
        .demo-wrapper .demo-container .content .demo-header .search {
          height: 2vh;
          padding: 0 2vh;
          background-color: #fbfbfb;
          border: 1px solid #dddddd;
          border-radius: 0.3vh;
          cursor: not-allowed; }
          .demo-wrapper .demo-container .content .demo-header .search .icon-search {
            margin-top: 0.2vh;
            font-size: 1.4vh;
            color: #9e9e9e; }
          .demo-wrapper .demo-container .content .demo-header .search .text {
            padding-left: 3px;
            font-size: 1vh;
            color: #9e9e9e; }
        .demo-wrapper .demo-container .content .demo-header .button-help {
          height: 2vh;
          margin-left: 0.7vh;
          padding: 0 0.5vh;
          background-color: #62be71;
          color: #ffffff;
          font-size: 1vh;
          line-height: 2vh;
          font-weight: 600;
          border-radius: 0.3vh;
          cursor: not-allowed; }
      .demo-wrapper .demo-container .content .demo-content {
        flex: 1;
        overflow: hidden;
        background-color: #f8f8f8;
        position: relative; }
        .demo-wrapper .demo-container .content .demo-content .demo-home .carousel .carousel-item {
          position: relative;
          max-width: 80%;
          margin: 0 auto; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .carousel .carousel-item:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 56.25%; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .carousel .carousel-item > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .carousel .carousel-item iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised {
          width: 20vh;
          border-radius: 10px;
          padding: 1vh;
          background-color: rgba(255, 255, 255, 0.1);
          margin: 1vh auto; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised .value {
            display: block;
            color: #ffffff;
            font-size: 2.3vh;
            font-weight: 600;
            margin-bottom: 0.5vh; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised .label {
            display: block;
            color: #ffffff;
            font-size: 1.9vh;
            font-weight: 600; }
          .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised.default {
            background-color: rgba(0, 0, 0, 0.05); }
            .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised.default .value, .demo-wrapper .demo-container .content .demo-content .demo-home .money-raised.default .label {
              color: #4a4a4a; }
        .demo-wrapper .demo-container .content .demo-content .demo-home .demo-image {
          width: 100%; }
        .demo-wrapper .demo-container .content .demo-content .demo-featured {
          display: block;
          padding: 0;
          background-color: #ddd;
          position: relative; }
          .demo-wrapper .demo-container .content .demo-content .demo-featured:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 40.36697%; }
          .demo-wrapper .demo-container .content .demo-content .demo-featured > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .demo-wrapper .demo-container .content .demo-content .demo-featured .content {
            height: inherit; }
            .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel {
              height: 100%; }
              .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel {
                height: inherit; }
                .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content {
                  height: inherit; }
                  .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item {
                    height: inherit; }
                    .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index {
                      height: inherit; }
                      .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured {
                        width: 100%;
                        height: 100%;
                        align-items: flex-end;
                        justify-content: flex-end;
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        position: relative;
                        border: 0; }
                        .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured.background-contain {
                          background-size: contain; }
                        .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-overlay {
                          position: absolute;
                          top: 0;
                          right: 0;
                          bottom: 0;
                          left: 0;
                          background-color: rgba(0, 0, 0, 0.3); }
                        .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info {
                          width: 100%;
                          height: 100%;
                          white-space: normal;
                          position: absolute;
                          padding: 10px 10px 25px 10px; }
                          .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-title {
                            font-size: 1.6rem;
                            color: #ffffff;
                            line-height: 1.8rem;
                            z-index: 1; }
                          .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-details {
                            z-index: 1; }
                            .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-details .prize-price {
                              padding-bottom: 2px;
                              color: #ffffff; }
                              .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-details .prize-price .label {
                                font-size: 1rem;
                                line-height: 1.2rem; }
                              .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-details .prize-price .amount {
                                font-size: 1.4rem;
                                line-height: 1.6rem;
                                font-weight: 600;
                                margin-left: 5px; }
                            .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .carousel-item .carousel-index .featured .featured-info .prize-details .prize-actions .bid-now {
                              padding: 0px 8px;
                              background-color: #62be71;
                              color: #ffffff;
                              border-radius: 3px;
                              font-weight: 600;
                              cursor: pointer; }
                  .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-content .empty-collection {
                    height: 100%; }
                .demo-wrapper .demo-container .content .demo-content .demo-featured .content carousel .carousel .carousel-pagination {
                  bottom: 20px; }
          .demo-wrapper .demo-container .content .demo-content .demo-featured .no-featured {
            width: 100%;
            height: 100%; }
            .demo-wrapper .demo-container .content .demo-content .demo-featured .no-featured .title {
              line-height: 2.2rem; }
            .demo-wrapper .demo-container .content .demo-content .demo-featured .no-featured .disc {
              font-size: 1.2rem; }
        .demo-wrapper .demo-container .content .demo-content .top-section {
          height: 28px;
          min-height: 28px;
          line-height: 28px;
          position: relative;
          padding: 0 7px; }
          .demo-wrapper .demo-container .content .demo-content .top-section .filter-icon {
            position: relative;
            top: 6px;
            height: 16px;
            width: 14px;
            background: url("/images/icons/icon-filter.svg") no-repeat;
            background-position: center;
            background-size: 16px;
            opacity: 0.4;
            cursor: pointer; }
            @media only screen and (min-width: 1024px) {
              .demo-wrapper .demo-container .content .demo-content .top-section .filter-icon:hover {
                opacity: 0.5; } }
        .demo-wrapper .demo-container .content .demo-content grid-view {
          width: 100%;
          height: 100%; }
          .demo-wrapper .demo-container .content .demo-content grid-view::-webkit-scrollbar {
            width: 6px;
            background-color: #f8f8f8; }
          .demo-wrapper .demo-container .content .demo-content grid-view::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #f8f8f8; }
          .demo-wrapper .demo-container .content .demo-content grid-view::-webkit-scrollbar-thumb {
            background-color: #a2a2a2;
            border-radius: 5px; }
          .demo-wrapper .demo-container .content .demo-content grid-view > div {
            height: 100%; }
            .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container {
              padding: 0 3px;
              overflow-y: auto;
              overflow-x: hidden; }
              .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item {
                padding: 0 3px;
                margin-bottom: 6px; }
                .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize {
                  background-color: #ffffff;
                  border-radius: 3px;
                  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
                  overflow: hidden;
                  cursor: pointer; }
                  .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image {
                    border-radius: 3px 3px 0 0;
                    flex: 1;
                    position: relative;
                    background-color: #ddd;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: contain; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image:before {
                      display: block;
                      content: " ";
                      width: 100%;
                      padding-top: 40.36697%; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image > .content {
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image .image-overlay {
                      position: absolute;
                      top: 0;
                      right: 0;
                      bottom: 0;
                      left: 0;
                      background-color: rgba(0, 0, 0, 0.25); }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image .title {
                      position: absolute;
                      right: 5px;
                      bottom: 5px;
                      left: 5px;
                      font-size: 1.1rem;
                      line-height: 1.4rem;
                      color: #ffffff;
                      text-align: left;
                      z-index: 1; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image .lot-number {
                      position: absolute;
                      top: 5px;
                      left: 5px;
                      padding: 3px 3px;
                      color: #ffffff;
                      line-height: 1rem; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-image .favorite {
                      position: absolute;
                      top: 5px;
                      right: 5px;
                      padding: 3px 3px;
                      border-radius: 3px;
                      font-size: 16px;
                      background-color: rgba(255, 255, 255, 0.25);
                      color: #ffffff;
                      cursor: not-allowed; }
                  .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details {
                    padding: 2px 0; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .price {
                      padding-left: 5px; }
                      .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .price .label {
                        font-size: 1rem;
                        line-height: 1.2rem; }
                      .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .price .value {
                        font-size: 1.4rem;
                        line-height: 1.6rem;
                        font-weight: 600; }
                    .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .bidder {
                      padding-right: 5px; }
                      .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .bidder .label {
                        font-size: 1rem;
                        line-height: 1.2rem; }
                      .demo-wrapper .demo-container .content .demo-content grid-view > div .grid-container .prize-item .prize .prize-details .bidder .value {
                        font-size: 1.2rem;
                        line-height: 1.6rem;
                        font-weight: 600; }
        .demo-wrapper .demo-container .content .demo-content .demo-loading {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .demo-wrapper .demo-container .content .demo-content .dialogs-host {
          position: absolute;
          left: 0;
          -webkit-animation: demo-slide-up 0.5s 1;
          animation: demo-slide-up 0.5s 1; }
          .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal {
            width: 100%;
            height: 100%;
            border: 0;
            border-radius: 0;
            background-color: #f8f8f8; }
            .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal {
              height: 100%;
              padding: 0;
              border-radius: 0; }
              .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal::-webkit-scrollbar {
                width: 6px;
                background-color: #f8f8f8; }
              .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                background-color: #f8f8f8; }
              .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal::-webkit-scrollbar-thumb {
                background-color: #a2a2a2;
                border-radius: 5px; }
              .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper {
                min-height: 100%; }
                .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls {
                  width: 100%;
                  position: absolute;
                  top: calc(50% - 34px); }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls .control-left, .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls .control-right {
                    font-size: 34px; }
                .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .modal-prize-images {
                  border-left: none;
                  border-right: none;
                  background-color: #ddd;
                  width: 100%;
                  height: 100%;
                  display: block;
                  position: relative; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .modal-prize-images:before {
                    display: block;
                    content: " ";
                    width: 100%;
                    padding-top: 44.44444%; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .modal-prize-images > .content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0; }
                .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content {
                  padding: 5px;
                  margin: 0;
                  flex: 1; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .title {
                    display: flex;
                    align-items: center; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .title h3 {
                      font-size: 16px;
                      line-height: 16px;
                      flex: 1; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .title .favorite-icon {
                      background-color: #b3b3b3;
                      color: #ffffff;
                      height: 22px;
                      padding: 3px;
                      border-radius: 3px;
                      font-size: 16px;
                      cursor: not-allowed; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .description p {
                    font-size: 10px;
                    line-height: 14px; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .other-info {
                    margin: 40px 0;
                    align-items: center;
                    flex: 1; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .other-info .starting-price {
                      font-size: 24px;
                      font-weight: 600;
                      margin-bottom: 15px; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .other-info .textfield {
                      border: 1px solid #dddddd;
                      padding: 0 5px;
                      height: 24px;
                      margin: 3px 0;
                      min-width: 80px; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .other-info .icon {
                      color: #62be71;
                      font-size: 30px;
                      cursor: not-allowed; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .other-info button {
                      width: 132px;
                      height: 24px;
                      line-height: 22px;
                      font-size: 1rem;
                      background-color: #62be71;
                      cursor: not-allowed;
                      border: 0;
                      color: #ffffff;
                      text-transform: uppercase;
                      outline: none; }
                  .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .terms {
                    line-height: 8px;
                    font-size: 8px; }
                    .demo-wrapper .demo-container .content .demo-content .dialogs-host #demo-prize-modal .modal .modal-wrapper .modal-content .terms span {
                      font-size: 7px; }

@-webkit-keyframes demo-slide-up {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }

@keyframes demo-slide-up {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }
      .demo-wrapper .demo-container .content .catalog-prize-filter {
        background: #f1f1f1;
        width: 180px;
        height: 300px;
        position: absolute;
        top: 158px;
        right: 0;
        z-index: 999;
        border: 1px solid #dddddd;
        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
        overflow-y: hidden;
        -webkit-animation: slide-left 0.5s 1;
        animation: slide-left 0.5s 1; }

@-webkit-keyframes slide-left {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }
        .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container {
          padding: 5px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container label {
            font-size: 10px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container text-box .textbox .textbox-value {
            height: 22px; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container text-box .textbox .textbox-value .textbox-input {
              font-size: 10px;
              height: 20px;
              line-height: 20px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container text-box.filter-min {
            padding-right: 3px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container text-box.filter-max {
            padding-left: 3px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box {
            margin: 3px 0; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .combobox-value {
              height: 22px; }
              .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .combobox-value .combobox-inner {
                height: 22px; }
                .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .combobox-value .combobox-inner input[type="text"] {
                  line-height: 22px;
                  height: 22px; }
              .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .combobox-value .combobox-icon {
                width: 22px;
                min-width: 22px;
                height: 22px;
                line-height: 22px; }
              .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .combobox-value .combobox-value-text {
                line-height: 20px; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .dropdown .container {
              padding: 0; }
              .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container combo-box .dropdown .container ul li {
                line-height: 22px;
                height: 22px;
                font-size: 10px; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list {
            list-style-type: none;
            max-height: 150px;
            overflow-y: auto;
            margin-bottom: -5px; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list::-webkit-scrollbar {
              width: 6px;
              background-color: #f8f8f8; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list::-webkit-scrollbar-track {
              -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
              background-color: #f8f8f8; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list::-webkit-scrollbar-thumb {
              background-color: #a2a2a2;
              border-radius: 5px; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item {
              width: 100%;
              display: flex; }
              .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item check-box {
                padding-top: 4px; }
                .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item check-box .checkbox {
                  width: initial;
                  position: relative;
                  line-height: 15px;
                  font-size: 10px; }
                  .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value label {
                    width: 16px;
                    height: 16px;
                    border-radius: 2px;
                    background-color: #ffffff;
                    border: 1px solid #dddddd; }
                    .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value label:after {
                      width: 11px;
                      height: 6px;
                      top: 3px;
                      left: 2px;
                      background-color: #ffffff;
                      border: 2px solid #62be71;
                      border-top: none;
                      border-right: none; }
                  .demo-wrapper .demo-container .content .catalog-prize-filter .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value span {
                    color: #4a4a4a;
                    padding-left: 5px;
                    cursor: pointer; }
        .demo-wrapper .demo-container .content .catalog-prize-filter .filter-footer {
          display: flex;
          align-items: stretch;
          flex-direction: row;
          width: 100%;
          border-top: 1px solid #dddddd; }
          .demo-wrapper .demo-container .content .catalog-prize-filter .filter-footer .prize-filter-btn {
            background: transparent;
            border: 0;
            padding: 0;
            height: 20px; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-footer .prize-filter-btn.filter-btn-reset {
              border-right: 1px solid #dddddd; }
            .demo-wrapper .demo-container .content .catalog-prize-filter .filter-footer .prize-filter-btn:hover {
              color: #62be71;
              background: #f9f9f9; }
      .demo-wrapper .demo-container .content .carousel .error-img {
        background-color: #ddd; }
      .demo-wrapper .demo-container .content .carousel .error-img-msg {
        color: #ffffff;
        margin-top: -7vh;
        font-size: 1.6vh; }

.page-events-theme {
  min-width: 90%;
  min-height: 80%;
  max-width: 91%;
  max-height: 90%;
  margin: 0 auto;
  background: #ffffff;
  margin: auto; }
  @media only screen and (min-width: 768px) {
    .page-events-theme {
      min-width: 650px;
      max-width: 650px;
      min-height: 60%; } }
  @media only screen and (min-width: 1024px) {
    .page-events-theme {
      min-width: 810px;
      max-width: 810px;
      min-height: 600px;
      height: 600px;
      max-height: 600px; } }
  .page-events-theme .grid-view-themes {
    overflow-y: auto; }
    .page-events-theme .grid-view-themes .item-theme {
      margin-bottom: 10px; }
      .page-events-theme .grid-view-themes .item-theme .theme-thumbnail {
        cursor: pointer; }
        .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail {
          width: 150px;
          height: 200px;
          background-color: #ffffff; }
          .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-header {
            min-height: 16px;
            background-color: #000000;
            color: #ffffff; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-header .time-remaining {
              display: block;
              padding: 4px;
              font-size: 0.5rem;
              line-height: 0.8rem;
              font-weight: 600;
              text-align: center; }
          .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-featured {
            position: relative;
            height: 60px;
            background-color: #ddd; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-featured .button {
              position: absolute;
              bottom: 5px;
              right: 5px;
              height: 10px;
              width: 26px;
              border-radius: 2px;
              background: red; }
          .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-content {
            flex: 1 1 auto;
            padding-top: 6px;
            border-left: 1px solid #efefef;
            border-right: 1px solid #efefef;
            overflow: hidden; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container {
              padding: 0 3px 6px; }
              .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container .prize {
                height: 36px;
                background-color: #dddddd;
                border-radius: 2px; }
          .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-nav {
            height: 28px;
            padding: 0 20px;
            background-color: #efefef; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .circle {
              width: 10px;
              height: 10px;
              margin: 0 auto 1px;
              border-radius: 50%;
              background-color: #dddddd; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .text {
              width: 16px;
              height: 4px;
              border-radius: 2px;
              background-color: #dddddd; }
            .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .circle, .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .text {
              background-color: #DDD !important; }
        .page-events-theme .grid-view-themes .item-theme .theme-thumbnail .theme-name {
          padding: 3px 0;
          text-align: center; }
        .page-events-theme .grid-view-themes .item-theme .theme-thumbnail:hover .theme-name {
          background-color: #62be71;
          color: #ffffff; }
  .page-events-theme.customize-theme-wrapper {
    width: 385px;
    min-width: 385px;
    max-width: 385px;
    height: 600px;
    min-height: 600px;
    max-height: 600px; }
    .page-events-theme.customize-theme-wrapper .custom-theme {
      width: 100%;
      height: 100%;
      max-height: 100%;
      display: flex;
      flex-direction: column; }
      .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail {
        width: 100%;
        height: 100%;
        max-height: 100%;
        flex-grow: 1;
        position: relative; }
        .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 133.33333%; }
        .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail {
          width: 100%;
          height: 100%;
          max-height: 100%;
          background-color: #ffffff;
          position: absolute;
          top: 0; }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container {
            width: 40px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 0; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .burger-menu {
              height: 40px;
              width: 50px; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .burger-menu .menu-line {
                background-color: #ffffff;
                width: 16px;
                height: 2px;
                position: absolute;
                transition: all 0.3s ease;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
                .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .burger-menu .menu-line:nth-child(1) {
                  top: calc(50% - 5px); }
                .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .burger-menu .menu-line:nth-child(2) {
                  top: 50%; }
                .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .burger-menu .menu-line:nth-child(3) {
                  top: calc(50% + 5px); }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .burger-menu-container .color-picker-color-selector {
              position: absolute;
              bottom: 5px;
              right: 0; }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .color-picker-color-selector {
            position: absolute;
            background-color: #f9f9f9;
            padding: 2px;
            border-radius: 50%;
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25); }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .color-picker-color-selector .color-wheel {
              display: block;
              width: 14px;
              height: 14px;
              background-image: url("/images/icons/colorwheel.png");
              background-size: cover;
              display: block;
              cursor: pointer; }
            @media only screen and (min-width: 1024px) {
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .color-picker-color-selector:hover {
                background-color: #ffffff; }
                .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .color-picker-color-selector:hover .color-wheel {
                  transform: rotate(360deg);
                  transition: all 1s linear; } }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header {
            height: 48px;
            background-color: #000000;
            color: #ffffff; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .header-bg-color {
              top: -8px;
              z-index: 1; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .help-button {
              position: absolute;
              top: 12px;
              right: 15px;
              height: 25px;
              width: 75px;
              border-radius: 4px; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .help-button .button-help-text {
                display: block;
                text-align: center;
                line-height: 25px; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .help-button .color-picker-color-selector {
                top: -5px;
                right: -5px; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .time-remaining {
              font-size: 1.6rem;
              line-height: 48px;
              font-weight: 600;
              margin-left: auto;
              margin-right: auto;
              display: table; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-header .time-remaining .color-picker-color-selector {
                top: 5px;
                right: -20px; }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-featured {
            position: relative;
            height: 150px;
            background-color: #ddd; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-featured .button {
              position: absolute;
              bottom: 5px;
              right: 5px;
              height: 30px;
              width: 75px;
              border-radius: 4px;
              background: #000000; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-featured .button .color-picker-color-selector {
                top: -10px;
                right: -5px; }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-content {
            flex: 1 1 auto;
            padding-top: 10px;
            border-left: 2px solid #efefef;
            border-right: 2px solid #efefef;
            overflow: hidden; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container {
              padding: 0 10px 10px 10px; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container .prize {
                height: 90px;
                background-color: #ddd;
                border-radius: 4px; }
              .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-content .prize-container:nth-child(even) {
                padding-left: 0; }
          .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav {
            height: 60px;
            padding: 0 60px;
            background-color: #efefef;
            position: relative; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .circle {
              width: 30px;
              height: 30px;
              margin: 0 auto 2px;
              border-radius: 50%;
              background-color: #ddd; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav .text {
              width: 44px;
              height: 10px;
              border-radius: 4px;
              background-color: #ddd; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav.is-active color-picker {
              top: -10px;
              right: -10px; }
            .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .circle, .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .thumbnail .thumbnail-nav .nav:not(:first-child) .text {
              background-color: #DDD !important; }
        .page-events-theme.customize-theme-wrapper .custom-theme .theme-thumbnail .theme-name {
          padding: 3px 0;
          text-align: center; }

.page-events-prizes data-grid .datagrid .datagrid-content table.datagrid-table thead tr th:first-child {
  width: 35px; }

.page-events-prizes data-grid .datagrid .datagrid-content table.datagrid-table tbody tr td[data-title='']:first-child {
  width: 35px;
  padding: 0; }
  .page-events-prizes data-grid .datagrid .datagrid-content table.datagrid-table tbody tr td[data-title='']:first-child i {
    padding: 0 5px 0;
    line-height: 29px; }

.page-events-prizes .expand-more {
  border-radius: 3px;
  background-color: #45a855;
  color: #ffffff;
  position: absolute;
  top: 5px;
  left: 7px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  font-weight: 600;
  user-select: none; }

.page-events-prizes .no-bids .icon {
  font-size: 7rem;
  opacity: 0.3;
  margin-bottom: 10px; }

.page-events-prizes .no-bids .text {
  opacity: 0.8; }

.page-events-bidprizes-bids .table-bids {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0; }
  .page-events-bidprizes-bids .table-bids tr.bid:nth-child(even) td.bid-cell {
    background-color: #FFFFFF; }
  .page-events-bidprizes-bids .table-bids tr.bid:nth-child(odd) td.bid-cell {
    background-color: #f8f8f8; }
  .page-events-bidprizes-bids .table-bids tr.bid td .subitem {
    font-size: 16px;
    color: #b3b3b3; }
  .page-events-bidprizes-bids .table-bids tr.bid td.bid-cell {
    padding: 5px;
    font-weight: normal;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    .page-events-bidprizes-bids .table-bids tr.bid td.bid-cell:first-child {
      border-left: 0; }
    .page-events-bidprizes-bids .table-bids tr.bid td.bid-cell.last {
      border-right: 1px solid #efefef; }
  .page-events-bidprizes-bids .table-bids tr.bid:hover {
    cursor: pointer; }
    .page-events-bidprizes-bids .table-bids tr.bid:hover td {
      background-color: #eee; }
      .page-events-bidprizes-bids .table-bids tr.bid:hover td.bid-cell {
        background-color: #eee; }
  .page-events-bidprizes-bids .table-bids tr.bid.selected {
    background-color: #98d4a2;
    border-bottom: 1px solid #98d4a2; }
    .page-events-bidprizes-bids .table-bids tr.bid.selected td.bid-cell {
      background-color: #bce3c3;
      border-color: rgba(98, 190, 113, 0.25);
      color: #000000; }
      .page-events-bidprizes-bids .table-bids tr.bid.selected td.bid-cell.last {
        border-right: 1px solid rgba(98, 190, 113, 0.25); }
    .page-events-bidprizes-bids .table-bids tr.bid.selected:hover td {
      background-color: #86cd92; }
      .page-events-bidprizes-bids .table-bids tr.bid.selected:hover td.bid-cell {
        background-color: #86cd92; }

body .protip-container.protip-mixin--css-no-transition {
  transition: all 0s; }

body .protip-container.protip-mixin--css-bold {
  font-weight: bold; }

body .protip-container.protip-mixin--css-italic {
  font-style: italic; }

body .protip-container.protip-mixin--css-no-style {
  background: none;
  color: inherit; }
  body .protip-container.protip-mixin--css-no-style .protip-arrow {
    display: none; }

.protip-skin-default--scheme-pro.protip-container {
  color: #fff;
  background: #336699;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #336699 transparent transparent transparent; }

.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #336699 transparent; }

.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #336699; }

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #336699 transparent transparent; }

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #336699 transparent transparent; }

.protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #336699 transparent transparent transparent; }

.protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #336699 transparent; }

.protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #336699; }

.protip-skin-default--scheme-blue.protip-container {
  color: #fff;
  background: #336699;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #336699 transparent transparent transparent; }

.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #336699 transparent; }

.protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #336699; }

.protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #336699 transparent transparent; }

.protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #336699 transparent transparent; }

.protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #336699 transparent transparent transparent; }

.protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #336699 transparent; }

.protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #336699; }

.protip-skin-default--scheme-red.protip-container {
  color: #fff;
  background: #802731;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #802731 transparent transparent transparent; }

.protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #802731 transparent; }

.protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #802731; }

.protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #802731 transparent transparent; }

.protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-red[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-red[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #802731 transparent transparent; }

.protip-skin-default--scheme-red[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-red[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #802731 transparent transparent transparent; }

.protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #802731 transparent; }

.protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #802731; }

.protip-skin-default--scheme-aqua.protip-container {
  color: #fff;
  background: #339996;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #339996 transparent transparent transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #339996 transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #339996; }

.protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #339996 transparent transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339996 transparent transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339996 transparent transparent transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339996 transparent; }

.protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339996; }

.protip-skin-default--scheme-black.protip-container {
  color: #fff;
  background: #000000;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #000000 transparent transparent transparent; }

.protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #000000 transparent; }

.protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #000000; }

.protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #000000 transparent transparent; }

.protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-black[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-black[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #000000 transparent transparent; }

.protip-skin-default--scheme-black[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-black[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #000000 transparent transparent transparent; }

.protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #000000 transparent; }

.protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #000000; }

.protip-skin-default--scheme-leaf.protip-container {
  color: #fff;
  background: #339959;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #339959 transparent transparent transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #339959 transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #339959; }

.protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #339959 transparent transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339959 transparent transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339959 transparent transparent transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339959 transparent; }

.protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339959; }

.protip-skin-default--scheme-purple.protip-container {
  color: #fff;
  background: #613399;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #613399 transparent transparent transparent; }

.protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #613399 transparent; }

.protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #613399; }

.protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #613399 transparent transparent; }

.protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #613399 transparent transparent; }

.protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #613399 transparent transparent transparent; }

.protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #613399 transparent; }

.protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #613399; }

.protip-skin-default--scheme-pink.protip-container {
  color: #fff;
  background: #D457AA;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #D457AA transparent transparent transparent; }

.protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #D457AA transparent; }

.protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #D457AA; }

.protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #D457AA transparent transparent; }

.protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #D457AA transparent transparent; }

.protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #D457AA transparent transparent transparent; }

.protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #D457AA transparent; }

.protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #D457AA; }

.protip-skin-default--scheme-orange.protip-container {
  color: #fff;
  background: #E64426;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #E64426 transparent transparent transparent; }

.protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #E64426 transparent; }

.protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #E64426; }

.protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow,
.protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #E64426 transparent transparent; }

.protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #E64426 transparent transparent; }

.protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #E64426 transparent transparent transparent; }

.protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #E64426 transparent; }

.protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #E64426; }

.protip-skin-default--size-tiny {
  padding: 8px;
  font-size: 10px;
  border-radius: 3px; }

.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -4px;
  border-width: 4px 4px 0 4px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -4px; }

.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
  top: -4px;
  left: auto;
  margin: 0 0 0 -4px;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -4px; }

.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -4px 0 0 0;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -4px; }

.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -4px 0 0 0;
  border-width: 4px 4px 4px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -4px; }

.protip-skin-default--size-tiny[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--size-tiny[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-tiny[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--size-tiny[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -4px;
    margin: 0 0 0 4px;
    border-width: 4px 4px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -4px;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 0 4px 4px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -4px;
    margin: -4px 0 0 4px;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-small {
  padding: 13px;
  font-size: 12px;
  border-radius: 4px; }

.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -6px;
  border-width: 6px 6px 0 6px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -6px; }

.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow {
  top: -6px;
  left: auto;
  margin: 0 0 0 -6px;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -6px; }

.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -6px 0 0 0;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -6px; }

.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -6px 0 0 0;
  border-width: 6px 6px 6px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -6px; }

.protip-skin-default--size-small[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--size-small[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-small[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--size-small[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -6px;
    margin: 0 0 0 6px;
    border-width: 6px 6px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-small[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--size-small[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -6px;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-small[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--size-small[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -6px;
    margin: -6px 0 0 6px;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-normal {
  padding: 16px;
  font-size: 15px;
  border-radius: 6px; }

.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-default--size-normal[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--size-normal[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-normal[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--size-normal[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-big {
  padding: 20px;
  font-size: 18px;
  border-radius: 8px; }

.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -10px;
  border-width: 10px 10px 0 10px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -10px; }

.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow {
  top: -10px;
  left: auto;
  margin: 0 0 0 -10px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -10px; }

.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -10px 0 0 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -10px; }

.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -10px 0 0 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -10px; }

.protip-skin-default--size-big[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--size-big[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-big[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--size-big[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -10px;
    margin: 0 0 0 10px;
    border-width: 10px 10px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-big[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--size-big[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -10px;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-big[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--size-big[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -10px;
    margin: -10px 0 0 10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-large {
  padding: 20px;
  font-size: 18px;
  border-radius: 8px; }

.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -12px;
  border-width: 12px 12px 0 12px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -12px; }

.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow {
  top: -12px;
  left: auto;
  margin: 0 0 0 -12px;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -12px; }

.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -12px 0 0 0;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -12px; }

.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow,
.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -12px 0 0 0;
  border-width: 12px 12px 12px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -12px; }

.protip-skin-default--size-large[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-default--size-large[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-default--size-large[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-default--size-large[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -12px;
    margin: 0 0 0 12px;
    border-width: 12px 12px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-default--size-large[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-default--size-large[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -12px;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-default--size-large[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-default--size-large[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -12px;
    margin: -12px 0 0 12px;
    border-width: 12px 0 0 12px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-square--scheme-pro.protip-container {
  color: #fff;
  background: #da2e2b;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #da2e2b transparent transparent transparent; }

.protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #da2e2b transparent; }

.protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #da2e2b; }

.protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #da2e2b transparent transparent; }

.protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #da2e2b transparent transparent; }

.protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #da2e2b transparent transparent transparent; }

.protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #da2e2b transparent; }

.protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #da2e2b; }

.protip-skin-square--scheme-blue.protip-container {
  color: #fff;
  background: #336699;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #336699 transparent transparent transparent; }

.protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #336699 transparent; }

.protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #336699; }

.protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #336699 transparent transparent; }

.protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #336699 transparent transparent; }

.protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #336699 transparent transparent transparent; }

.protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #336699 transparent; }

.protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #336699; }

.protip-skin-square--scheme-red.protip-container {
  color: #fff;
  background: #802731;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #802731 transparent transparent transparent; }

.protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #802731 transparent; }

.protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #802731; }

.protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #802731 transparent transparent; }

.protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-red[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-red[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #802731 transparent transparent; }

.protip-skin-square--scheme-red[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-red[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #802731 transparent transparent transparent; }

.protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #802731 transparent; }

.protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #802731; }

.protip-skin-square--scheme-aqua.protip-container {
  color: #fff;
  background: #339996;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #339996 transparent transparent transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #339996 transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #339996; }

.protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #339996 transparent transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339996 transparent transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339996 transparent transparent transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339996 transparent; }

.protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339996; }

.protip-skin-square--scheme-black.protip-container {
  color: #fff;
  background: #000000;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #000000 transparent transparent transparent; }

.protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #000000 transparent; }

.protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #000000; }

.protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #000000 transparent transparent; }

.protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-black[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-black[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #000000 transparent transparent; }

.protip-skin-square--scheme-black[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-black[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #000000 transparent transparent transparent; }

.protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #000000 transparent; }

.protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #000000; }

.protip-skin-square--scheme-leaf.protip-container {
  color: #fff;
  background: #339959;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #339959 transparent transparent transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #339959 transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #339959; }

.protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #339959 transparent transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #339959 transparent transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #339959 transparent transparent transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #339959 transparent; }

.protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #339959; }

.protip-skin-square--scheme-purple.protip-container {
  color: #fff;
  background: #613399;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #613399 transparent transparent transparent; }

.protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #613399 transparent; }

.protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #613399; }

.protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #613399 transparent transparent; }

.protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #613399 transparent transparent; }

.protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #613399 transparent transparent transparent; }

.protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #613399 transparent; }

.protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #613399; }

.protip-skin-square--scheme-pink.protip-container {
  color: #fff;
  background: #D457AA;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #D457AA transparent transparent transparent; }

.protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #D457AA transparent; }

.protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #D457AA; }

.protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #D457AA transparent transparent; }

.protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #D457AA transparent transparent; }

.protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #D457AA transparent transparent transparent; }

.protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #D457AA transparent; }

.protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #D457AA; }

.protip-skin-square--scheme-orange.protip-container {
  color: #fff;
  background: #E64426;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; }

.protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: #E64426 transparent transparent transparent; }

.protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #E64426 transparent; }

.protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #E64426; }

.protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow,
.protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent #E64426 transparent transparent; }

.protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent #E64426 transparent transparent; }

.protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: #E64426 transparent transparent transparent; }

.protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #E64426 transparent; }

.protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #E64426; }

.protip-skin-square--size-tiny {
  padding: 8px;
  font-size: 10px; }

.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -4px;
  border-width: 4px 4px 0 4px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -4px; }

.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
  top: -4px;
  left: auto;
  margin: 0 0 0 -4px;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -4px; }

.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -4px 0 0 0;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -4px; }

.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -4px 0 0 0;
  border-width: 4px 4px 4px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -4px; }

.protip-skin-square--size-tiny[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--size-tiny[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 4px 4px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-tiny[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--size-tiny[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -4px;
    margin: 0 0 0 4px;
    border-width: 4px 4px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -4px;
    left: 100%;
    margin: 0 0 0 -4px;
    border-width: 0 0 4px 4px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -4px;
    margin: -4px 0 0 4px;
    border-width: 4px 0 0 4px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-small {
  padding: 13px;
  font-size: 12px; }

.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -6px;
  border-width: 6px 6px 0 6px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -6px; }

.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow {
  top: -6px;
  left: auto;
  margin: 0 0 0 -6px;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -6px; }

.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -6px 0 0 0;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -6px; }

.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -6px 0 0 0;
  border-width: 6px 6px 6px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -6px; }

.protip-skin-square--size-small[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--size-small[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 6px 6px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-small[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--size-small[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -6px;
    margin: 0 0 0 6px;
    border-width: 6px 6px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-small[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--size-small[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -6px;
    left: 100%;
    margin: 0 0 0 -6px;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-small[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--size-small[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -6px;
    margin: -6px 0 0 6px;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-normal {
  padding: 16px;
  font-size: 15px; }

.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 8px 8px 0 8px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow {
  top: -8px;
  left: auto;
  margin: 0 0 0 -8px;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -8px; }

.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -8px 0 0 0;
  border-width: 8px 8px 8px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -8px; }

.protip-skin-square--size-normal[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--size-normal[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 8px 8px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-normal[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--size-normal[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -8px;
    margin: 0 0 0 8px;
    border-width: 8px 8px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -8px;
    left: 100%;
    margin: 0 0 0 -8px;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -8px;
    margin: -8px 0 0 8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-big {
  padding: 20px;
  font-size: 18px; }

.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -10px;
  border-width: 10px 10px 0 10px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -10px; }

.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow {
  top: -10px;
  left: auto;
  margin: 0 0 0 -10px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -10px; }

.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -10px 0 0 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -10px; }

.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -10px 0 0 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -10px; }

.protip-skin-square--size-big[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--size-big[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-big[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--size-big[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -10px;
    margin: 0 0 0 10px;
    border-width: 10px 10px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-big[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--size-big[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -10px;
    left: 100%;
    margin: 0 0 0 -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-big[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--size-big[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -10px;
    margin: -10px 0 0 10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-large {
  padding: 20px;
  font-size: 18px; }

.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow {
  top: 100%;
  left: auto;
  margin: 0 0 0 -12px;
  border-width: 12px 12px 0 12px;
  border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -12px; }

.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow {
  top: -12px;
  left: auto;
  margin: 0 0 0 -12px;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow {
  left: 20px; }

.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow {
  left: 50%; }

.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow {
  left: auto;
  right: 20px;
  margin-right: -12px; }

.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  left: 100%;
  margin: -12px 0 0 0;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent invalid; }

.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -12px; }

.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow,
.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  right: 100%;
  margin: -12px 0 0 0;
  border-width: 12px 12px 12px 0;
  border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow {
  top: 20px; }

.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow {
  top: 50%; }

.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow {
  top: auto;
  bottom: 20px;
  margin-bottom: -12px; }

.protip-skin-square--size-large[data-pt-position="top-left-corner"] {
  border-bottom-right-radius: 0; }
  .protip-skin-square--size-large[data-pt-position="top-left-corner"] .protip-arrow {
    top: 100%;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 12px 12px 0;
    border-color: transparent invalid transparent transparent; }

.protip-skin-square--size-large[data-pt-position="top-right-corner"] {
  border-bottom-left-radius: 0; }
  .protip-skin-square--size-large[data-pt-position="top-right-corner"] .protip-arrow {
    top: 100%;
    left: -12px;
    margin: 0 0 0 12px;
    border-width: 12px 12px 0 0;
    border-color: invalid transparent transparent transparent; }

.protip-skin-square--size-large[data-pt-position="bottom-left-corner"] {
  border-top-right-radius: 0; }
  .protip-skin-square--size-large[data-pt-position="bottom-left-corner"] .protip-arrow {
    top: -12px;
    left: 100%;
    margin: 0 0 0 -12px;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent invalid transparent; }

.protip-skin-square--size-large[data-pt-position="bottom-right-corner"] {
  border-top-left-radius: 0; }
  .protip-skin-square--size-large[data-pt-position="bottom-right-corner"] .protip-arrow {
    top: 0;
    left: -12px;
    margin: -12px 0 0 12px;
    border-width: 12px 0 0 12px;
    border-color: transparent transparent transparent invalid; }

.protip-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box; }
  .protip-container > i {
    position: absolute;
    left: 10px; }
    .protip-container > i + div {
      padding-left: 20px; }

.protip-arrow {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent; }

.protip-show {
  opacity: 1;
  pointer-events: auto; }

#tooltip {
  top: -100%;
  left: -100%; }

@supports (-ms-ime-align: auto) {
  #tooltip {
    position: absolute; } }

.split-pane {
  position: relative; }
  .split-pane .split-pane-top {
    flex: 0 0 100%;
    min-height: 80px; }
    .split-pane .split-pane-top.is-split {
      flex: 0 0 50%; }
  .split-pane .split-pane-handle {
    position: relative;
    flex: 0 0 auto;
    height: 14px;
    background: #474d5e;
    cursor: row-resize; }
    .split-pane .split-pane-handle:after {
      content: ' ';
      position: absolute;
      top: 5px;
      left: calc(50% - 25px);
      width: 50px;
      height: 4px;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      transition: all 0.3s;
      opacity: 0.7; }
    .split-pane .split-pane-handle:hover:after {
      transform: scaleX(1.1);
      opacity: 1; }

.app-loading {
  height: 100vh;
  overflow: hidden;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .app-loading .loading-container {
    position: relative;
    text-align: center;
    transform: scale(0.6); }
    @media only screen and (min-width: 768px) {
      .app-loading .loading-container {
        transform: initial; } }
    .app-loading .loading-container .loader-logo {
      height: 80px; }
    .app-loading .loading-container .loader-images {
      width: 300px;
      height: 300px;
      position: relative;
      margin: 0 auto; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .app-loading .loading-container .paddle-container {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      top: 0; }
      .app-loading .loading-container .paddle-container.paddle-container-one {
        animation: loader-rotate-1 1.5s linear infinite; }
      .app-loading .loading-container .paddle-container.paddle-container-two {
        animation: loader-rotate-2 1.5s linear infinite; }
      .app-loading .loading-container .paddle-container.paddle-container-three {
        animation: loader-rotate-3 1.5s linear infinite; }
      .app-loading .loading-container .paddle-container .loader-paddle {
        width: 100px;
        height: 70px;
        position: relative;
        top: 60px;
        left: 0px;
        animation: loader-animate 1.5s linear infinite;
        transform-origin: center center;
        background: url("/images/branding/icon-paddle-bidin-green.svg") no-repeat center center; }

@keyframes loader-animate {
  0% {
    transform: rotate(-140deg) scale(0.001); }
  25% {
    animation: fadein 2s;
    transform: rotate(-140deg) scale(1); }
  50% {
    animation: fadein 2s;
    transform: rotate(-140deg); }
  100% {
    animation: fadein 2s;
    transform: rotate(-80deg) scale(0.001); } }

@keyframes loader-rotate-1 {
  0% {
    transform: rotate(-120deg); }
  100% {
    transform: rotate(120deg); } }

@keyframes loader-rotate-2 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(240deg); } }

@keyframes loader-rotate-3 {
  0% {
    transform: rotate(120deg); }
  100% {
    transform: rotate(360deg); } }

.overlay-horizontal {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-left: 8%;
  background: rgba(0, 0, 0, 0.3);
  animation: fadein 0.3s;
  overflow-x: hidden; }
  .overlay-horizontal .overlay-horizontal-content {
    animation: keyframe-slide 3s; }

.btn:hover,
.btn:focus,
.btn:active {
  outline: 0 !important; }

/* entire container, keeps perspective */
.card-container {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  margin-bottom: 30px; }

/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card,
.card-container.hover.manual-flip .card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.card-container.static:hover .card,
.card-container.static.hover .card {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none; }

/* flip speed goes here */
.card {
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  -o-transition: -o-transform .5s;
  transition: transform .5s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.front {
  z-index: 2; }

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 3; }
  .back .card-footer i {
    opacity: 0.7; }

.back .btn-simple {
  position: absolute;
  left: 0;
  bottom: 4px; }

/*        Style       */
.card {
  border-radius: 4px;
  color: #4a4a4a; }

.card-container, .front, .back {
  width: 100%; }

/*       Fix bug for IE      */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .front, .back {
    -ms-backface-visibility: visible;
    backface-visibility: visible; }
  .back {
    visibility: hidden;
    -ms-transition: all 0.2s cubic-bezier(0.92, 0.01, 0.83, 0.67); }
  .front {
    z-index: 4; }
  .card-container:not(.manual-flip):hover .back,
  .card-container.manual-flip.hover .back {
    z-index: 5;
    visibility: visible; } }

@media only screen and (min-width: 768px) {
  data-grid .datagrid .datagrid-content {
    overflow-x: auto !important; } }

@media only screen and (min-width: 768px) {
  data-grid .datagrid .datagrid-content .datagrid-table {
    min-width: 1680px; } }

@media only screen and (min-width: 768px) {
  .manage-lookup data-grid .datagrid .datagrid-content .datagrid-table, .manage-selected-lookup data-grid .datagrid .datagrid-content .datagrid-table, .organization-content data-grid .datagrid .datagrid-content .datagrid-table, .partial-auctions-menu data-grid .datagrid .datagrid-content .datagrid-table {
    min-width: 0; } }

.auctions-menu data-grid .datagrid {
  min-width: 0; }

.transactions-auction-prizes .datagrid .datagrid-table td[data-original-title="guestEmail"] dynamic-view .main-slot {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.auction-report .datagrid .datagrid-table td[data-original-title="guestEmail"] dynamic-view .main-slot {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

@media only screen and (max-width: 480px) {
  .datagrid thead.datagrid-thead, .datagrid .datagrid-tbody {
    border: 0 !important; }
  .datagrid tr {
    margin-bottom: 20px;
    background: #fbfbfb; }
    .datagrid tr th, .datagrid tr td {
      width: 100% !important;
      border: 1px solid #efefef;
      border-top: 0; }
      .datagrid tr th:first-child, .datagrid tr td:first-child {
        border-top: 1px solid #efefef;
        border-left: 1px solid #efefef !important; } }

.dialogs-host .dialog .dialog-container {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  pointer-events: none; }
  .dialogs-host .dialog .dialog-container > div {
    pointer-events: initial; }

.keyboard-up .dialogs-host .dialog .dialog-container {
  max-height: 40vh;
  top: 50px;
  position: fixed;
  left: 0;
  transition: top 0.25s linear; }
  @media only screen and (min-width: 768px) {
    .keyboard-up .dialogs-host .dialog .dialog-container {
      max-height: 50vh;
      top: 60px; } }

chart {
  position: relative; }
  chart .no-results {
    width: 260px;
    height: 260px;
    max-width: 260px;
    max-height: 260px;
    display: flex;
    flex-direction: column;
    border-radius: 50%;
    background-color: rgba(234, 234, 234, 0.15);
    color: #ffffff;
    position: relative; }
    chart .no-results i {
      font-size: 4rem;
      padding-bottom: 10px; }

text-area.prize-description .textarea .textarea-value textarea {
  min-height: 325px;
  resize: vertical; }

text-area.prize-description .textarea.readonly .textarea-value textarea {
  min-height: 260px;
  resize: none;
  overflow-y: auto;
  overflow-x: hidden; }

.notification {
  display: flex;
  width: 200px;
  height: 228px;
  max-width: 200px;
  margin: 0;
  padding: 10px;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0; }
  .notification .notification-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    visibility: hidden; }
    .notification .notification-wrapper.notification-in {
      animation: bounceIn 2s;
      visibility: visible; }
    .notification .notification-wrapper.notification-out {
      animation: bounceOut 2s; }
    .notification .notification-wrapper .notification-text {
      position: relative;
      margin-bottom: 25px;
      padding: 0 30px;
      color: #ffffff;
      text-align: center;
      font-size: 1.4rem;
      text-overflow: ellipsis;
      overflow: hidden; }
    .notification .notification-wrapper .notification-bg-img {
      position: absolute;
      bottom: 0; }
    .notification .notification-wrapper .notification-close {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      border: 0px;
      background-color: #b63936;
      font-size: 20px;
      color: white;
      outline: none;
      z-index: 2; }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.001);
    transform-origin: 0% 100%; }
  15% {
    opacity: 1;
    transform: scale(1.1);
    transform-origin: 0% 100%; }
  30%, 100% {
    transform: scale(1);
    transform-origin: 0% 100%; } }

@keyframes bounceOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 100%;
    visibility: visible; }
  15% {
    transform: scale(1.1);
    opacity: 1;
    transform-origin: 0% 100%; }
  40%, 99% {
    transform: scale(0);
    transform-origin: 0% 100%; }
  100% {
    visibility: hidden;
    transition: visibility 0s;
    transition-delay: 1s;
    opacity: 0; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

h1.required:after, h2.required:after, h3.required:after {
  content: "*";
  padding-left: 1px;
  color: #d9534f; }

.has-error input[type="text"] {
  border: 1px solid #d9534f;
  border-radius: 2px; }
  .has-error input[type="text"]:focus {
    border-bottom: 2px solid #d9534f; }

.has-error label:not(.error):after {
  color: #d9534f;
  content: " *"; }

.has-error .error {
  color: #d9534f;
  font-size: 1.2rem; }

/*@import
"widgets/count-widget",
"widgets/list-widget",
"widgets/resize-ui";*/