@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 [type="number"].entity-finder-search-value {
  -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 [type="number"].entity-finder-search-value::-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 [type="number"].entity-finder-search-value::-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-x: 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; }

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

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

.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 {
        background-color: #50b761; } }
    custom-button button:focus {
      background-color: #48af59; }
    custom-button button:active:not(.disabled) {
      background-color: #3e964c; }
    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-right button {
    margin-right: 10px; }

.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: 30px;
      display: flex; }
      carousel .carousel .carousel-pagination .pagination-container {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        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; }
      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-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: 300px;
        padding: 0;
        overflow-y: auto;
        opacity: 1; }
        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: 300px;
    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; }
    .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: block; }
  @media only screen and (min-width: 768px) {
    data-grid {
      overflow: auto; } }
  data-grid .datagrid {
    position: relative; }
    @media only screen and (min-width: 768px) {
      data-grid .datagrid {
        min-width: 1450px; } }
    data-grid .datagrid .filter-icon {
      position: absolute;
      top: 6px;
      right: 8px;
      z-index: 1;
      cursor: pointer;
      padding: 10px;
      background-image: url("/images/icons/icon-filter-white.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px; }
      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%; }
        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; } }
          @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 th {
            vertical-align: top;
            height: 1px; }
            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: -40px;
              left: 0px;
              padding: 5px 10px;
              font-size: 1.6rem;
              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 th {
            font-weight: normal; }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container {
              border-left: 1px solid #e2e2e2; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container:last-child {
                border-right: 1px solid #e2e2e2; }
              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 {
                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;
          border-left: 1px solid #dddddd;
          border-right: 1px solid #dddddd; }
          @media only screen and (min-width: 768px) {
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
              display: table-row-group; } }
          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.tr {
            display: block;
            margin-bottom: 10px; }
            @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: #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;
              border-left: 1px solid #efefef; }
              @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; } }
              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 {
              text-align: right; }
              @media only screen and (min-width: 768px) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                  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="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-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;
              line-height: 30px; }
        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 {
        display: flex;
        position: absolute;
        top: 32px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        background-color: rgba(255, 255, 255, 0.7);
        cursor: wait; }
    data-grid .datagrid .datagrid-footer {
      padding: 5px;
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      border-top: none; }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .label {
        padding-right: 8px; }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .combobox-page-count {
        min-width: 200px; }
      data-grid .datagrid .datagrid-footer .export-excel-button .excel-icon {
        background: url(/images/icons/icon-excel-white.svg) no-repeat;
        width: 30px;
        margin-right: 5px;
        margin-left: -5px; }
      data-grid .datagrid .datagrid-footer .export-excel-button .value {
        display: inline-flex; }
      data-grid .datagrid .datagrid-footer .datagrid-pagination {
        display: inline-flex; }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .pages {
          align-self: center;
          padding: 0 5px; }
  data-grid.fixed-layout .datagrid .datagrid-content > table {
    table-layout: fixed; }

.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; }
  loading .loading {
    position: relative;
    width: 10em;
    height: 10em;
    font-size: 3px;
    border-radius: 50%;
    text-indent: -9999em;
    border: 1.1em solid rgba(98, 190, 113, 0.4);
    border-left: 1.1em solid #62be71;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    animation: loading-rotate 0.5s infinite linear; }
    loading .loading:after {
      border-radius: 50%;
      width: 10em;
      height: 10em; }
  loading.small .loading {
    font-size: 2.2px; }
  loading.color-white .loading {
    border: 1.1em solid rgba(255, 255, 255, 0.4);
    border-left: 1.1em solid #ffffff; }
  loading.margin-bottom .loading {
    margin-bottom: 10px; }

@keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

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

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 .global-search {
      width: 340px;
      margin-right: 20px; }
      header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input {
        height: 34px;
        padding: 7px;
        background-color: #42a052;
        border: none;
        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 {
          color: #ffffff;
          font-size: 2.6rem;
          line-height: 34px;
          opacity: 0.7; }
          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; }

.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; }
      .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 .pulse {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 50px;
                height: 50px;
                background-color: transparent;
                border: 3px solid #f9b24f;
                border-radius: 50%;
                z-index: 1;
                opacity: 0; }
              .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.add-prize: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.add-prize:not(.prizeAddedFromCatalog) .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 5s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-prize:not(.prizeAddedFromCatalog) .preview-tooltip {
                animation: moves 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 5s;
                transition: opacity; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-prize .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.add-prize .preview-tooltip:after {
                  position: absolute;
                  left: 100%;
                  top: 50%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-prize .preview-tooltip:after {
                  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.catalogue: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.catalogue:not(.prizeAddedFromCatalog) .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 14s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.catalogue:not(.prizeAddedFromCatalog) .preview-tooltip {
                animation: move-vertical 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 14s;
                transition: opacity; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.catalogue .preview-tooltip {
                visibility: hidden;
                position: absolute;
                top: 60px;
                right: 0;
                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.catalogue .preview-tooltip:after {
                  position: absolute;
                  right: 18px;
                  bottom: 100%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.catalogue .preview-tooltip:after {
                  border-bottom-color: #1a1d27;
                  border-width: 7px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo: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.demo.prizeAddedFromCatalog .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 23s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo.prizeAddedFromCatalog .preview-tooltip {
                animation: moves 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 5s;
                transition: opacity; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 23s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo .preview-tooltip {
                visibility: hidden;
                position: absolute;
                top: 60px;
                right: 0;
                padding: 5px 10px;
                font-size: 1.6rem;
                font-weight: 600;
                background-color: #1a1d27;
                color: white;
                white-space: nowrap;
                z-index: 2;
                border-radius: 2px;
                animation: move-vertical 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 23s;
                transition: opacity;
                opacity: 0; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo .preview-tooltip:after {
                  position: absolute;
                  right: 18px;
                  bottom: 100%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.demo .preview-tooltip:after {
                  border-bottom-color: #1a1d27;
                  border-width: 7px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.projector-app: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.projector-app:not(.prizeAddedFromCatalog) .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 32s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.projector-app:not(.prizeAddedFromCatalog) .preview-tooltip {
                animation: move-vertical 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 32s;
                transition: opacity; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.projector-app .preview-tooltip {
                visibility: hidden;
                position: absolute;
                top: 60px;
                right: 0;
                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.projector-app .preview-tooltip:after {
                  position: absolute;
                  right: 18px;
                  bottom: 100%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.projector-app .preview-tooltip:after {
                  border-bottom-color: #1a1d27;
                  border-width: 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-top .main-nav-top-actions .button.donations-app: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.donations-app:not(.prizeAddedFromCatalog) .pulse {
                  animation: pulse 1s linear;
                  animation-iteration-count: 8;
                  animation-delay: 41s; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.donations-app:not(.prizeAddedFromCatalog) .preview-tooltip {
                  animation: move-vertical 1s linear, show 1s linear;
                  animation-iteration-count: 8;
                  animation-delay: 41s;
                  transition: opacity; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.donations-app .preview-tooltip {
                  visibility: hidden;
                  position: absolute;
                  top: 60px;
                  right: 0;
                  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.donations-app .preview-tooltip:after {
                    position: absolute;
                    right: 18px;
                    bottom: 100%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    pointer-events: none; }
                  .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.donations-app .preview-tooltip:after {
                    border-bottom-color: #1a1d27;
                    border-width: 7px; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-event: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.add-event .pulse {
                animation: pulse 1s linear;
                animation-iteration-count: 8;
                animation-delay: 5s; }
              .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-event .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;
                animation: moves 1s linear, show 1s linear;
                animation-iteration-count: 8;
                animation-delay: 5s;
                transition: opacity;
                opacity: 0; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-event .preview-tooltip:after {
                  position: absolute;
                  left: 100%;
                  top: 50%;
                  border: solid transparent;
                  content: " ";
                  height: 0;
                  width: 0;
                  pointer-events: none; }
                .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.add-event .preview-tooltip:after {
                  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.tooltip-hide .pulse, .main-wrapper main.main section.content .main-nav .main-nav-top-container .main-nav-top .main-nav-top-actions .button.tooltip-hide .preview-tooltip {
                animation: none !important; }
          .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 {
              padding: 0 10px;
              white-space: nowrap;
              overflow: hidden;
              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-block;
                height: 40px;
                padding: 10px 30px 0;
                text-align: center;
                cursor: pointer; }
                .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; }
                @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 .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 .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: transparent; }

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

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

.prize-details .meta-data-row {
  align-content: flex-start; }

.prize-details .add-undo-btn {
  margin-top: 20px; }

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

.devices-list {
  margin-bottom: 60px;
  padding-bottom: 10px; }

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

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

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

.event-guest-details .meta-data-row {
  align-content: flex-start; }

#end-auction-dialog-modal {
  max-width: 600px; }
  #end-auction-dialog-modal .modal-content .dialog-warning-icon {
    color: #f0ad4e;
    font-size: 8rem;
    padding-right: 20px;
    float: left; }
  #end-auction-dialog-modal .modal-content .dialog-warning-msg p:last-child {
    margin-top: 13px; }
  #end-auction-dialog-modal .modal-footer {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
    width: 100%; }

.clients-list .clients .clients-grid {
  padding-bottom: 85px; }

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

.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; }
                .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%; }
  .page-catalog-prizes-selection .catalog-prizes-selection-content {
    flex-grow: 1;
    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; } }

.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-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 .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-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 {
      position: absolute;
      bottom: 20px;
      width: 100%;
      padding: 0 30px; }
      .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-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; }

.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; }
      .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 .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-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 .demo-footer {
        flex-basis: 4.2vh;
        border-top: 0.1vh solid #dddddd;
        display: flex;
        flex-direction: column; }
        .demo-wrapper .demo-container .content .demo-footer .footer-container {
          display: flex;
          align-items: center;
          align-self: center;
          flex: 1;
          width: 100%; }
          .demo-wrapper .demo-container .content .demo-footer .footer-container .footer-btn {
            width: 6.4vh; }
            .demo-wrapper .demo-container .content .demo-footer .footer-container .footer-btn .demo-icon {
              display: block;
              height: 1.8vh;
              margin: 0.2vh 0;
              cursor: pointer;
              position: relative; }
              .demo-wrapper .demo-container .content .demo-footer .footer-container .footer-btn .demo-icon svg {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0; }
            .demo-wrapper .demo-container .content .demo-footer .footer-container .footer-btn label {
              display: block;
              font-size: 0.8vh;
              line-height: 1vh;
              color: #b3b3b3; }
      .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 .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: 5px;
              left: 5px; }
            .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-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:last-child td.bid-cell {
    border-bottom: 0; }
  .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: #98d4a2;
      border-color: rgba(98, 190, 113, 0.5);
      color: #000000; }
      .page-events-bidprizes-bids .table-bids tr.bid.selected td.bid-cell.last {
        border-right: 1px solid rgba(98, 190, 113, 0.5); }
    .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-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 {
    min-width: 1740px; } }

@media only screen and (min-width: 1200px) {
  data-grid .datagrid {
    min-width: 1450px; } }

.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: 275px;
  resize: vertical; }

text-area.prize-description .textarea.readonly .textarea-value textarea {
  min-height: 260px;
  resize: none;
  overflow-y: auto;
  overflow-x: hidden; }

.notification {
  padding: 10px;
  margin: 0;
  display: flex;
  width: 200px;
  height: 228px;
  max-width: 200px;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0; }
  .notification .notification-wrapper {
    display: flex;
    margin: 0 auto;
    position: relative;
    background-size: contain;
    width: 100%;
    height: 100%;
    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 {
      color: #ffffff;
      text-align: center;
      font-size: 1.4rem;
      margin-bottom: 25px;
      padding: 0 30px;
      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; }

/* WEBAPP ANIMATIONS */
@-webkit-keyframes webapp-slide-up {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }

@keyframes webapp-slide-up {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes webapp-slide-down {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(100%); } }

@keyframes webapp-slide-down {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(100%); } }

@-webkit-keyframes webapp-slide-left {
  0% {
    transform: translateX(100%); }
  14.28% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@keyframes webapp-slide-left {
  0% {
    transform: translateX(100%); }
  14.28% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes webapp-slide-right {
  0% {
    transform: translateX(0); }
  14.28% {
    transform: translateX(100%); }
  100% {
    transform: translateX(100%); } }

@keyframes webapp-slide-right {
  0% {
    transform: translateX(0); }
  14.28% {
    transform: translateX(100%); }
  100% {
    transform: translateX(100%); } }

@keyframes fade-remove {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes fade-remove {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes fade-add {
  0% {
    opacity: 0; }
  99% {
    opacity: 1; }
  100% {
    opacity: 1;
    display: initial; } }

@-webkit-keyframes fade-add {
  0% {
    opacity: 0; }
  99% {
    opacity: 1; }
  100% {
    opacity: 1;
    display: initial; } }

@keyframes webapp-newbid {
  0% {
    right: -315px; }
  100% {
    right: 0px; } }

@-webkit-keyframes webapp-newbid {
  0% {
    right: -315px; }
  100% {
    right: 0px; } }

@keyframes time-scale-in {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15);
    color: #fb832e; } }

@-webkit-keyframes time-scale-in {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.15);
    color: #fb832e; } }

@keyframes time-scale-out {
  0% {
    transform: scale(1.15);
    color: #fb832e; }
  100% {
    transform: scale(1); } }

@-webkit-keyframes time-scale-out {
  0% {
    transform: scale(1.15);
    color: #fb832e; }
  100% {
    transform: scale(1); } }

@keyframes time-scale-in-projector {
  0% {
    transform: scale(1);
    -webkit-transform-origin: right center;
    transform-origin: right center; }
  100% {
    transform: scale(1.15);
    color: #fb832e;
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@-webkit-keyframes time-scale-in-projector {
  0% {
    transform: scale(1);
    -webkit-transform-origin: right center;
    transform-origin: right center; }
  100% {
    transform: scale(1.15);
    color: #fb832e;
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes time-scale-out-projector {
  0% {
    transform: scale(1.15);
    color: #fb832e;
    -webkit-transform-origin: right center;
    transform-origin: right center; }
  100% {
    transform: scale(1); } }

@-webkit-keyframes time-scale-out-projector {
  0% {
    transform: scale(1.15);
    color: #fb832e;
    -webkit-transform-origin: right center;
    transform-origin: right center; }
  100% {
    transform: scale(1);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes newbid-in {
  0% {
    transform: scale(0.17);
    transform-origin: bottom left;
    bottom: -5vw;
    left: -15vw;
    transition: all 1s ease-in-out;
    opacity: 0; }
  50% {
    transform: scale(0.17);
    transform-origin: bottom left;
    transition: all 1s ease-in-out;
    opacity: 1; }
  100% {
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
    transition: all 1s ease-in-out; } }

@keyframes newbid-out {
  0% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center; }
  50% {
    transform: scale(0.17);
    transform-origin: top right;
    top: 4.7vw;
    left: 15vw;
    transition: all 1s ease-in-out; }
  75% {
    transform: scale(0.17);
    transform-origin: top right;
    top: 4.7vw;
    left: 15vw;
    transition: all 1s ease-in-out;
    opacity: 1; }
  100% {
    transform: scale(0.17);
    transform-origin: top right;
    top: 4.7vw;
    left: 50vw;
    transition: all 1s ease-in-out;
    opacity: 0; } }

@-webkit-keyframes bids-slide-in {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  75% {
    opacity: 0.3; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes bids-slide-in {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  75% {
    opacity: 0.3; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

/* new bid stars animation */
.star {
  position: absolute;
  top: 50%;
  left: 0;
  animation: path-offset 10s infinite linear, star-power 10s infinite linear;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  mix-blend-mode: soft-light;
  motion-offset: 0;
  opacity: 0; }
  .star:nth-child(1) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 0.1s;
    background: #ffc60a;
    motion-path: path("m0, 0 s55 -55 110 0 s110 110 220 0 s110 -110 220 0 s220 220 440 0");
    transform: translate(-100%, -50%) rotate(178deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(1) {
        motion-path: path("m0, 0 s299 -299 598 0 s598 598 1196 0 s598 -598 1196 0 s1196 1196 2392 0"); } }
  .star:nth-child(2) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 0.2s;
    background: #ffc505;
    motion-path: path("m0, 0 s68.5 -68.5 137 0 s137 137 274 0 s137 -137 274 0 s274 274 548 0");
    transform: translate(-100%, -50%) rotate(177deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(2) {
        motion-path: path("m0, 0 s160 -160 320 0 s320 320 640 0 s320 -320 640 0 s640 640 1280 0"); } }
  .star:nth-child(3) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 0.3s;
    background: #ffd342;
    motion-path: path("m0, 0 s78.5 -78.5 157 0 s157 157 314 0 s157 -157 314 0 s314 314 628 0");
    transform: translate(-100%, -50%) rotate(127deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(3) {
        motion-path: path("m0, 0 s297.5 -297.5 595 0 s595 595 1190 0 s595 -595 1190 0 s1190 1190 2380 0"); } }
  .star:nth-child(4) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 0.4s;
    background: #ffca1a;
    motion-path: path("m0, 0 s79.5 -79.5 159 0 s159 159 318 0 s159 -159 318 0 s318 318 636 0");
    transform: translate(-100%, -50%) rotate(108deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(4) {
        motion-path: path("m0, 0 s277.5 -277.5 555 0 s555 555 1110 0 s555 -555 1110 0 s1110 1110 2220 0"); } }
  .star:nth-child(5) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 0.5s;
    background: #ffdf75;
    motion-path: path("m0, 0 s83 -83 166 0 s166 166 332 0 s166 -166 332 0 s332 332 664 0");
    transform: translate(-100%, -50%) rotate(11deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(5) {
        motion-path: path("m0, 0 s161.5 -161.5 323 0 s323 323 646 0 s323 -323 646 0 s646 646 1292 0"); } }
  .star:nth-child(6) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 0.6s;
    background: #ffdd6b;
    motion-path: path("m0, 0 s69 -69 138 0 s138 138 276 0 s138 -138 276 0 s276 276 552 0");
    transform: translate(-100%, -50%) rotate(26deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(6) {
        motion-path: path("m0, 0 s172.5 -172.5 345 0 s345 345 690 0 s345 -345 690 0 s690 690 1380 0"); } }
  .star:nth-child(7) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 0.7s;
    background: #ffc80f;
    motion-path: path("m0, 0 s50.5 -50.5 101 0 s101 101 202 0 s101 -101 202 0 s202 202 404 0");
    transform: translate(-100%, -50%) rotate(35deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(7) {
        motion-path: path("m0, 0 s259.5 -259.5 519 0 s519 519 1038 0 s519 -519 1038 0 s1038 1038 2076 0"); } }
  .star:nth-child(8) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 0.8s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s55.5 -55.5 111 0 s111 111 222 0 s111 -111 222 0 s222 222 444 0");
    transform: translate(-100%, -50%) rotate(166deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(8) {
        motion-path: path("m0, 0 s181.5 -181.5 363 0 s363 363 726 0 s363 -363 726 0 s726 726 1452 0"); } }
  .star:nth-child(9) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 0.9s;
    background: #ffc80f;
    motion-path: path("m0, 0 s64.5 -64.5 129 0 s129 129 258 0 s129 -129 258 0 s258 258 516 0");
    transform: translate(-100%, -50%) rotate(229deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(9) {
        motion-path: path("m0, 0 s174.5 -174.5 349 0 s349 349 698 0 s349 -349 698 0 s698 698 1396 0"); } }
  .star:nth-child(10) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 1s;
    background: #ffd64d;
    motion-path: path("m0, 0 s76.5 -76.5 153 0 s153 153 306 0 s153 -153 306 0 s306 306 612 0");
    transform: translate(-100%, -50%) rotate(219deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(10) {
        motion-path: path("m0, 0 s261 -261 522 0 s522 522 1044 0 s522 -522 1044 0 s1044 1044 2088 0"); } }
  .star:nth-child(11) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 1.1s;
    background: #ffda61;
    motion-path: path("m0, 0 s72 -72 144 0 s144 144 288 0 s144 -144 288 0 s288 288 576 0");
    transform: translate(-100%, -50%) rotate(3deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(11) {
        motion-path: path("m0, 0 s263.5 -263.5 527 0 s527 527 1054 0 s527 -527 1054 0 s1054 1054 2108 0"); } }
  .star:nth-child(12) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 1.2s;
    background: #ffe280;
    motion-path: path("m0, 0 s100 -100 200 0 s200 200 400 0 s200 -200 400 0 s400 400 800 0");
    transform: translate(-100%, -50%) rotate(21deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(12) {
        motion-path: path("m0, 0 s246 -246 492 0 s492 492 984 0 s492 -492 984 0 s984 984 1968 0"); } }
  .star:nth-child(13) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 1.3s;
    background: #ffc914;
    motion-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
    transform: translate(-100%, -50%) rotate(304deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(13) {
        motion-path: path("m0, 0 s152.5 -152.5 305 0 s305 305 610 0 s305 -305 610 0 s610 610 1220 0"); } }
  .star:nth-child(14) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 1.4s;
    background: #ffd95c;
    motion-path: path("m0, 0 s98 -98 196 0 s196 196 392 0 s196 -196 392 0 s392 392 784 0");
    transform: translate(-100%, -50%) rotate(32deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(14) {
        motion-path: path("m0, 0 s270 -270 540 0 s540 540 1080 0 s540 -540 1080 0 s1080 1080 2160 0"); } }
  .star:nth-child(15) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 1.5s;
    background: #ffd547;
    motion-path: path("m0, 0 s55.5 -55.5 111 0 s111 111 222 0 s111 -111 222 0 s222 222 444 0");
    transform: translate(-100%, -50%) rotate(102deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(15) {
        motion-path: path("m0, 0 s199 -199 398 0 s398 398 796 0 s398 -398 796 0 s796 796 1592 0"); } }
  .star:nth-child(16) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 1.6s;
    background: #ffd138;
    motion-path: path("m0, 0 s53 -53 106 0 s106 106 212 0 s106 -106 212 0 s212 212 424 0");
    transform: translate(-100%, -50%) rotate(270deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(16) {
        motion-path: path("m0, 0 s255.5 -255.5 511 0 s511 511 1022 0 s511 -511 1022 0 s1022 1022 2044 0"); } }
  .star:nth-child(17) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 1.7s;
    background: #ffd547;
    motion-path: path("m0, 0 s94.5 -94.5 189 0 s189 189 378 0 s189 -189 378 0 s378 378 756 0");
    transform: translate(-100%, -50%) rotate(66deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(17) {
        motion-path: path("m0, 0 s226 -226 452 0 s452 452 904 0 s452 -452 904 0 s904 904 1808 0"); } }
  .star:nth-child(18) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 1.8s;
    background: #ffd95c;
    motion-path: path("m0, 0 s72 -72 144 0 s144 144 288 0 s144 -144 288 0 s288 288 576 0");
    transform: translate(-100%, -50%) rotate(352deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(18) {
        motion-path: path("m0, 0 s171.5 -171.5 343 0 s343 343 686 0 s343 -343 686 0 s686 686 1372 0"); } }
  .star:nth-child(19) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 1.9s;
    background: #ffcd29;
    motion-path: path("m0, 0 s97 -97 194 0 s194 194 388 0 s194 -194 388 0 s388 388 776 0");
    transform: translate(-100%, -50%) rotate(206deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(19) {
        motion-path: path("m0, 0 s214 -214 428 0 s428 428 856 0 s428 -428 856 0 s856 856 1712 0"); } }
  .star:nth-child(20) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 2s;
    background: #ffda61;
    motion-path: path("m0, 0 s73 -73 146 0 s146 146 292 0 s146 -146 292 0 s292 292 584 0");
    transform: translate(-100%, -50%) rotate(52deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(20) {
        motion-path: path("m0, 0 s154.5 -154.5 309 0 s309 309 618 0 s309 -309 618 0 s618 618 1236 0"); } }
  .star:nth-child(21) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 2.1s;
    background: #ffd95c;
    motion-path: path("m0, 0 s91 -91 182 0 s182 182 364 0 s182 -182 364 0 s364 364 728 0");
    transform: translate(-100%, -50%) rotate(109deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(21) {
        motion-path: path("m0, 0 s257 -257 514 0 s514 514 1028 0 s514 -514 1028 0 s1028 1028 2056 0"); } }
  .star:nth-child(22) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 2.2s;
    background: #ffc60a;
    motion-path: path("m0, 0 s84.5 -84.5 169 0 s169 169 338 0 s169 -169 338 0 s338 338 676 0");
    transform: translate(-100%, -50%) rotate(7deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(22) {
        motion-path: path("m0, 0 s241 -241 482 0 s482 482 964 0 s482 -482 964 0 s964 964 1928 0"); } }
  .star:nth-child(23) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 2.3s;
    background: #ffc80f;
    motion-path: path("m0, 0 s90 -90 180 0 s180 180 360 0 s180 -180 360 0 s360 360 720 0");
    transform: translate(-100%, -50%) rotate(297deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(23) {
        motion-path: path("m0, 0 s284.5 -284.5 569 0 s569 569 1138 0 s569 -569 1138 0 s1138 1138 2276 0"); } }
  .star:nth-child(24) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 2.4s;
    background: #ffcc24;
    motion-path: path("m0, 0 s53 -53 106 0 s106 106 212 0 s106 -106 212 0 s212 212 424 0");
    transform: translate(-100%, -50%) rotate(317deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(24) {
        motion-path: path("m0, 0 s276.5 -276.5 553 0 s553 553 1106 0 s553 -553 1106 0 s1106 1106 2212 0"); } }
  .star:nth-child(25) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 2.5s;
    background: #ffc80f;
    motion-path: path("m0, 0 s71 -71 142 0 s142 142 284 0 s142 -142 284 0 s284 284 568 0");
    transform: translate(-100%, -50%) rotate(22deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(25) {
        motion-path: path("m0, 0 s227 -227 454 0 s454 454 908 0 s454 -454 908 0 s908 908 1816 0"); } }
  .star:nth-child(26) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 2.6s;
    background: #ffda61;
    motion-path: path("m0, 0 s54.5 -54.5 109 0 s109 109 218 0 s109 -109 218 0 s218 218 436 0");
    transform: translate(-100%, -50%) rotate(130deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(26) {
        motion-path: path("m0, 0 s222.5 -222.5 445 0 s445 445 890 0 s445 -445 890 0 s890 890 1780 0"); } }
  .star:nth-child(27) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 2.7s;
    background: #ffd342;
    motion-path: path("m0, 0 s68.5 -68.5 137 0 s137 137 274 0 s137 -137 274 0 s274 274 548 0");
    transform: translate(-100%, -50%) rotate(110deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(27) {
        motion-path: path("m0, 0 s154 -154 308 0 s308 308 616 0 s308 -308 616 0 s616 616 1232 0"); } }
  .star:nth-child(28) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 2.8s;
    background: #ffca1a;
    motion-path: path("m0, 0 s74.5 -74.5 149 0 s149 149 298 0 s149 -149 298 0 s298 298 596 0");
    transform: translate(-100%, -50%) rotate(294deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(28) {
        motion-path: path("m0, 0 s288.5 -288.5 577 0 s577 577 1154 0 s577 -577 1154 0 s1154 1154 2308 0"); } }
  .star:nth-child(29) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 2.9s;
    background: #ffd23d;
    motion-path: path("m0, 0 s52.5 -52.5 105 0 s105 105 210 0 s105 -105 210 0 s210 210 420 0");
    transform: translate(-100%, -50%) rotate(166deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(29) {
        motion-path: path("m0, 0 s151 -151 302 0 s302 302 604 0 s302 -302 604 0 s604 604 1208 0"); } }
  .star:nth-child(30) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 3s;
    background: #ffcf2e;
    motion-path: path("m0, 0 s66 -66 132 0 s132 132 264 0 s132 -132 264 0 s264 264 528 0");
    transform: translate(-100%, -50%) rotate(86deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(30) {
        motion-path: path("m0, 0 s163.5 -163.5 327 0 s327 327 654 0 s327 -327 654 0 s654 654 1308 0"); } }
  .star:nth-child(31) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 3.1s;
    background: #ffd547;
    motion-path: path("m0, 0 s58 -58 116 0 s116 116 232 0 s116 -116 232 0 s232 232 464 0");
    transform: translate(-100%, -50%) rotate(220deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(31) {
        motion-path: path("m0, 0 s153 -153 306 0 s306 306 612 0 s306 -306 612 0 s612 612 1224 0"); } }
  .star:nth-child(32) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 3.2s;
    background: #ffd64d;
    motion-path: path("m0, 0 s96.5 -96.5 193 0 s193 193 386 0 s193 -193 386 0 s386 386 772 0");
    transform: translate(-100%, -50%) rotate(153deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(32) {
        motion-path: path("m0, 0 s253.5 -253.5 507 0 s507 507 1014 0 s507 -507 1014 0 s1014 1014 2028 0"); } }
  .star:nth-child(33) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 3.3s;
    background: #ffd95c;
    motion-path: path("m0, 0 s76.5 -76.5 153 0 s153 153 306 0 s153 -153 306 0 s306 306 612 0");
    transform: translate(-100%, -50%) rotate(193deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(33) {
        motion-path: path("m0, 0 s298 -298 596 0 s596 596 1192 0 s596 -596 1192 0 s1192 1192 2384 0"); } }
  .star:nth-child(34) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 3.4s;
    background: #ffd342;
    motion-path: path("m0, 0 s52.5 -52.5 105 0 s105 105 210 0 s105 -105 210 0 s210 210 420 0");
    transform: translate(-100%, -50%) rotate(343deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(34) {
        motion-path: path("m0, 0 s234 -234 468 0 s468 468 936 0 s468 -468 936 0 s936 936 1872 0"); } }
  .star:nth-child(35) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 3.5s;
    background: #ffc505;
    motion-path: path("m0, 0 s94 -94 188 0 s188 188 376 0 s188 -188 376 0 s376 376 752 0");
    transform: translate(-100%, -50%) rotate(339deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(35) {
        motion-path: path("m0, 0 s188 -188 376 0 s376 376 752 0 s376 -376 752 0 s752 752 1504 0"); } }
  .star:nth-child(36) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 3.6s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s77 -77 154 0 s154 154 308 0 s154 -154 308 0 s308 308 616 0");
    transform: translate(-100%, -50%) rotate(254deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(36) {
        motion-path: path("m0, 0 s294.5 -294.5 589 0 s589 589 1178 0 s589 -589 1178 0 s1178 1178 2356 0"); } }
  .star:nth-child(37) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 3.7s;
    background: #ffd033;
    motion-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
    transform: translate(-100%, -50%) rotate(293deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(37) {
        motion-path: path("m0, 0 s225 -225 450 0 s450 450 900 0 s450 -450 900 0 s900 900 1800 0"); } }
  .star:nth-child(38) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 3.8s;
    background: #ffe280;
    motion-path: path("m0, 0 s74.5 -74.5 149 0 s149 149 298 0 s149 -149 298 0 s298 298 596 0");
    transform: translate(-100%, -50%) rotate(151deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(38) {
        motion-path: path("m0, 0 s186 -186 372 0 s372 372 744 0 s372 -372 744 0 s744 744 1488 0"); } }
  .star:nth-child(39) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 3.9s;
    background: #ffd033;
    motion-path: path("m0, 0 s89.5 -89.5 179 0 s179 179 358 0 s179 -179 358 0 s358 358 716 0");
    transform: translate(-100%, -50%) rotate(43deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(39) {
        motion-path: path("m0, 0 s264.5 -264.5 529 0 s529 529 1058 0 s529 -529 1058 0 s1058 1058 2116 0"); } }
  .star:nth-child(40) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 4s;
    background: #ffdc66;
    motion-path: path("m0, 0 s72.5 -72.5 145 0 s145 145 290 0 s145 -145 290 0 s290 290 580 0");
    transform: translate(-100%, -50%) rotate(344deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(40) {
        motion-path: path("m0, 0 s244.5 -244.5 489 0 s489 489 978 0 s489 -489 978 0 s978 978 1956 0"); } }
  .star:nth-child(41) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 4.1s;
    background: #ffdf75;
    motion-path: path("m0, 0 s74.5 -74.5 149 0 s149 149 298 0 s149 -149 298 0 s298 298 596 0");
    transform: translate(-100%, -50%) rotate(129deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(41) {
        motion-path: path("m0, 0 s168 -168 336 0 s336 336 672 0 s336 -336 672 0 s672 672 1344 0"); } }
  .star:nth-child(42) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 4.2s;
    background: #ffd547;
    motion-path: path("m0, 0 s71.5 -71.5 143 0 s143 143 286 0 s143 -143 286 0 s286 286 572 0");
    transform: translate(-100%, -50%) rotate(288deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(42) {
        motion-path: path("m0, 0 s194.5 -194.5 389 0 s389 389 778 0 s389 -389 778 0 s778 778 1556 0"); } }
  .star:nth-child(43) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 4.3s;
    background: #ffd857;
    motion-path: path("m0, 0 s84 -84 168 0 s168 168 336 0 s168 -168 336 0 s336 336 672 0");
    transform: translate(-100%, -50%) rotate(285deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(43) {
        motion-path: path("m0, 0 s196.5 -196.5 393 0 s393 393 786 0 s393 -393 786 0 s786 786 1572 0"); } }
  .star:nth-child(44) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 4.4s;
    background: #ffe07a;
    motion-path: path("m0, 0 s76 -76 152 0 s152 152 304 0 s152 -152 304 0 s304 304 608 0");
    transform: translate(-100%, -50%) rotate(320deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(44) {
        motion-path: path("m0, 0 s240.5 -240.5 481 0 s481 481 962 0 s481 -481 962 0 s962 962 1924 0"); } }
  .star:nth-child(45) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 4.5s;
    background: #ffda61;
    motion-path: path("m0, 0 s52 -52 104 0 s104 104 208 0 s104 -104 208 0 s208 208 416 0");
    transform: translate(-100%, -50%) rotate(358deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(45) {
        motion-path: path("m0, 0 s213 -213 426 0 s426 426 852 0 s426 -426 852 0 s852 852 1704 0"); } }
  .star:nth-child(46) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 4.6s;
    background: #ffd342;
    motion-path: path("m0, 0 s98.5 -98.5 197 0 s197 197 394 0 s197 -197 394 0 s394 394 788 0");
    transform: translate(-100%, -50%) rotate(138deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(46) {
        motion-path: path("m0, 0 s263.5 -263.5 527 0 s527 527 1054 0 s527 -527 1054 0 s1054 1054 2108 0"); } }
  .star:nth-child(47) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 4.7s;
    background: #ffd857;
    motion-path: path("m0, 0 s95.5 -95.5 191 0 s191 191 382 0 s191 -191 382 0 s382 382 764 0");
    transform: translate(-100%, -50%) rotate(298deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(47) {
        motion-path: path("m0, 0 s178.5 -178.5 357 0 s357 357 714 0 s357 -357 714 0 s714 714 1428 0"); } }
  .star:nth-child(48) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 4.8s;
    background: #ffd23d;
    motion-path: path("m0, 0 s92.5 -92.5 185 0 s185 185 370 0 s185 -185 370 0 s370 370 740 0");
    transform: translate(-100%, -50%) rotate(243deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(48) {
        motion-path: path("m0, 0 s276 -276 552 0 s552 552 1104 0 s552 -552 1104 0 s1104 1104 2208 0"); } }
  .star:nth-child(49) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 4.9s;
    background: #ffc914;
    motion-path: path("m0, 0 s82.5 -82.5 165 0 s165 165 330 0 s165 -165 330 0 s330 330 660 0");
    transform: translate(-100%, -50%) rotate(45deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(49) {
        motion-path: path("m0, 0 s282 -282 564 0 s564 564 1128 0 s564 -564 1128 0 s1128 1128 2256 0"); } }
  .star:nth-child(50) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 5s;
    background: #ffd857;
    motion-path: path("m0, 0 s52.5 -52.5 105 0 s105 105 210 0 s105 -105 210 0 s210 210 420 0");
    transform: translate(-100%, -50%) rotate(145deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(50) {
        motion-path: path("m0, 0 s252.5 -252.5 505 0 s505 505 1010 0 s505 -505 1010 0 s1010 1010 2020 0"); } }
  .star:nth-child(51) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 5.1s;
    background: #ffe280;
    motion-path: path("m0, 0 s91.5 -91.5 183 0 s183 183 366 0 s183 -183 366 0 s366 366 732 0");
    transform: translate(-100%, -50%) rotate(197deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(51) {
        motion-path: path("m0, 0 s183 -183 366 0 s366 366 732 0 s366 -366 732 0 s732 732 1464 0"); } }
  .star:nth-child(52) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 5.2s;
    background: #ffd547;
    motion-path: path("m0, 0 s87.5 -87.5 175 0 s175 175 350 0 s175 -175 350 0 s350 350 700 0");
    transform: translate(-100%, -50%) rotate(148deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(52) {
        motion-path: path("m0, 0 s205 -205 410 0 s410 410 820 0 s410 -410 820 0 s820 820 1640 0"); } }
  .star:nth-child(53) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 5.3s;
    background: #ffcd29;
    motion-path: path("m0, 0 s93.5 -93.5 187 0 s187 187 374 0 s187 -187 374 0 s374 374 748 0");
    transform: translate(-100%, -50%) rotate(53deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(53) {
        motion-path: path("m0, 0 s287 -287 574 0 s574 574 1148 0 s574 -574 1148 0 s1148 1148 2296 0"); } }
  .star:nth-child(54) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 5.4s;
    background: #ffc914;
    motion-path: path("m0, 0 s87 -87 174 0 s174 174 348 0 s174 -174 348 0 s348 348 696 0");
    transform: translate(-100%, -50%) rotate(242deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(54) {
        motion-path: path("m0, 0 s260 -260 520 0 s520 520 1040 0 s520 -520 1040 0 s1040 1040 2080 0"); } }
  .star:nth-child(55) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 5.5s;
    background: #ffd547;
    motion-path: path("m0, 0 s75 -75 150 0 s150 150 300 0 s150 -150 300 0 s300 300 600 0");
    transform: translate(-100%, -50%) rotate(273deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(55) {
        motion-path: path("m0, 0 s185.5 -185.5 371 0 s371 371 742 0 s371 -371 742 0 s742 742 1484 0"); } }
  .star:nth-child(56) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 5.6s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s87.5 -87.5 175 0 s175 175 350 0 s175 -175 350 0 s350 350 700 0");
    transform: translate(-100%, -50%) rotate(188deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(56) {
        motion-path: path("m0, 0 s205.5 -205.5 411 0 s411 411 822 0 s411 -411 822 0 s822 822 1644 0"); } }
  .star:nth-child(57) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 5.7s;
    background: #ffd033;
    motion-path: path("m0, 0 s73 -73 146 0 s146 146 292 0 s146 -146 292 0 s292 292 584 0");
    transform: translate(-100%, -50%) rotate(199deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(57) {
        motion-path: path("m0, 0 s197.5 -197.5 395 0 s395 395 790 0 s395 -395 790 0 s790 790 1580 0"); } }
  .star:nth-child(58) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 5.8s;
    background: #ffc914;
    motion-path: path("m0, 0 s79.5 -79.5 159 0 s159 159 318 0 s159 -159 318 0 s318 318 636 0");
    transform: translate(-100%, -50%) rotate(2deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(58) {
        motion-path: path("m0, 0 s180 -180 360 0 s360 360 720 0 s360 -360 720 0 s720 720 1440 0"); } }
  .star:nth-child(59) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 5.9s;
    background: #ffc60a;
    motion-path: path("m0, 0 s56 -56 112 0 s112 112 224 0 s112 -112 224 0 s224 224 448 0");
    transform: translate(-100%, -50%) rotate(137deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(59) {
        motion-path: path("m0, 0 s296.5 -296.5 593 0 s593 593 1186 0 s593 -593 1186 0 s1186 1186 2372 0"); } }
  .star:nth-child(60) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 6s;
    background: #ffe07a;
    motion-path: path("m0, 0 s70.5 -70.5 141 0 s141 141 282 0 s141 -141 282 0 s282 282 564 0");
    transform: translate(-100%, -50%) rotate(253deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(60) {
        motion-path: path("m0, 0 s162 -162 324 0 s324 324 648 0 s324 -324 648 0 s648 648 1296 0"); } }
  .star:nth-child(61) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 6.1s;
    background: #ffdc66;
    motion-path: path("m0, 0 s54.5 -54.5 109 0 s109 109 218 0 s109 -109 218 0 s218 218 436 0");
    transform: translate(-100%, -50%) rotate(189deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(61) {
        motion-path: path("m0, 0 s271.5 -271.5 543 0 s543 543 1086 0 s543 -543 1086 0 s1086 1086 2172 0"); } }
  .star:nth-child(62) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 6.2s;
    background: #ffd95c;
    motion-path: path("m0, 0 s71 -71 142 0 s142 142 284 0 s142 -142 284 0 s284 284 568 0");
    transform: translate(-100%, -50%) rotate(111deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(62) {
        motion-path: path("m0, 0 s249 -249 498 0 s498 498 996 0 s498 -498 996 0 s996 996 1992 0"); } }
  .star:nth-child(63) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 6.3s;
    background: #ffcd29;
    motion-path: path("m0, 0 s99 -99 198 0 s198 198 396 0 s198 -198 396 0 s396 396 792 0");
    transform: translate(-100%, -50%) rotate(180deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(63) {
        motion-path: path("m0, 0 s297 -297 594 0 s594 594 1188 0 s594 -594 1188 0 s1188 1188 2376 0"); } }
  .star:nth-child(64) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 6.4s;
    background: #ffdd6b;
    motion-path: path("m0, 0 s60.5 -60.5 121 0 s121 121 242 0 s121 -121 242 0 s242 242 484 0");
    transform: translate(-100%, -50%) rotate(289deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(64) {
        motion-path: path("m0, 0 s240 -240 480 0 s480 480 960 0 s480 -480 960 0 s960 960 1920 0"); } }
  .star:nth-child(65) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 6.5s;
    background: #ffc80f;
    motion-path: path("m0, 0 s56 -56 112 0 s112 112 224 0 s112 -112 224 0 s224 224 448 0");
    transform: translate(-100%, -50%) rotate(207deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(65) {
        motion-path: path("m0, 0 s229.5 -229.5 459 0 s459 459 918 0 s459 -459 918 0 s918 918 1836 0"); } }
  .star:nth-child(66) {
    height: 2vmin;
    width: 2vmin;
    animation-delay: 6.6s;
    background: #ffde70;
    motion-path: path("m0, 0 s84 -84 168 0 s168 168 336 0 s168 -168 336 0 s336 336 672 0");
    transform: translate(-100%, -50%) rotate(349deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(66) {
        motion-path: path("m0, 0 s288.5 -288.5 577 0 s577 577 1154 0 s577 -577 1154 0 s1154 1154 2308 0"); } }
  .star:nth-child(67) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 6.7s;
    background: #ffc505;
    motion-path: path("m0, 0 s76 -76 152 0 s152 152 304 0 s152 -152 304 0 s304 304 608 0");
    transform: translate(-100%, -50%) rotate(87deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(67) {
        motion-path: path("m0, 0 s185.5 -185.5 371 0 s371 371 742 0 s371 -371 742 0 s742 742 1484 0"); } }
  .star:nth-child(68) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 6.8s;
    background: #ffd547;
    motion-path: path("m0, 0 s75.5 -75.5 151 0 s151 151 302 0 s151 -151 302 0 s302 302 604 0");
    transform: translate(-100%, -50%) rotate(169deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(68) {
        motion-path: path("m0, 0 s234.5 -234.5 469 0 s469 469 938 0 s469 -469 938 0 s938 938 1876 0"); } }
  .star:nth-child(69) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 6.9s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s84.5 -84.5 169 0 s169 169 338 0 s169 -169 338 0 s338 338 676 0");
    transform: translate(-100%, -50%) rotate(226deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(69) {
        motion-path: path("m0, 0 s297 -297 594 0 s594 594 1188 0 s594 -594 1188 0 s1188 1188 2376 0"); } }
  .star:nth-child(70) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 7s;
    background: #ffcf2e;
    motion-path: path("m0, 0 s66.5 -66.5 133 0 s133 133 266 0 s133 -133 266 0 s266 266 532 0");
    transform: translate(-100%, -50%) rotate(324deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(70) {
        motion-path: path("m0, 0 s173 -173 346 0 s346 346 692 0 s346 -346 692 0 s692 692 1384 0"); } }
  .star:nth-child(71) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 7.1s;
    background: #ffe07a;
    motion-path: path("m0, 0 s70 -70 140 0 s140 140 280 0 s140 -140 280 0 s280 280 560 0");
    transform: translate(-100%, -50%) rotate(172deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(71) {
        motion-path: path("m0, 0 s158.5 -158.5 317 0 s317 317 634 0 s317 -317 634 0 s634 634 1268 0"); } }
  .star:nth-child(72) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 7.2s;
    background: #ffd857;
    motion-path: path("m0, 0 s68.5 -68.5 137 0 s137 137 274 0 s137 -137 274 0 s274 274 548 0");
    transform: translate(-100%, -50%) rotate(313deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(72) {
        motion-path: path("m0, 0 s254.5 -254.5 509 0 s509 509 1018 0 s509 -509 1018 0 s1018 1018 2036 0"); } }
  .star:nth-child(73) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 7.3s;
    background: #ffdc66;
    motion-path: path("m0, 0 s58.5 -58.5 117 0 s117 117 234 0 s117 -117 234 0 s234 234 468 0");
    transform: translate(-100%, -50%) rotate(327deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(73) {
        motion-path: path("m0, 0 s222 -222 444 0 s444 444 888 0 s444 -444 888 0 s888 888 1776 0"); } }
  .star:nth-child(74) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 7.4s;
    background: #ffd342;
    motion-path: path("m0, 0 s74.5 -74.5 149 0 s149 149 298 0 s149 -149 298 0 s298 298 596 0");
    transform: translate(-100%, -50%) rotate(172deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(74) {
        motion-path: path("m0, 0 s232 -232 464 0 s464 464 928 0 s464 -464 928 0 s928 928 1856 0"); } }
  .star:nth-child(75) {
    height: 1vmin;
    width: 1vmin;
    animation-delay: 7.5s;
    background: #ffc914;
    motion-path: path("m0, 0 s51 -51 102 0 s102 102 204 0 s102 -102 204 0 s204 204 408 0");
    transform: translate(-100%, -50%) rotate(244deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(75) {
        motion-path: path("m0, 0 s177 -177 354 0 s354 354 708 0 s354 -354 708 0 s708 708 1416 0"); } }
  .star:nth-child(76) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 7.6s;
    background: #ffc60a;
    motion-path: path("m0, 0 s74 -74 148 0 s148 148 296 0 s148 -148 296 0 s296 296 592 0");
    transform: translate(-100%, -50%) rotate(263deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(76) {
        motion-path: path("m0, 0 s298 -298 596 0 s596 596 1192 0 s596 -596 1192 0 s1192 1192 2384 0"); } }
  .star:nth-child(77) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 7.7s;
    background: #ffe280;
    motion-path: path("m0, 0 s89.5 -89.5 179 0 s179 179 358 0 s179 -179 358 0 s358 358 716 0");
    transform: translate(-100%, -50%) rotate(6deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(77) {
        motion-path: path("m0, 0 s271 -271 542 0 s542 542 1084 0 s542 -542 1084 0 s1084 1084 2168 0"); } }
  .star:nth-child(78) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 7.8s;
    background: #ffd033;
    motion-path: path("m0, 0 s86 -86 172 0 s172 172 344 0 s172 -172 344 0 s344 344 688 0");
    transform: translate(-100%, -50%) rotate(193deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(78) {
        motion-path: path("m0, 0 s275 -275 550 0 s550 550 1100 0 s550 -550 1100 0 s1100 1100 2200 0"); } }
  .star:nth-child(79) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 7.9s;
    background: #ffcc24;
    motion-path: path("m0, 0 s90 -90 180 0 s180 180 360 0 s180 -180 360 0 s360 360 720 0");
    transform: translate(-100%, -50%) rotate(245deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(79) {
        motion-path: path("m0, 0 s249 -249 498 0 s498 498 996 0 s498 -498 996 0 s996 996 1992 0"); } }
  .star:nth-child(80) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 8s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
    transform: translate(-100%, -50%) rotate(318deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(80) {
        motion-path: path("m0, 0 s225 -225 450 0 s450 450 900 0 s450 -450 900 0 s900 900 1800 0"); } }
  .star:nth-child(81) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 8.1s;
    background: #ffe280;
    motion-path: path("m0, 0 s99.5 -99.5 199 0 s199 199 398 0 s199 -199 398 0 s398 398 796 0");
    transform: translate(-100%, -50%) rotate(255deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(81) {
        motion-path: path("m0, 0 s268 -268 536 0 s536 536 1072 0 s536 -536 1072 0 s1072 1072 2144 0"); } }
  .star:nth-child(82) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 8.2s;
    background: #ffd342;
    motion-path: path("m0, 0 s57.5 -57.5 115 0 s115 115 230 0 s115 -115 230 0 s230 230 460 0");
    transform: translate(-100%, -50%) rotate(171deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(82) {
        motion-path: path("m0, 0 s235 -235 470 0 s470 470 940 0 s470 -470 940 0 s940 940 1880 0"); } }
  .star:nth-child(83) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 8.3s;
    background: #ffd95c;
    motion-path: path("m0, 0 s70 -70 140 0 s140 140 280 0 s140 -140 280 0 s280 280 560 0");
    transform: translate(-100%, -50%) rotate(315deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(83) {
        motion-path: path("m0, 0 s256 -256 512 0 s512 512 1024 0 s512 -512 1024 0 s1024 1024 2048 0"); } }
  .star:nth-child(84) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 8.4s;
    background: #ffca1a;
    motion-path: path("m0, 0 s81.5 -81.5 163 0 s163 163 326 0 s163 -163 326 0 s326 326 652 0");
    transform: translate(-100%, -50%) rotate(353deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(84) {
        motion-path: path("m0, 0 s232 -232 464 0 s464 464 928 0 s464 -464 928 0 s928 928 1856 0"); } }
  .star:nth-child(85) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 8.5s;
    background: #ffdf75;
    motion-path: path("m0, 0 s60 -60 120 0 s120 120 240 0 s120 -120 240 0 s240 240 480 0");
    transform: translate(-100%, -50%) rotate(112deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(85) {
        motion-path: path("m0, 0 s169.5 -169.5 339 0 s339 339 678 0 s339 -339 678 0 s678 678 1356 0"); } }
  .star:nth-child(86) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 8.6s;
    background: #ffcf2e;
    motion-path: path("m0, 0 s62.5 -62.5 125 0 s125 125 250 0 s125 -125 250 0 s250 250 500 0");
    transform: translate(-100%, -50%) rotate(169deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(86) {
        motion-path: path("m0, 0 s243 -243 486 0 s486 486 972 0 s486 -486 972 0 s972 972 1944 0"); } }
  .star:nth-child(87) {
    height: 3vmin;
    width: 3vmin;
    animation-delay: 8.7s;
    background: #ffc80f;
    motion-path: path("m0, 0 s80.5 -80.5 161 0 s161 161 322 0 s161 -161 322 0 s322 322 644 0");
    transform: translate(-100%, -50%) rotate(66deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(87) {
        motion-path: path("m0, 0 s170 -170 340 0 s340 340 680 0 s340 -340 680 0 s680 680 1360 0"); } }
  .star:nth-child(88) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 8.8s;
    background: #ffd64d;
    motion-path: path("m0, 0 s98.5 -98.5 197 0 s197 197 394 0 s197 -197 394 0 s394 394 788 0");
    transform: translate(-100%, -50%) rotate(218deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(88) {
        motion-path: path("m0, 0 s179 -179 358 0 s358 358 716 0 s358 -358 716 0 s716 716 1432 0"); } }
  .star:nth-child(89) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 8.9s;
    background: #ffca1a;
    motion-path: path("m0, 0 s97.5 -97.5 195 0 s195 195 390 0 s195 -195 390 0 s390 390 780 0");
    transform: translate(-100%, -50%) rotate(162deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(89) {
        motion-path: path("m0, 0 s191 -191 382 0 s382 382 764 0 s382 -382 764 0 s764 764 1528 0"); } }
  .star:nth-child(90) {
    height: 5vmin;
    width: 5vmin;
    animation-delay: 9s;
    background: #ffdc66;
    motion-path: path("m0, 0 s85.5 -85.5 171 0 s171 171 342 0 s171 -171 342 0 s342 342 684 0");
    transform: translate(-100%, -50%) rotate(348deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(90) {
        motion-path: path("m0, 0 s243.5 -243.5 487 0 s487 487 974 0 s487 -487 974 0 s974 974 1948 0"); } }
  .star:nth-child(91) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 9.1s;
    background: #ffc80f;
    motion-path: path("m0, 0 s96 -96 192 0 s192 192 384 0 s192 -192 384 0 s384 384 768 0");
    transform: translate(-100%, -50%) rotate(277deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(91) {
        motion-path: path("m0, 0 s297.5 -297.5 595 0 s595 595 1190 0 s595 -595 1190 0 s1190 1190 2380 0"); } }
  .star:nth-child(92) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 9.2s;
    background: #ffd033;
    motion-path: path("m0, 0 s75 -75 150 0 s150 150 300 0 s150 -150 300 0 s300 300 600 0");
    transform: translate(-100%, -50%) rotate(345deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(92) {
        motion-path: path("m0, 0 s194 -194 388 0 s388 388 776 0 s388 -388 776 0 s776 776 1552 0"); } }
  .star:nth-child(93) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 9.3s;
    background: #ffc80f;
    motion-path: path("m0, 0 s76.5 -76.5 153 0 s153 153 306 0 s153 -153 306 0 s306 306 612 0");
    transform: translate(-100%, -50%) rotate(170deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(93) {
        motion-path: path("m0, 0 s238.5 -238.5 477 0 s477 477 954 0 s477 -477 954 0 s954 954 1908 0"); } }
  .star:nth-child(94) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 9.4s;
    background: #ffd547;
    motion-path: path("m0, 0 s77 -77 154 0 s154 154 308 0 s154 -154 308 0 s308 308 616 0");
    transform: translate(-100%, -50%) rotate(275deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(94) {
        motion-path: path("m0, 0 s163 -163 326 0 s326 326 652 0 s326 -326 652 0 s652 652 1304 0"); } }
  .star:nth-child(95) {
    height: 4vmin;
    width: 4vmin;
    animation-delay: 9.5s;
    background: #ffdf75;
    motion-path: path("m0, 0 s71 -71 142 0 s142 142 284 0 s142 -142 284 0 s284 284 568 0");
    transform: translate(-100%, -50%) rotate(53deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(95) {
        motion-path: path("m0, 0 s285 -285 570 0 s570 570 1140 0 s570 -570 1140 0 s1140 1140 2280 0"); } }
  .star:nth-child(96) {
    height: 10vmin;
    width: 10vmin;
    animation-delay: 9.6s;
    background: #ffd033;
    motion-path: path("m0, 0 s76.5 -76.5 153 0 s153 153 306 0 s153 -153 306 0 s306 306 612 0");
    transform: translate(-100%, -50%) rotate(299deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(96) {
        motion-path: path("m0, 0 s203 -203 406 0 s406 406 812 0 s406 -406 812 0 s812 812 1624 0"); } }
  .star:nth-child(97) {
    height: 9vmin;
    width: 9vmin;
    animation-delay: 9.7s;
    background: #ffcb1f;
    motion-path: path("m0, 0 s62 -62 124 0 s124 124 248 0 s124 -124 248 0 s248 248 496 0");
    transform: translate(-100%, -50%) rotate(345deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(97) {
        motion-path: path("m0, 0 s237 -237 474 0 s474 474 948 0 s474 -474 948 0 s948 948 1896 0"); } }
  .star:nth-child(98) {
    height: 8vmin;
    width: 8vmin;
    animation-delay: 9.8s;
    background: #ffe07a;
    motion-path: path("m0, 0 s79 -79 158 0 s158 158 316 0 s158 -158 316 0 s316 316 632 0");
    transform: translate(-100%, -50%) rotate(311deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(98) {
        motion-path: path("m0, 0 s169 -169 338 0 s338 338 676 0 s338 -338 676 0 s676 676 1352 0"); } }
  .star:nth-child(99) {
    height: 6vmin;
    width: 6vmin;
    animation-delay: 9.9s;
    background: #ffd23d;
    motion-path: path("m0, 0 s65.5 -65.5 131 0 s131 131 262 0 s131 -131 262 0 s262 262 524 0");
    transform: translate(-100%, -50%) rotate(291deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(99) {
        motion-path: path("m0, 0 s283.5 -283.5 567 0 s567 567 1134 0 s567 -567 1134 0 s1134 1134 2268 0"); } }
  .star:nth-child(100) {
    height: 7vmin;
    width: 7vmin;
    animation-delay: 10s;
    background: #ffc505;
    motion-path: path("m0, 0 s99.5 -99.5 199 0 s199 199 398 0 s199 -199 398 0 s398 398 796 0");
    transform: translate(-100%, -50%) rotate(121deg) scale(1); }
    @media (min-width: 500px) {
      .star:nth-child(100) {
        motion-path: path("m0, 0 s229 -229 458 0 s458 458 916 0 s458 -458 916 0 s916 916 1832 0"); } }

@keyframes path-offset {
  100% {
    motion-offset: 100%; } }

@keyframes star-power {
  10%, 90% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate(-100%, -50%) rotate(0) scale(0); } }

@-webkit-keyframes old-donation-orbit {
  0% {
    transform: rotateZ(180deg); }
  100% {
    transform: rotateZ(-180deg); } }

@keyframes old-donation-orbit {
  0% {
    transform: rotateZ(180deg); }
  100% {
    transform: rotateZ(-180deg); } }

@-webkit-keyframes old-donation-zindex {
  0% {
    z-index: 1; }
  10% {
    z-index: 2; }
  35% {
    z-index: 3; }
  45% {
    z-index: 4; }
  50% {
    z-index: 5; }
  55% {
    z-index: 4; }
  65% {
    z-index: 3; }
  90% {
    z-index: 2; }
  100% {
    z-index: 1; } }

@keyframes old-donation-zindex {
  0% {
    z-index: 1; }
  10% {
    z-index: 2; }
  35% {
    z-index: 3; }
  45% {
    z-index: 4; }
  50% {
    z-index: 5; }
  55% {
    z-index: 4; }
  65% {
    z-index: 3; }
  90% {
    z-index: 2; }
  100% {
    z-index: 1; } }

@-webkit-keyframes old-donation-big {
  0% {
    transform: rotateZ(-360deg) rotateY(180deg) rotateX(87deg) scale(0);
    opacity: 0; }
  10% {
    transform: rotateZ(-300deg) rotateY(180deg) rotateX(87deg) scale(0.05);
    opacity: 0.75; }
  35% {
    transform: rotateZ(-240deg) rotateY(180deg) rotateX(87deg) scale(0.12);
    opacity: 0.9; }
  45% {
    transform: rotateZ(-195deg) rotateY(180deg) rotateX(87deg) scale(1.25);
    opacity: 1; }
  50% {
    transform: rotateZ(-180deg) rotateY(180deg) rotateX(87deg) scale(1.5);
    opacity: 1; }
  55% {
    transform: rotateZ(-165deg) rotateY(180deg) rotateX(87deg) scale(1.25);
    opacity: 1; }
  65% {
    transform: rotateZ(-120deg) rotateY(180deg) rotateX(87deg) scale(0.12);
    opacity: 0.9; }
  90% {
    transform: rotateZ(-60deg) rotateY(180deg) rotateX(87deg) scale(0.05);
    opacity: 0.75; }
  100% {
    transform: rotateZ(0) rotateY(180deg) rotateX(87deg) scale(0);
    opacity: 0; } }

@keyframes old-donation-big {
  0% {
    transform: rotateZ(-360deg) rotateY(180deg) rotateX(87deg) scale(0);
    opacity: 0; }
  10% {
    transform: rotateZ(-300deg) rotateY(180deg) rotateX(87deg) scale(0.05);
    opacity: 0.75; }
  35% {
    transform: rotateZ(-240deg) rotateY(180deg) rotateX(87deg) scale(0.12);
    opacity: 0.9; }
  45% {
    transform: rotateZ(-195deg) rotateY(180deg) rotateX(87deg) scale(1.25);
    opacity: 1; }
  50% {
    transform: rotateZ(-180deg) rotateY(180deg) rotateX(87deg) scale(1.5);
    opacity: 1; }
  55% {
    transform: rotateZ(-165deg) rotateY(180deg) rotateX(87deg) scale(1.25);
    opacity: 1; }
  65% {
    transform: rotateZ(-120deg) rotateY(180deg) rotateX(87deg) scale(0.12);
    opacity: 0.9; }
  90% {
    transform: rotateZ(-60deg) rotateY(180deg) rotateX(87deg) scale(0.05);
    opacity: 0.75; }
  100% {
    transform: rotateZ(0) rotateY(180deg) rotateX(87deg) scale(0);
    opacity: 0; } }

@-webkit-keyframes new-donation-exit {
  0% {
    transform: rotateZ(0deg) rotateY(0) rotateX(-87deg) scale(1.25);
    opacity: 0.95; }
  10% {
    transform: rotateZ(30deg) rotateY(0) rotateX(-87deg) scale(0.5);
    opacity: 0.95; }
  15% {
    transform: rotateZ(60deg) rotateY(0) rotateX(-87deg) scale(0.12);
    opacity: 0.95; }
  35% {
    transform: rotateZ(120deg) rotateY(0) rotateX(-87deg) scale(0.05);
    opacity: 0.5; }
  50% {
    transform: rotateZ(165deg) rotateY(0) rotateX(-87deg) scale(0);
    opacity: 0; }
  100% {
    transform: rotateZ(360deg) rotateY(0) rotateX(-87deg) scale(0);
    opacity: 0; } }

@keyframes new-donation-exit {
  0% {
    transform: rotateZ(0deg) rotateY(0) rotateX(-87deg) scale(1.25);
    opacity: 0.95; }
  10% {
    transform: rotateZ(30deg) rotateY(0) rotateX(-87deg) scale(0.5);
    opacity: 0.95; }
  15% {
    transform: rotateZ(60deg) rotateY(0) rotateX(-87deg) scale(0.12);
    opacity: 0.95; }
  35% {
    transform: rotateZ(120deg) rotateY(0) rotateX(-87deg) scale(0.05);
    opacity: 0.5; }
  50% {
    transform: rotateZ(165deg) rotateY(0) rotateX(-87deg) scale(0);
    opacity: 0; }
  100% {
    transform: rotateZ(360deg) rotateY(0) rotateX(-87deg) scale(0);
    opacity: 0; } }

@-webkit-keyframes new-donation-enter {
  0% {
    transform: rotateY(0) rotateX(-87deg) scale(0); }
  10% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); }
  15% {
    transform: rotateY(0) rotateX(-87deg) scale(1.5); }
  25% {
    transform: rotateY(0) rotateX(-87deg) scale(1.2); }
  30% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); }
  100% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); } }

@keyframes new-donation-enter {
  0% {
    transform: rotateY(0) rotateX(-87deg) scale(0); }
  10% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); }
  15% {
    transform: rotateY(0) rotateX(-87deg) scale(1.5); }
  25% {
    transform: rotateY(0) rotateX(-87deg) scale(1.2); }
  30% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); }
  100% {
    transform: rotateY(0) rotateX(-87deg) scale(1.25); } }

@-webkit-keyframes new-donation-orbit {
  0% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(-360deg); } }

@keyframes new-donation-orbit {
  0% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(-360deg); } }

@-webkit-keyframes floating-movement {
  0% {
    transform: translate(0, 0); }
  12.5% {
    transform: translate(-1vw, 1vw); }
  25% {
    transform: translate(-2vw, 0); }
  37.5% {
    transform: translate(-1vw, 1vw); }
  50% {
    transform: translate(0, 0); }
  62.5% {
    transform: translate(1vw, 1vw); }
  75% {
    transform: translate(2vw, 0); }
  87.5% {
    transform: translate(1vw, 1vw); }
  100% {
    transform: translate(0, 0); } }

@keyframes floating-movement {
  0% {
    transform: translate(0, 0); }
  12.5% {
    transform: translate(-1vw, 1vw); }
  25% {
    transform: translate(-2vw, 0); }
  37.5% {
    transform: translate(-1vw, 1vw); }
  50% {
    transform: translate(0, 0); }
  62.5% {
    transform: translate(1vw, 1vw); }
  75% {
    transform: translate(2vw, 0); }
  87.5% {
    transform: translate(1vw, 1vw); }
  100% {
    transform: translate(0, 0); } }

@-webkit-keyframes pop-in-out {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  40% {
    transform: scale(0); }
  50% {
    transform: scale(0); }
  60% {
    transform: scale(1); }
  90% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes pop-in-out {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  40% {
    transform: scale(0); }
  50% {
    transform: scale(0); }
  60% {
    transform: scale(1); }
  90% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.webapp-main {
  position: fixed;
  overflow: hidden;
  min-width: 320px;
  width: 100%;
  height: 100%;
  /* Sergio styles */ }
  .webapp-main .main-router {
    width: inherit;
    height: inherit;
    overflow: hidden; }
  .webapp-main .webapp-wrapper {
    background-color: #ffffff;
    height: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 1200px) {
      .webapp-main .webapp-wrapper {
        background-color: #EDEDED; } }
    .webapp-main .webapp-wrapper .webapp-header {
      flex-wrap: nowrap;
      background-color: #62be71;
      height: 40px;
      align-items: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      z-index: 5; }
      @media only screen and (min-width: 400px) {
        .webapp-main .webapp-wrapper .webapp-header {
          height: 50px; } }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .webapp-header {
          height: 60px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .webapp-wrapper .webapp-header {
          z-index: 8; } }
      .webapp-main .webapp-wrapper .webapp-header.go-behind {
        z-index: initial; }
      .webapp-main .webapp-wrapper .webapp-header .header-wrapper {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        flex-wrap: nowrap;
        align-items: center; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper {
            max-width: 1400px; } }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo {
          margin: 5px 5px 5px 8px;
          overflow: hidden; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img {
            max-height: 30px;
            max-width: 60px;
            height: auto;
            width: auto; }
            @media only screen and (min-width: 400px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img {
                max-height: 40px;
                max-width: 70px; } }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img {
                max-height: 50px;
                max-width: 130px; } }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img[src$=".svg"] {
              min-width: 50px; }
              @media only screen and (min-width: 400px) {
                .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img[src$=".svg"] {
                  min-width: 70px; } }
              @media only screen and (min-width: 768px) {
                .webapp-main .webapp-wrapper .webapp-header .header-wrapper .logo img[src$=".svg"] {
                  min-width: 130px; } }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .button-back {
          align-items: center;
          color: #ffffff;
          margin-right: 10px; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .button-back .icon-arrow {
            margin-left: -4px;
            font-size: 4rem; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .button-back .text {
            margin-left: -8px; }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
          padding: 0 5px;
          color: #ffffff; }
          @media only screen and (min-width: 480px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
              padding: 0 10px; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
              display: none; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised .label, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .label {
            font-size: 1rem;
            line-height: 1rem;
            opacity: 0.8; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised .label, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .label {
                font-size: 1.2rem;
                line-height: 1.4rem; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised .value, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .value {
            font-size: 1.2rem;
            line-height: 1.4rem;
            font-weight: 600; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .money-raised .value, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .value {
                font-size: 1.6rem;
                line-height: 2rem; } }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
          position: relative;
          height: 40px;
          font-size: 1.2rem;
          line-height: 1.4rem; }
          @media only screen and (min-width: 400px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
              height: 50px; } }
          @media only screen and (min-width: 768px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining {
              height: 60px;
              font-size: 1.6rem;
              line-height: 2rem; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .label {
            opacity: 0.8; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .hours, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .minutes, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .seconds {
            font-weight: 600; }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .hours:after, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .minutes:after, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .seconds:after {
              font-size: 1rem; }
              @media only screen and (min-width: 768px) {
                .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .hours:after, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .minutes:after, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .seconds:after {
                  font-size: 1.2rem; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .hours:after {
            content: "h"; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .hours:after {
                content: "hr"; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .minutes:after {
            content: "m"; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .minutes:after {
                content: "min"; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .seconds:after {
            content: "s"; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .seconds:after {
                content: "sec"; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .time-pulsing {
            display: inline-table; }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .time-pulsing.scale-in {
              -webkit-animation: time-scale-in 0.2s 1;
              animation: time-scale-in 0.2s 1;
              animation-fill-mode: forwards;
              text-align: left;
              transition: all 1s ease-in;
              transform-origin: center; }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .time-pulsing.scale-out {
              -webkit-animation: time-scale-out 0.2s 1;
              animation: time-scale-out 0.2s 1;
              animation-fill-mode: forwards;
              text-align: left;
              transition: all 1s ease-in;
              transform-origin: center; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .time-remaining-container {
            position: absolute;
            top: 6px; }
            @media only screen and (min-width: 400px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .time-remaining .time-remaining-container {
                top: 10px; } }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .icon-search {
          margin-left: 5px;
          font-size: 34px;
          transition: all 0.2s linear; }
          @media only screen and (min-width: 768px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .icon-search {
              display: none; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .icon-search:active {
            transform: scale(0.9, 0.9); }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search {
          position: fixed;
          top: 44px;
          right: -100%;
          width: 100%;
          padding: 0 2px; }
          @media only screen and (min-width: 400px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search {
              top: 54px; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open {
            right: 0;
            transition: all .25s linear; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open {
                top: 70px; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide {
            right: -100%;
            transition: all .25s linear; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide {
                top: 70px; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open entity-finder-search, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open prize-search, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide entity-finder-search, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide prize-search {
            height: 30px; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .prize-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .prize-search-input {
            height: 36px;
            padding: 5px calc($webapp-elements-height-xs - 2px) 5px 5px;
            margin-bottom: -5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23); }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .prize-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .prize-search-input {
                width: 220px; } }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input:focus, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .prize-search-input:focus, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input:focus, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .prize-search-input:focus {
              border-bottom: none; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-serach-button, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-serach-button {
            display: none; }
          @media only screen and (min-width: 768px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide {
              position: relative;
              top: initial;
              right: initial;
              width: initial; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .prize-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .prize-search-input {
                height: 30px;
                box-shadow: none;
                padding: 5px 10px;
                border-radius: 5px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-serach-button, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-serach-button {
                height: 30px;
                display: inline-block;
                left: 45px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input:not(:placeholder-shown) + .entity-finder-serach-button, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input:not(:placeholder-shown) + .entity-finder-serach-button {
                -webkit-animation: fade-remove 0.25s ease-out;
                -webkit-animation-fill-mode: forwards;
                animation: fade-remove 0.25s ease-out;
                animation-fill-mode: forwards; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input::-webkit-input-placeholder, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input::-webkit-input-placeholder {
                /* Chrome/Opera/Safari */
                text-align: center;
                padding-left: 20px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input::-moz-placeholder, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input::-moz-placeholder {
                /* Firefox 19+ */
                text-align: center;
                padding-left: 20px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input:-ms-input-placeholder, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input:-ms-input-placeholder {
                /* IE 10+ */
                text-align: center;
                padding-left: 20px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.open .entity-finder-search-input:-moz-placeholder, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search.hide .entity-finder-search-input:-moz-placeholder {
                /* Firefox 18- */
                text-align: center;
                padding-left: 20px; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .global-search .icon-close {
            position: absolute;
            top: 0;
            right: 0;
            line-height: 36px;
            width: 36px;
            text-align: center; }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help {
          padding-right: 8px; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .button-help {
            display: none; }
            @media only screen and (min-width: 400px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .button-help {
                display: block;
                height: 28px;
                margin-left: 8px;
                padding: 0 8px;
                background-color: #62be71;
                color: #ffffff;
                font-size: 1.4rem;
                line-height: 28px;
                font-weight: 600;
                border-radius: 5px;
                border: 0;
                text-transform: uppercase; } }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .button-help {
                height: 30px;
                padding: 0 12px;
                line-height: 30px; } }
            @media only screen and (min-width: 1200px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .button-help:hover {
                cursor: pointer;
                -webkit-box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.05);
                box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.05); } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .icon-help {
            padding: 0 5px;
            transition: all 0.2s linear; }
            @media only screen and (min-width: 400px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .icon-help {
                display: none; } }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .icon-help:active {
              transform: scale(0.9, 0.9); }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .help .icon-help svg {
              width: 26px;
              height: 26px; }
        .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings {
          position: relative; }
          @media only screen and (min-width: 1200px) {
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings {
              display: none; } }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu {
            width: 20px;
            height: 40px;
            margin-right: 5px;
            transition: all 0.2s linear; }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu:active {
              transform: scale(0.9, 0.9); }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu .dots {
              position: relative;
              width: 4px;
              height: 4px;
              background-color: #eaeaea;
              border-radius: 50%; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu .dots:before, .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu .dots:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0px;
                background-color: inherit;
                border-radius: inherit; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu .dots:before {
                top: -7px; }
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .menu .dots:after {
                top: 7px; }
          .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .dropdown {
            position: absolute;
            top: 38px;
            right: 3px;
            padding: 3px 0;
            background-color: #fbfbfb;
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
            z-index: 11; }
            @media only screen and (min-width: 768px) {
              .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .dropdown {
                top: 48px; } }
            .webapp-main .webapp-wrapper .webapp-header .header-wrapper .settings .dropdown .item {
              padding: 0 10px;
              line-height: 30px;
              white-space: nowrap; }
    .webapp-main .webapp-wrapper .signalr-msg {
      position: fixed;
      width: 100%;
      color: #ffffff;
      padding: 10px;
      justify-content: center;
      z-index: 1;
      opacity: 0;
      top: -20px;
      font-weight: 600;
      user-select: none;
      pointer-events: none; }
      @media only screen and (min-width: 400px) {
        .webapp-main .webapp-wrapper .signalr-msg {
          top: 50px; } }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .signalr-msg {
          top: 60px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .webapp-wrapper .signalr-msg {
          z-index: 6; } }
      .webapp-main .webapp-wrapper .signalr-msg.signalr-on {
        background-color: #5cb85c;
        animation: ani-signalr-on 3s ease-in;
        animation-fill-mode: forwards;
        -webkit-animation: ani-signalr-on 3s ease-in;
        -webkit-animation-fill-mode: forwards; }

@keyframes ani-signalr-on {
  0% {
    opacity: 0;
    top: 0; }
  20% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  80% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  100% {
    opacity: 0;
    top: 0; } }

@-webkit-keyframes ani-signalr-on {
  0% {
    opacity: 0;
    top: 0; }
  20% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  80% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  100% {
    opacity: 0;
    top: 0; } }
        @media only screen and (min-width: 400px) {
          .webapp-main .webapp-wrapper .signalr-msg.signalr-on {
            animation: ani-signalr-on 3s ease-in;
            animation-fill-mode: forwards;
            -webkit-animation: ani-signalr-on 3s ease-in;
            -webkit-animation-fill-mode: forwards; }
          @keyframes ani-signalr-on {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            80% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            100% {
              opacity: 0;
              top: 0; } }
          @-webkit-keyframes ani-signalr-on {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            80% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            100% {
              opacity: 0;
              top: 0; } } }
        @media only screen and (min-width: 768px) {
          .webapp-main .webapp-wrapper .signalr-msg.signalr-on {
            animation: ani-signalr-on 3s ease-in;
            animation-fill-mode: forwards;
            -webkit-animation: ani-signalr-on 3s ease-in;
            -webkit-animation-fill-mode: forwards; }
          @keyframes ani-signalr-on {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            80% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            100% {
              opacity: 0;
              top: 0; } }
          @-webkit-keyframes ani-signalr-on {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            80% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            100% {
              opacity: 0;
              top: 0; } } }
      .webapp-main .webapp-wrapper .signalr-msg.signalr-off {
        background-color: #d9534f;
        animation: ani-signalr-off 3s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation: ani-signalr-off 3s ease-out;
        -webkit-animation-fill-mode: forwards; }

@keyframes ani-signalr-off {
  0% {
    opacity: 0;
    top: 0; }
  20% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  100% {
    opacity: 1;
    padding: 10px;
    top: 40px; } }

@-webkit-keyframes ani-signalr-off {
  0% {
    opacity: 0;
    top: 0; }
  20% {
    opacity: 1;
    padding: 10px;
    top: 40px; }
  100% {
    opacity: 1;
    padding: 10px;
    top: 40px; } }
        @media only screen and (min-width: 400px) {
          .webapp-main .webapp-wrapper .signalr-msg.signalr-off {
            animation: ani-signalr-off 3s ease-out;
            animation-fill-mode: forwards;
            -webkit-animation: ani-signalr-off 3s ease-out;
            -webkit-animation-fill-mode: forwards; }
          @keyframes ani-signalr-off {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            100% {
              opacity: 1;
              padding: 10px;
              top: 50px; } }
          @-webkit-keyframes ani-signalr-off {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 50px; }
            100% {
              opacity: 1;
              padding: 10px;
              top: 50px; } } }
        @media only screen and (min-width: 768px) {
          .webapp-main .webapp-wrapper .signalr-msg.signalr-off {
            animation: ani-signalr-off 3s ease-out;
            animation-fill-mode: forwards;
            -webkit-animation: ani-signalr-off 3s ease-out;
            -webkit-animation-fill-mode: forwards; }
          @keyframes ani-signalr-off {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            100% {
              opacity: 1;
              padding: 10px;
              top: 60px; } }
          @-webkit-keyframes ani-signalr-off {
            0% {
              opacity: 0;
              top: 0; }
            20% {
              opacity: 1;
              padding: 10px;
              top: 60px; }
            100% {
              opacity: 1;
              padding: 10px;
              top: 60px; } } }
      .webapp-main .webapp-wrapper .signalr-msg loading {
        margin-left: 2px; }
        .webapp-main .webapp-wrapper .signalr-msg loading .loading {
          border-color: rgba(255, 255, 255, 0.4);
          border-left-color: #ffffff;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
    .webapp-main .webapp-wrapper .carousel {
      height: 100%; }
      .webapp-main .webapp-wrapper .carousel .carousel-content {
        height: inherit; }
        .webapp-main .webapp-wrapper .carousel .carousel-content > div {
          height: inherit; }
        .webapp-main .webapp-wrapper .carousel .carousel-content .carousel-item {
          height: inherit; }
          .webapp-main .webapp-wrapper .carousel .carousel-content .carousel-item > div {
            height: inherit; }
    .webapp-main .webapp-wrapper .filter-bg {
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 2; }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-bg {
          display: none; } }
    .webapp-main .webapp-wrapper .filter-popup {
      background: #f1f1f1;
      max-width: 80%;
      max-height: 70%;
      z-index: 5;
      border: 1px solid #dddddd;
      border-radius: 5px;
      box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
      overflow-y: hidden;
      line-height: initial;
      position: fixed;
      top: 15%;
      left: 10%; }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup {
          max-width: 50%;
          position: absolute;
          top: 40px;
          right: 0;
          border-radius: 0;
          left: initial; } }
      @media only screen and (min-height: 768px) and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup {
          max-height: 275px;
          overflow-y: auto; } }
      @media only screen and (min-height: 900px) and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup {
          max-height: 420px; } }
      @media only screen and (min-height: 1000px) and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup {
          max-height: 510px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .webapp-wrapper .filter-popup {
          max-width: 385px;
          max-height: 420px; } }
      .webapp-main .webapp-wrapper .filter-popup .filter-container {
        padding: 5px; }
        .webapp-main .webapp-wrapper .filter-popup .filter-container text-box .textbox .textbox-value .textbox-symbol-start {
          margin-right: 2px; }
        .webapp-main .webapp-wrapper .filter-popup .filter-container text-box.filter-min {
          padding-right: 3px; }
        .webapp-main .webapp-wrapper .filter-popup .filter-container text-box.filter-max {
          padding-left: 3px; }
        .webapp-main .webapp-wrapper .filter-popup .filter-container combo-box {
          margin: 3px 0; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container combo-box .combobox-value .combobox-button .combobox-icon {
            line-height: inherit; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container combo-box .dropdown .container {
            padding: 0; }
        .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list {
          list-style-type: none;
          margin-bottom: -5px; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list::-webkit-scrollbar {
            width: 6px;
            background-color: #f8f8f8; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #f8f8f8; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list::-webkit-scrollbar-thumb {
            background-color: #a2a2a2;
            border-radius: 5px; }
          .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item {
            width: 100%;
            display: flex; }
            .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item check-box {
              padding-top: 4px; }
              .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item check-box .checkbox {
                width: initial;
                position: relative; }
                .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value label {
                  background-color: #ffffff;
                  border: 1px solid #dddddd; }
                  .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value label:after {
                    background-color: #ffffff;
                    border: 2px solid #62be71;
                    border-top: none;
                    border-right: none; }
                .webapp-main .webapp-wrapper .filter-popup .filter-container .filter-list .filter-item check-box .checkbox .checkbox-value span {
                  color: #4a4a4a;
                  padding-left: 5px;
                  cursor: pointer; }
      .webapp-main .webapp-wrapper .filter-popup .filter-footer {
        display: flex;
        align-items: stretch;
        flex-direction: row;
        width: 100%;
        border-top: 1px solid #dddddd; }
        .webapp-main .webapp-wrapper .filter-popup .filter-footer .button-container:nth-child(2) {
          border-left: 1px solid #dddddd; }
        .webapp-main .webapp-wrapper .filter-popup .filter-footer .button-container:hover {
          color: #62be71;
          background: #f9f9f9; }
        .webapp-main .webapp-wrapper .filter-popup .filter-footer .button-container .prize-filter-btn {
          background: transparent;
          color: #4a4a4a;
          border: 0;
          outline: none; }
          .webapp-main .webapp-wrapper .filter-popup .filter-footer .button-container .prize-filter-btn button {
            font-weight: initial;
            text-transform: capitalize; }
    .webapp-main .webapp-wrapper .filter-popup.au-enter-active {
      -webkit-animation: keyframe-zoomin .5s 1;
      animation: keyframe-zoomin .5s 1; }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup.au-enter-active {
          -webkit-animation: webapp-slide-left 3.5s 1;
          animation: webapp-slide-left 3.5s 1; } }
    .webapp-main .webapp-wrapper .filter-popup.au-leave-active {
      -webkit-animation: keyframe-zoomout .5s 1;
      animation: keyframe-zoomout .5s 1; }
      @media only screen and (min-width: 768px) {
        .webapp-main .webapp-wrapper .filter-popup.au-leave-active {
          -webkit-animation: webapp-slide-right 3.5s 1;
          animation: webapp-slide-right 3.5s 1; } }
  .webapp-main .content-margin {
    margin: 10px 0; }
  .webapp-main h1 {
    font-size: 3.4rem;
    line-height: normal; }
  .webapp-main h2 {
    font-size: 2.8rem;
    line-height: normal; }
  .webapp-main h3 {
    font-size: 2.2rem;
    line-height: normal; }
  .webapp-main h4 {
    font-size: 1.8rem;
    line-height: normal; }
  .webapp-main p {
    font-size: 1.4rem;
    line-height: normal; }
    @media only screen and (min-width: 768px) {
      .webapp-main p {
        font-size: 1.6rem;
        line-height: normal; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main p {
        font-size: 1.4rem; } }
  .webapp-main text-box .textbox .textbox-value {
    height: 36px;
    padding: 0 6px;
    line-height: 36px; }
    @media only screen and (min-width: 768px) {
      .webapp-main text-box .textbox .textbox-value {
        height: 40px;
        line-height: 40px; } }
    .webapp-main text-box .textbox .textbox-value .textbox-symbol-start {
      line-height: 34px;
      font-size: 1.6rem;
      padding-right: 3px; }
      @media only screen and (min-width: 768px) {
        .webapp-main text-box .textbox .textbox-value .textbox-symbol-start {
          line-height: 38px;
          font-size: 1.8rem; } }
    .webapp-main text-box .textbox .textbox-value .textbox-input {
      height: 34px;
      line-height: 34px;
      font-size: 1.6rem;
      padding: 0; }
      @media only screen and (min-width: 768px) {
        .webapp-main text-box .textbox .textbox-value .textbox-input {
          height: 38px;
          line-height: 38px;
          font-size: 1.8rem; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main text-box .textbox .textbox-value .textbox-input {
          padding: 0 10px;
          font-size: 1.4rem;
          line-height: 38px; } }
  .webapp-main text-box .textbox.readonly .textbox-value {
    padding: 0; }
    .webapp-main text-box .textbox.readonly .textbox-value input {
      padding: 0;
      opacity: 1;
      color: #4a4a4a; }
      @media only screen and (min-width: 768px) {
        .webapp-main text-box .textbox.readonly .textbox-value input {
          color: #171717; } }
  .webapp-main text-box[type='numeric-password'] .textbox .textbox-value .textbox-input {
    font-family: 'Text Security Disc'; }
    .webapp-main text-box[type='numeric-password'] .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
      font-family: 'Open Sans'; }
    .webapp-main text-box[type='numeric-password'] .textbox .textbox-value .textbox-input::-ms-input-placeholder {
      font-family: 'Open Sans'; }
    .webapp-main text-box[type='numeric-password'] .textbox .textbox-value .textbox-input:-moz-placeholder {
      font-family: 'Open Sans'; }
    .webapp-main text-box[type='numeric-password'] .textbox .textbox-value .textbox-input::-moz-placeholder {
      font-family: 'Open Sans'; }
  .webapp-main combo-box .combobox .combobox-value {
    height: 36px; }
    @media only screen and (min-width: 768px) {
      .webapp-main combo-box .combobox .combobox-value {
        height: 40px; } }
    .webapp-main combo-box .combobox .combobox-value .combobox-input {
      padding: 0 2px;
      font-size: 1.6rem;
      line-height: 34px; }
      @media only screen and (min-width: 768px) {
        .webapp-main combo-box .combobox .combobox-value .combobox-input {
          padding: 0 6px;
          font-size: 1.8rem;
          line-height: 38px; } }
    .webapp-main combo-box .combobox .combobox-value .combobox-value-text {
      padding: 0 6px;
      font-size: 1.6rem;
      line-height: 34px; }
      @media only screen and (min-width: 768px) {
        .webapp-main combo-box .combobox .combobox-value .combobox-value-text {
          padding: 0 10px;
          font-size: 1.8rem;
          line-height: 38px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main combo-box .combobox .combobox-value .combobox-value-text {
          padding: 0 10px;
          font-size: 1.4rem;
          line-height: 38px; } }
    .webapp-main combo-box .combobox .combobox-value .combobox-icon {
      width: 36px;
      font-size: 2.8rem;
      line-height: 34px; }
      @media only screen and (min-width: 768px) {
        .webapp-main combo-box .combobox .combobox-value .combobox-icon {
          height: 40px;
          line-height: 38px; } }
  .webapp-main .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item {
    min-height: 36px;
    padding: 9px 8px; }
    @media only screen and (min-width: 768px) {
      .webapp-main .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item {
        min-height: 40px;
        padding: 11px 10px; } }
    .webapp-main .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item.focused {
      background-color: #5d5d5d;
      color: #ffffff; }
  .webapp-main .button-default {
    background-color: #62be71;
    color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    min-width: 64px; }
    .webapp-main .button-default button {
      width: 100%;
      height: 36px;
      line-height: 36px;
      padding: 0px 10px;
      background-color: transparent;
      color: inherit;
      border: 0;
      font-size: 1.4rem;
      font-weight: 600;
      cursor: pointer;
      outline: none;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.2s linear; }
      @media only screen and (min-width: 768px) {
        .webapp-main .button-default button {
          height: 40px;
          line-height: 40px;
          font-size: 1.8rem; } }
      .webapp-main .button-default button .loader {
        margin: 0 auto; }
      .webapp-main .button-default button.loading .value {
        display: none; }
    .webapp-main .button-default.button-secondary {
      background-color: #d8d8d8;
      color: #6d6d6d; }
      .webapp-main .button-default.button-secondary button {
        background-color: transparent;
        color: inherit; }
    .webapp-main .button-default .value {
      max-height: 36px;
      display: flex;
      line-height: inherit;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 768px) {
        .webapp-main .button-default .value {
          max-height: 40px; } }
      .webapp-main .button-default .value span, .webapp-main .button-default .value strong {
        line-height: inherit;
        display: inline-block;
        vertical-align: middle; }
    .webapp-main .button-default.loading .value {
      display: none; }
  .webapp-main .button-input {
    width: 100%;
    min-width: 64px;
    height: 36px;
    background-color: #62be71;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    line-height: 36px;
    padding: 0px 10px;
    border: 0;
    font-size: 1.4rem;
    font-weight: 600;
    outline: none;
    display: block;
    margin: 0px auto;
    transition: all 0.2s linear; }
    @media only screen and (min-width: 768px) {
      .webapp-main .button-input {
        height: 40px;
        line-height: 40px;
        font-size: 1.8rem; } }
    .webapp-main .button-input.content-margin {
      margin: 10px auto; }
    .webapp-main .button-input.button-secondary {
      background-color: #d8d8d8;
      color: #6d6d6d; }
    .webapp-main .button-input .value {
      max-height: 36px;
      display: flex;
      line-height: inherit;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 768px) {
        .webapp-main .button-input .value {
          max-height: 40px; } }
      .webapp-main .button-input .value span, .webapp-main .button-input .value strong {
        line-height: inherit;
        display: inline-block;
        vertical-align: middle; }
    .webapp-main .button-input.loading .value {
      display: none; }
  .webapp-main .self-center-xs {
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .webapp-main .only-mobile {
      display: none; } }
  .webapp-main notifications dynamic-view {
    position: absolute;
    top: 100px;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    min-width: 180px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #dddddd;
    font-size: 1.4rem;
    z-index: 999;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
    @media only screen and (min-width: 768px) {
      .webapp-main notifications dynamic-view {
        font-size: 1.6rem;
        padding: 15px 20px; } }
    .webapp-main notifications dynamic-view.in {
      -webkit-animation: webapp-slide-left 1s 1;
      animation: webapp-slide-left 1s 1; }
    .webapp-main notifications dynamic-view.out {
      -webkit-animation: webapp-slide-right 1s 1;
      animation: webapp-slide-right 1s 1; }
  .webapp-main .adorner-dynamic-view {
    z-index: 999; }
  .webapp-main .checking-checkout-status {
    display: block;
    margin: 0 auto;
    width: 315px;
    padding-top: 10px; }
    .webapp-main .checking-checkout-status loading {
      display: inline-block; }
    .webapp-main .checking-checkout-status span {
      vertical-align: super;
      font-size: 19px; }

.webapp-main .page-wrapper-first {
  height: 100%;
  width: 100%;
  min-width: 320px;
  background-color: #ffffff;
  position: fixed;
  padding-top: 40px;
  bottom: 0; }
  @media only screen and (min-width: 400px) {
    .webapp-main .page-wrapper-first {
      padding-top: 50px; } }
  @media only screen and (min-width: 768px) {
    .webapp-main .page-wrapper-first {
      overflow: hidden;
      padding-top: 60px;
      padding-bottom: initial;
      padding-top: initial;
      bottom: initial;
      position: initial; } }
  @media only screen and (min-width: 1200px) {
    .webapp-main .page-wrapper-first {
      display: flex;
      flex-direction: row-reverse;
      max-width: 1400px;
      margin: 0 auto;
      border: 1px solid #dddddd;
      border-top: 0;
      border-bottom: 0;
      position: relative; } }
  .webapp-main .page-wrapper-first .webapp-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    background-color: #f8f8f8;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 50px; }
    @media only screen and (min-width: 400px) {
      .webapp-main .page-wrapper-first .webapp-content {
        padding-bottom: 60px; } }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-first .webapp-content {
        padding-bottom: 70px;
        overflow: hidden; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main .page-wrapper-first .webapp-content {
        flex-grow: 1;
        padding-bottom: 0;
        background-color: #ffffff; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main .page-wrapper-first .webapp-content .app-page {
        background-color: transparent !important;
        flex-grow: 1; } }
    .webapp-main .page-wrapper-first .webapp-content .app-inner-content {
      padding-bottom: 50px; }
      @media only screen and (min-width: 400px) {
        .webapp-main .page-wrapper-first .webapp-content .app-inner-content {
          padding-bottom: 60px; } }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-first .webapp-content .app-inner-content {
          display: flex;
          padding-bottom: initial;
          overflow: hidden; } }
      .webapp-main .page-wrapper-first .webapp-content .app-inner-content > div {
        overflow: hidden; }
      .webapp-main .page-wrapper-first .webapp-content .app-inner-content list-bid-prizes, .webapp-main .page-wrapper-first .webapp-content .app-inner-content list-buy-now-prizes {
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-first .webapp-content .app-inner-content list-bid-prizes, .webapp-main .page-wrapper-first .webapp-content .app-inner-content list-buy-now-prizes {
            display: flex; } }
    .webapp-main .page-wrapper-first .webapp-content .leadboard-winners {
      padding: 0;
      background-color: #ddd;
      position: relative; }
      .webapp-main .page-wrapper-first .webapp-content .leadboard-winners:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 44.44444%; }
      .webapp-main .page-wrapper-first .webapp-content .leadboard-winners > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners {
          position: relative; }
          .webapp-main .page-wrapper-first .webapp-content .leadboard-winners:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 29.29688%; }
          .webapp-main .page-wrapper-first .webapp-content .leadboard-winners > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 20px; }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side {
          max-height: 100%; }
          .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list {
            overflow-y: auto;
            flex: 1; }
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li {
              width: 100%;
              text-align: left;
              font-size: 1.6rem; }
              @media only screen and (min-width: 768px) {
                .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li {
                  margin-bottom: 10px; } }
              .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li .guest-icon {
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                background-image: url("/images/icons/icon-webapp-guest.svg");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                margin-right: 10px; }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li .guest-icon {
                    width: 24px;
                    height: 24px; } }
              .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li span {
                vertical-align: middle;
                font-size: 1.4rem;
                color: #62be71; }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side .leadboard-list li span {
                    font-size: 1.8rem; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side + .right-side h2 {
          font-size: 1.7rem;
          font-weight: 600;
          color: #62be71; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side + .right-side h2 {
              font-size: 2.8rem; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side + .right-side .button-default .value {
          text-transform: capitalize;
          font-size: 1.1rem;
          font-weight: normal; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .left-side + .right-side .button-default .value {
              font-size: 1.4rem; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h2 {
          font-size: 2.2rem;
          font-weight: 600;
          color: #62be71; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h2 {
              font-size: 2.8rem; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h3 {
          font-size: 1.6rem;
          font-weight: 600;
          color: #62be71; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h3 {
              font-size: 2.2rem; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h4 {
          font-size: 1.4rem;
          margin-bottom: 10px; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content h4 {
              font-size: 1.8rem;
              font-weight: 600;
              margin-bottom: 20px; } }
        .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .button-default button {
          font-size: 1.4rem;
          font-weight: normal; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .leadboard-winners .leadboard-content .button-default button {
              font-size: 1.8rem;
              font-weight: 600; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper {
        padding: 8px 8px 0; } }
    .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured {
      display: block;
      padding: 0;
      background-color: #ddd;
      border-bottom: 6px solid #656565;
      position: relative; }
      .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 40.36697%; }
      .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured {
          border-bottom: none; } }
      .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .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; }
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured.background-contain {
          background-size: contain; }
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-overlay {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: rgba(0, 0, 0, 0.3); }
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info {
          width: 100%;
          height: 100%;
          white-space: normal;
          position: absolute;
          padding: 10px 10px 35px 10px; }
          .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info .prize-title {
            color: #ffffff;
            z-index: 1;
            font-size: 1.8rem;
            font-weight: 600; }
            @media only screen and (min-width: 768px) {
              .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info .prize-title {
                font-size: 2.4rem; } }
          .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info .prize-details {
            z-index: 1; }
            .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info .prize-details .prize-price {
              margin-bottom: 10px;
              color: #ffffff; }
              .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .featured .webapp-featured-info .prize-details .prize-price .amount {
                font-size: 2rem;
                line-height: 2rem;
                font-weight: 600;
                margin-left: 5px; }
      .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .no-featured {
        width: 100%;
        height: 100%; }
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .no-featured .title {
          line-height: 2.2rem; }
        .webapp-main .page-wrapper-first .webapp-content .featured-prize-wrapper .webapp-featured .no-featured .disc {
          font-size: 1.2rem; }
    .webapp-main .page-wrapper-first .webapp-content .latest-bids {
      display: none; }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids {
          display: flex;
          flex-direction: column;
          width: 375px;
          margin: 8px 8px 0 0;
          border: 1px solid #dddddd; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-title {
          padding: 10px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item {
          position: relative;
          padding: 0 10px;
          flex-grow: 1; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item:after {
          content: '';
          width: 100%;
          height: 1px;
          background: linear-gradient(to right, transparent, #dddddd, transparent);
          position: absolute;
          left: 0;
          bottom: 0; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item:first-of-type:before {
          content: '';
          width: 100%;
          height: 1px;
          background: linear-gradient(to right, transparent, #dddddd, transparent);
          position: absolute;
          left: 0;
          top: 0; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item:last-of-type:after {
          display: none; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item:nth-child(odd) {
          background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05), transparent); } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item.bid-animate {
          position: relative;
          animation: webapp-newbid 1s linear; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item.bid-animate:first-child {
          right: -375px;
          animation: webapp-newbid 1s linear 1s; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item .bid-person {
          font-size: 1.4rem;
          line-height: 2rem;
          font-weight: 600;
          text-overflow: ellipsis;
          display: inline-block;
          word-break: break-all;
          word-wrap: break-word;
          overflow: hidden;
          white-space: nowrap;
          padding-right: 5px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item .bid-amount {
          font-size: 1.4rem;
          line-height: 2rem;
          font-weight: 600;
          text-overflow: ellipsis;
          display: inline-block;
          word-break: break-all;
          word-wrap: break-word;
          overflow: hidden;
          white-space: nowrap;
          max-width: 130px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .latest-bids-wrapper .latest-bid-item .bid-prize {
          font-size: 1.2rem;
          line-height: 1.8rem;
          text-overflow: ellipsis;
          display: inline-block;
          word-break: break-all;
          word-wrap: break-word;
          overflow: hidden;
          white-space: nowrap;
          max-width: 100%; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .nobid {
          background-color: #F5F5F5; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .nobid .nobid-icon {
          height: 40px;
          width: 40px;
          background-image: url("/images/branding/icon-paddle-bidin-black.svg");
          background-repeat: no-repeat;
          background-size: contain;
          opacity: 0.15;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .latest-bids .nobid .nobid-label {
          color: #b3b3b3; } }
    .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar {
      position: relative;
      flex-shrink: 0;
      height: 40px;
      line-height: 40px;
      padding: 0 8px;
      font-size: 1.6rem; }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar {
          font-size: 1.4rem; } }
      .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .text-filter {
        opacity: 0.7; }
      .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-icon {
        display: block;
        height: 24px;
        width: 24px;
        background: url("/images/icons/icon-filter.svg") no-repeat;
        background-position: center;
        background-size: 20px;
        opacity: 0.4; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-icon {
            transition: all 0.1s linear; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-icon:hover {
            cursor: pointer;
            opacity: 0.6; } }
      .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-reset {
        height: 24px;
        line-height: 24px;
        background-color: #62be71;
        color: #ffffff;
        padding: 0 2px;
        border-radius: 12px;
        margin-right: 6px;
        font-size: 1.4rem; }
        .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-reset .icon-cross {
          font-size: 22px; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .webapp-content .webapp-filter-bar .filter-reset:hover {
            cursor: pointer;
            -webkit-box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.15); } }
    .webapp-main .page-wrapper-first .webapp-content .webapp-grid {
      overflow: hidden; }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-first .webapp-content .webapp-grid {
          overflow-y: auto;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch; } }
      .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container {
        padding: 0 4px;
        height: 100%; }
        .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item {
          padding: 0 4px;
          margin-bottom: 8px; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item {
              box-shadow: none; } }
          .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize {
            background-color: #ffffff;
            border-radius: 3px;
            -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            cursor: pointer;
            position: relative; }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize {
                -webkit-transition: all 0.15s linear;
                transition: all 0.15s linear; } }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize:hover {
                -webkit-transform: scale(0.97);
                transform: scale(0.97); } }
            .webapp-main .page-wrapper-first .webapp-content .webapp-grid .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;
              border: 0; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image:before {
                display: block;
                content: " ";
                width: 100%;
                padding-top: 40.36697%; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image > .content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0; }
              @media only screen and (min-width: 1200px) {
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image {
                  display: block; } }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .webapp-image-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(0, 0, 0, 0.3); }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .prize-title {
                position: absolute;
                right: 5px;
                bottom: 5px;
                left: 5px;
                font-size: 1.8rem;
                line-height: 2.2rem;
                color: #ffffff;
                text-align: left;
                z-index: 1; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .lot-number {
                position: absolute;
                top: 6px;
                left: 6px;
                color: #ffffff;
                font-size: 1.2rem;
                line-height: 1.2rem;
                z-index: 1; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon {
                position: absolute;
                top: 5px;
                right: 5px;
                width: 36px;
                height: 36px;
                border: 0;
                border-radius: 3px;
                background-color: rgba(255, 255, 255, 0.25);
                color: #ffffff;
                padding: 0;
                align-items: center;
                outline: none;
                z-index: 1;
                transition: all 0.2s linear; }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon {
                    width: 40px;
                    height: 40px; } }
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon.isFavourite i {
                  color: #ffda44; }
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon i {
                  font-size: 34px; }
                  @media only screen and (min-width: 768px) {
                    .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon i {
                      font-size: 38px; } }
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .favorite-icon:active {
                  transform: scale(0.9, 0.9); }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-image .leading-bidder-badge {
                position: absolute;
                top: 0;
                left: 0;
                background-color: #62be71;
                color: #ffffff;
                padding: 7px;
                z-index: 2; }
            .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer {
              flex-wrap: nowrap;
              height: 40px;
              padding: 0 5px; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-price label {
                font-size: 1.2rem;
                line-height: 1.2rem;
                white-space: nowrap;
                opacity: 0.7;
                margin-bottom: 3px;
                margin-left: 5px; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-price .value {
                font-size: 1.8rem;
                line-height: 2.2rem;
                font-weight: 600;
                white-space: nowrap; }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-price .value {
                    font-size: 2.6rem;
                    line-height: 2.6rem; } }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-price.starting-price .value {
                font-size: 1.8rem;
                line-height: 2.2rem; }
              .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-bidder {
                width: 100%;
                overflow: hidden; }
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-bidder label {
                  font-size: 1.2rem;
                  line-height: 1.2rem;
                  opacity: 0.7; }
                .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-bidder .value {
                  font-size: 1.8rem;
                  line-height: 2.2rem;
                  font-weight: 600;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  display: inline-block;
                  padding-left: 5px; }
                  @media only screen and (min-width: 1200px) {
                    .webapp-main .page-wrapper-first .webapp-content .webapp-grid .grid-container .prize-item .prize .prize-footer .prize-bidder .value {
                      font-size: 1.6rem; } }
    .webapp-main .page-wrapper-first .webapp-content .webapp-loading {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .webapp-main .page-wrapper-first .webapp-content .dialogs-host {
      position: absolute;
      left: 0;
      -webkit-animation: slide-up 3.5s 1;
      animation: slide-up 3.5s 1; }
      .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        background-color: #f8f8f8; }
        .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal {
          height: 100%;
          padding: 0;
          border-radius: 0; }
          .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal::-webkit-scrollbar {
            width: 6px;
            background-color: #f8f8f8; }
          .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #f8f8f8; }
          .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal::-webkit-scrollbar-thumb {
            background-color: #a2a2a2;
            border-radius: 5px; }
          .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper {
            min-height: 100%; }
            .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls {
              width: 100%;
              position: absolute;
              top: calc(50% - 34px); }
              .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls .control-left, .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-controls .control-right {
                font-size: 34px; }
            .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-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; }
              .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .modal-prize-images:before {
                display: block;
                content: " ";
                width: 100%;
                padding-top: 44.44444%; }
              .webapp-main .page-wrapper-first .webapp-content .dialogs-host #webapp-prize-modal .modal .modal-wrapper .modal-carousel-wrapper .modal-prize-images > .content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0; }
  .webapp-main .page-wrapper-first .main-navigation {
    position: fixed;
    bottom: 0;
    display: flex;
    height: 50px;
    width: 100%;
    padding: 0 8px;
    border-top: 1px solid #dddddd;
    flex-direction: row;
    justify-content: space-around;
    background-color: #ffffff;
    align-items: center;
    align-self: center;
    flex: 1;
    z-index: 3; }
    @media only screen and (min-width: 400px) {
      .webapp-main .page-wrapper-first .main-navigation {
        height: 60px; } }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-first .main-navigation {
        height: 70px; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main .page-wrapper-first .main-navigation {
        width: 236px;
        flex-direction: column;
        height: 100%;
        padding: 0;
        position: initial;
        flex: 0 0 auto;
        flex-shrink: 0;
        justify-content: flex-start;
        border-right: 1px solid #dddddd;
        z-index: 5; } }
    .webapp-main .page-wrapper-first .main-navigation .sidebar-top {
      display: none; }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top {
          display: flex;
          padding: 10px;
          background-color: #F5F5F5; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .profile-container {
          padding: 5px 10px 10px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .profile-container .profile-welcome {
          font-weight: bold;
          font-size: 1.2rem; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .profile-container .profile-fullname {
          font-weight: bold;
          font-size: 1.8rem; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .profile-container .profile-email {
          font-size: 1.2rem;
          opacity: 0.7; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .logout-button {
          transition: all 0.15s linear; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .logout-button:hover {
          color: #d9534f;
          cursor: pointer; } }
      .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info {
        display: none; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info {
            display: flex;
            min-height: 50px; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .money-raised, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining {
            position: relative;
            padding: 0 5px; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .money-raised .label, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .label {
            font-size: 1rem; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .money-raised .value {
            font-size: 1.6rem;
            font-weight: bold; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .money-raised:after {
            content: '';
            width: 1px;
            height: 100%;
            background: linear-gradient(to bottom, transparent, #dddddd, transparent);
            position: absolute;
            right: 0;
            top: 0; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .hours, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .minutes, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .seconds {
            font-size: 1.6rem;
            font-weight: bold; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .hours:after, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .minutes:after, .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .seconds:after {
            font-size: 1rem; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .hours:after {
            content: 'h'; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .minutes:after {
            content: 'm'; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .seconds:after {
            content: 's'; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .time-pulsing {
            display: flex;
            flex-direction: column;
            align-items: center; } }
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .time-pulsing.scale-in {
          -webkit-animation: time-scale-in 0.2s 1;
          animation: time-scale-in 0.2s 1;
          animation-fill-mode: forwards;
          text-align: left;
          transition: all 1s ease-in;
          transform-origin: center; }
        .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .time-pulsing.scale-out {
          -webkit-animation: time-scale-out 0.2s 1;
          animation: time-scale-out 0.2s 1;
          animation-fill-mode: forwards;
          text-align: left;
          transition: all 1s ease-in;
          transform-origin: center; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .time-pulsing .time {
            display: flex;
            flex-direction: row;
            justify-content: center; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .sidebar-top .auction-info .time-remaining .auction-ended {
            font-weight: bold;
            color: #d9534f; } }
    .webapp-main .page-wrapper-first .main-navigation .nav-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 54px;
      flex-shrink: 0;
      text-align: center;
      user-select: none; }
      @media only screen and (min-width: 375px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item {
          width: 60px; } }
      @media only screen and (min-width: 480px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item {
          width: 60px; } }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item {
          width: 100px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item {
          width: 100%;
          flex-direction: row;
          justify-content: left;
          align-items: center;
          padding: 15px 20px;
          position: relative; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item:hover {
          cursor: pointer;
          -webkit-box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.03);
          box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.03);
          margin-top: -1px;
          border-top: 1px solid #dddddd; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item:hover .nav-item-active-bar {
          width: 3px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item:after {
          content: '';
          width: 100%;
          height: 1px;
          background: linear-gradient(to right, transparent, #dddddd, transparent);
          position: absolute;
          bottom: 0;
          left: 0; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-active-bar {
        display: none; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-active-bar {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 0px;
            height: 100%;
            transition: all 0.15s linear; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item.selected .nav-item-active-bar {
          width: 10px;
          background-color: #62be71; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-item:not(.selected) .nav-item-label {
          color: #4a4a4a !important; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-icon {
        height: 17px;
        font-size: 17px; }
        @media only screen and (min-width: 375px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-icon {
            height: 20px;
            font-size: 24px; } }
        @media only screen and (min-width: 480px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-icon {
            height: 24px;
            font-size: 24px; } }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-icon {
            margin-right: 10px; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-label {
        display: block;
        padding-top: 5px;
        font-size: 0.9rem;
        line-height: 1rem;
        color: #b3b3b3; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item .nav-item-label {
            font-size: 1.4rem;
            line-height: 1.6rem; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-item.nav-hidden {
        display: none; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item.nav-hidden {
            display: flex; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-item.nav-more {
        display: flex; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-first .main-navigation .nav-item.nav-more {
            display: none; } }
    .webapp-main .page-wrapper-first .main-navigation .nav-extended {
      position: fixed;
      top: 40px;
      left: 0;
      bottom: 0;
      width: 100%; }
      @media only screen and (min-width: 400px) {
        .webapp-main .page-wrapper-first .main-navigation .nav-extended {
          top: 50px; } }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap {
        width: 70%;
        margin-left: 30%;
        height: 100%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0; }
        .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item {
          display: flex;
          flex-shrink: 0;
          width: 100%;
          flex-direction: row;
          justify-content: left;
          align-items: center;
          padding: 15px 20px;
          position: relative; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item:hover {
            cursor: pointer;
            -webkit-box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.03);
            box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.03);
            margin-top: -1px;
            border-top: 1px solid #dddddd; }
            .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item:hover .nav-item-active-bar {
              width: 3px; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item:after {
            content: '';
            width: 100%;
            height: 1px;
            background: linear-gradient(to right, transparent, #dddddd, transparent);
            position: absolute;
            bottom: 0;
            left: 0; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item .nav-item-active-bar {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 0px;
            height: 100%;
            transition: all 0.15s linear; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item.selected .nav-item-active-bar {
            width: 10px;
            background-color: #62be71; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item:not(.selected) .nav-item-label {
            color: #4a4a4a !important; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item .nav-item-icon {
            height: 24px;
            font-size: 24px;
            margin-right: 10px; }
          .webapp-main .page-wrapper-first .main-navigation .nav-extended .nav-extended-wrap .nav-item .nav-item-label {
            display: block;
            padding-top: 5px;
            color: #b3b3b3;
            font-size: 1.4rem;
            line-height: 1.6rem; }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended.au-enter-active .nav-extended-overlay {
        -webkit-animation: keyframe-fadein 0.25s 1;
        animation: keyframe-fadein 0.25s 1; }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended.au-enter-active .nav-extended-wrap {
        -webkit-animation: webapp-slide-left 0.5s;
        animation: webapp-slide-left 0.5s 1;
        animation-fill-mode: forwards; }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended.au-leave-active .nav-extended-overlay {
        -webkit-animation: keyframe-fadeout 0.25s 1;
        animation: keyframe-fadeout 0.25s 1; }
      .webapp-main .page-wrapper-first .main-navigation .nav-extended.au-leave-active .nav-extended-wrap {
        -webkit-animation: webapp-slide-right 0.5s 1;
        animation: webapp-slide-right 0.5s 1;
        animation-fill-mode: forwards; }

.webapp-main .favorite-icon {
  width: 36px;
  height: 36px;
  font-size: 36px;
  border: 0;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  padding: 0;
  align-items: center;
  outline: none; }
  @media only screen and (min-width: 768px) {
    .webapp-main .favorite-icon {
      width: 40px;
      height: 40px;
      font-size: 40px; } }
  @media only screen and (min-width: 1200px) {
    .webapp-main .favorite-icon:hover {
      -webkit-box-shadow: inset 0px 0px 0px 20px rgba(255, 218, 68, 0.15);
      box-shadow: inset 0px 0px 0px 20px rgba(255, 218, 68, 0.15); } }
  .webapp-main .favorite-icon.isFavourite i {
    color: #ffda44; }

.webapp-main .won-prizes .webapp-content {
  padding-top: 10px;
  padding-bottom: initial; }
  .webapp-main .won-prizes .webapp-content .congratulations-message {
    font-size: 2rem;
    padding: 0 20px; }
    @media only screen and (min-width: 768px) {
      .webapp-main .won-prizes .webapp-content .congratulations-message {
        font-size: 2.8rem; } }
  .webapp-main .won-prizes .webapp-content list-bid-prizes .webapp-grid {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    .webapp-main .won-prizes .webapp-content list-bid-prizes .webapp-grid .grid-container {
      padding: 0 4px;
      height: 100%; }

.webapp-main {
  /* Lightbox */ }
  .webapp-main .page-wrapper-second {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 4;
    background-clip: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 40px;
    /* Prize Details Page */ }
    @media only screen and (min-width: 400px) {
      .webapp-main .page-wrapper-second {
        padding-top: 50px; } }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second {
        overflow: hidden;
        padding-top: 60px; } }
    @media only screen and (min-width: 1200px) {
      .webapp-main .page-wrapper-second {
        padding-top: 0;
        padding-left: 236px; } }
    .webapp-main .page-wrapper-second.maximized {
      z-index: 5;
      padding-top: 0;
      position: fixed; }
    .webapp-main .page-wrapper-second #webapp-prize-details {
      height: 100%; }
      .webapp-main .page-wrapper-second #webapp-prize-details .modal {
        height: 100%; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .page-wrapper-second #webapp-prize-details .modal {
            position: relative;
            padding-right: 375px; } }
        .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper {
          height: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper {
              overflow: hidden; } }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel {
            border: 0;
            border-left: none;
            border-right: none;
            background-color: #ddd;
            width: 100%;
            height: 100%;
            display: block;
            position: relative; }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel:before {
              display: block;
              content: " ";
              width: 100%;
              padding-top: 44.44444%; }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel > .content {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0; }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content {
              height: 100%;
              position: absolute;
              top: 0; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item {
                position: relative; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item > div {
                  height: 100%;
                  /* Overlay */ }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .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; }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item > div .bid-prize-details-carousel {
                    border: 0;
                    border-radius: 0; }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item > div .fullscreen-icon {
                    font-size: 36px;
                    color: #ffffff;
                    position: absolute;
                    bottom: 10px;
                    right: 10px;
                    z-index: 1;
                    text-shadow: 0px 0px 1px #000000; }
                    @media only screen and (min-width: 768px) {
                      .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item > div .fullscreen-icon {
                        font-size: 40px; } }
                    @media only screen and (min-width: 1200px) {
                      .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-content .carousel-item > div .fullscreen-icon:hover {
                        cursor: pointer;
                        -webkit-box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.05);
                        box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.05); } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-pagination {
              position: absolute;
              display: flex;
              bottom: 5px;
              left: 0;
              right: 0; }
              @media only screen and (min-width: 768px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-carousel-wrapper .carousel .carousel-pagination {
                  bottom: 20px; } }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content {
            padding: 10px;
            align-content: stretch;
            height: 100%;
            display: flex;
            flex-direction: row; }
            @media only screen and (min-width: 768px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content {
                overflow-y: auto;
                height: initial;
                flex-direction: column; } }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content {
                padding: 20px; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper {
              align-content: flex-start; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title {
                margin-bottom: 10px; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title h2 {
                  font-size: 2.4rem;
                  margin-right: 10px;
                  /* same height as favorite icon */ }
                  @media only screen and (min-width: 768px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title h2 {
                      font-size: 3.4rem;
                      line-height: normal; } }
                  @media only screen and (min-width: 1200px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title h2 {
                      font-size: 2.4rem; } }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title .favorite-icon {
                  background-color: #b3b3b3;
                  color: #ffffff;
                  text-align: center;
                  vertical-align: middle;
                  justify-content: center;
                  display: flex;
                  flex-direction: column; }
                  @media only screen and (min-width: 1200px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title .favorite-icon:hover {
                      -webkit-box-shadow: inset 0px 0px 0px 20px rgba(255, 218, 68, 0.15);
                      box-shadow: inset 0px 0px 0px 20px rgba(255, 218, 68, 0.15); } }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .title .favorite-icon.isFavourite i {
                    color: #ffda44; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .additional-info {
                margin-bottom: 20px; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .additional-info p {
                  font-size: 1.4rem;
                  opacity: 0.8; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .description p {
                white-space: pre-wrap;
                overflow-x: hidden; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .item-winner {
                margin: 20px 0; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .details-wrapper .item-winner .won-price {
                  font-size: 4.6rem;
                  line-height: normal;
                  font-weight: 600; }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .terms {
              padding: 10px 0; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .terms .terms-txt {
                font-size: 1.4rem; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .terms .terms-txt .terms-link {
                  color: #007AFF; }
                  @media only screen and (min-width: 1200px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-content .terms .terms-txt .terms-link:hover {
                      color: #0062cc;
                      cursor: pointer; } }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids {
            padding: 10px;
            background-color: #f0f0f0;
            height: 100%; }
            @media only screen and (min-width: 768px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids {
                height: initial; } }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids {
                position: absolute;
                right: 0;
                top: 0;
                width: 375px;
                height: 100%;
                background-color: #f8f8f8;
                border-left: 1px solid #dddddd; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids h3 {
              font-size: 2rem;
              font-weight: 600;
              border-bottom: 1px solid #dddddd;
              padding-bottom: 10px; }
            @media only screen and (min-width: 768px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container {
                height: 100%;
                flex: 1 0 auto;
                overflow-y: auto; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li {
              border-bottom: 1px solid #dddddd;
              padding: 5px 0; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li.bid-animate {
                position: relative;
                animation: webapp-newbid 1s linear; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li.bid-animate:first-child {
                  right: -315px;
                  animation: webapp-newbid 1s linear 1s; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li:last-child {
                border-bottom: 0; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li .bid-amount {
                word-break: break-word; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container ul li .bid-person {
                word-break: break-word; }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container .nobid .nobid-icon {
                height: 40px;
                width: 40px;
                background-image: url("/images/branding/icon-paddle-bidin-black.svg");
                background-repeat: no-repeat;
                background-size: contain;
                opacity: 0.15;
                margin-bottom: 10px; } }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .modal-wrapper .modal-bids .bids-container .nobid .nobid-label {
                color: #b3b3b3; } }
        .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet {
          align-items: center;
          height: 100px;
          background-color: #ffffff;
          border-top: 1px solid #dddddd;
          display: flex;
          flex-direction: column; }
          @media only screen and (min-width: 480px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet {
              height: 70px;
              flex-direction: row;
              flex: 0 1 auto;
              flex-wrap: wrap; } }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper {
            width: 100%;
            padding: 10px 0; }
            @media only screen and (min-width: 480px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper {
                width: auto;
                padding: initial; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids {
              padding: 0 5px; }
              @media only screen and (min-width: 768px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids {
                  padding: 0 10px; } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-label {
                padding-right: 5px; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-label, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .currency-symbol, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer {
                font-family: 'Open Sans', sans-serif;
                font-size: 1.3rem;
                line-height: 1.5rem;
                font-weight: bold;
                vertical-align: bottom; }
                @media only screen and (min-width: 480px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-label, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .currency-symbol, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer {
                    font-size: 1.8rem;
                    line-height: 2rem; } }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-label, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .currency-symbol, .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer {
                    font-size: 2.2rem;
                    line-height: 2.4rem; } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer .odometer-digit,
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer .odometer-digit .odometer-digit-spacer,
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
                vertical-align: bottom; }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-number {
                font-size: 1rem;
                line-height: 2rem;
                vertical-align: bottom; }
                @media only screen and (min-width: 480px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-number {
                    font-size: 1.2rem;
                    line-height: 1.8rem; } }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-number {
                    font-size: 1.6rem;
                    line-height: 2.8rem; } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-person {
                font-size: 1.2rem;
                line-height: normal;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
                max-width: 100%;
                white-space: nowrap; }
                @media only screen and (min-width: 480px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-person {
                    font-size: 1.4rem; } }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .price-and-bids .bid-person {
                    font-size: 1.6rem; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .quantity-txt {
              font-size: 1.2rem;
              opacity: 0.7; }
              @media only screen and (min-width: 768px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .quantity-txt {
                  font-size: 1.4rem; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls {
              padding: 0 10px; }
              @media only screen and (min-width: 480px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls {
                  padding: 0 30px; } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .icon {
                width: 36px;
                height: 36px;
                font-size: 36px;
                background-color: #62be71;
                color: #ffffff;
                border-radius: 3px; }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .icon {
                    width: 40px;
                    height: 40px;
                    font-size: 40px; } }
                @media only screen and (min-width: 1200px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .icon:hover {
                    cursor: pointer;
                    box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.15); } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield {
                margin: 0 5px;
                width: 72px;
                position: relative; }
                @media only screen and (min-width: 375px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield {
                    width: 100px; } }
                @media only screen and (min-width: 480px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield {
                    width: 105px; } }
                @media only screen and (min-width: 768px) {
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield {
                    width: 132px; } }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield.buynow-textfield {
                  margin: 0 5px;
                  width: 45px; }
                  @media only screen and (min-width: 480px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield.buynow-textfield {
                      width: 85px; } }
                  @media only screen and (min-width: 768px) {
                    .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield.buynow-textfield {
                      width: 132px; } }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield.buynow-textfield .textbox .textbox-value .textbox-input {
                    text-align: center; }
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield .error {
                  position: absolute;
                  top: -57px;
                  background-color: #d9534f;
                  display: flex;
                  flex-direction: row;
                  height: 130%;
                  text-align: center;
                  align-items: center;
                  color: #ffffff;
                  border-radius: 3px;
                  font-weight: bold;
                  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
                  font-size: 1.2rem;
                  line-height: 1.4rem; }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield .error:before {
                    content: '';
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    top: calc(100% - 1px);
                    left: calc(50% - 10px);
                    display: block;
                    border: 10px solid rgba(255, 255, 255, 0);
                    border-top-color: #d9534f; }
                  .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .price-bid-wrapper .bid-controls .textfield .error:nth-of-type(2) {
                    display: none; }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container {
            width: 100%;
            height: 40px; }
            @media only screen and (min-width: 480px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container {
                width: auto;
                height: 100%; } }
            .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container .place-bid {
              width: 100%;
              height: 100%;
              line-height: normal;
              background-color: #62be71;
              color: #ffffff;
              border: 0;
              border-radius: 0;
              outline: none; }
              @media only screen and (min-width: 480px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container .place-bid {
                  width: 96px; } }
              @media only screen and (min-width: 768px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container .place-bid {
                  width: 180px; } }
              @media only screen and (min-width: 1200px) {
                .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container .place-bid:hover {
                  cursor: pointer;
                  box-shadow: inset 0px 0px 0px 50px rgba(0, 0, 0, 0.15); } }
              .webapp-main .page-wrapper-second #webapp-prize-details .modal .bid-controls-tablet .btn-container .place-bid button {
                height: 100%;
                line-height: normal; }
        .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details {
          display: flex;
          flex-direction: column;
          padding-right: 0; }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details {
              flex-direction: row; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet {
              width: 375px;
              height: 100%;
              flex-direction: column;
              border-left: 1px solid #dddddd;
              justify-content: flex-start;
              padding: 10px; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper {
              justify-content: center;
              align-content: flex-start;
              flex-basis: auto;
              flex-grow: initial; } }
          .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper .buynow-title {
            display: none; }
            @media only screen and (min-width: 1200px) {
              .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper .buynow-title {
                width: 100%;
                border-bottom: 1px solid #dddddd;
                margin-bottom: 10px;
                padding-bottom: 10px;
                text-align: left;
                display: block; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper .price-and-bids {
              margin: 20px 0; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper .controls-wrapper {
              flex-direction: column; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .price-bid-wrapper .controls-wrapper .bid-controls {
              flex: 0 0 auto; } }
          @media only screen and (min-width: 1200px) {
            .webapp-main .page-wrapper-second #webapp-prize-details .modal.buynow-prize-details .bid-controls-tablet .btn-container {
              height: 40px;
              margin-top: 20px; } }
    .webapp-main .page-wrapper-second.au-enter-active {
      -webkit-animation: webapp-slide-up 0.5s 1;
      animation: webapp-slide-up 0.5s 1; }
    .webapp-main .page-wrapper-second.au-leave-active {
      -webkit-animation: webapp-slide-down 0.5s 1;
      animation: webapp-slide-down 0.5s 1; }
  .webapp-main .lightbox-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9;
    /* Lightbox Image */
    /* Lightbox Icon */
    /* Image full screen effect */ }
    .webapp-main .lightbox-container .lightbox-image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    .webapp-main .lightbox-container .fullscreen-icon {
      font-size: 36px;
      color: #ffffff;
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 1;
      text-shadow: 0px 0px 1px #000000; }
      @media only screen and (min-width: 768px) {
        .webapp-main .lightbox-container .fullscreen-icon {
          font-size: 40px; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .lightbox-container .fullscreen-icon:hover {
          cursor: pointer; } }
    .webapp-main .lightbox-container.au-enter-active {
      -webkit-animation: fadein 1s 1;
      animation: fadein 1s 1; }
      .webapp-main .lightbox-container.au-enter-active .lightbox-image {
        -webkit-animation: keyframe-zoomin .5s 1;
        animation: keyframe-zoomin .5s 1;
        transform-origin: top center; }
    .webapp-main .lightbox-container.au-leave-active {
      -webkit-animation: fadeout 1s 1;
      animation: fadeout 1s 1; }
      .webapp-main .lightbox-container.au-leave-active .lightbox-image {
        -webkit-animation: keyframe-zoomout .5s 1;
        animation: keyframe-zoomout .5s 1;
        transform-origin: top center; }

.info-page-container {
  width: 100%;
  height: 100%; }
  .info-page-container info-page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .info-page-container info-page .webapp-info-page {
      width: 100%;
      height: 100%;
      overflow-y: auto; }
      @media only screen and (min-width: 1200px) {
        .info-page-container info-page .webapp-info-page {
          display: flex;
          flex-direction: row; } }
      .info-page-container info-page .webapp-info-page .info-page-image {
        border: 0;
        border-radius: 0;
        overflow: hidden;
        width: 100%;
        background-color: #e6e8ea; }
        .info-page-container info-page .webapp-info-page .info-page-image img {
          min-width: 100%; }
        .info-page-container info-page .webapp-info-page .info-page-image .loader-container {
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0; }
          .info-page-container info-page .webapp-info-page .info-page-image .loader-container loading {
            align-self: center; }
      .info-page-container info-page .webapp-info-page .pagination-button-container {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 90px; }
        @media only screen and (min-width: 768px) {
          .info-page-container info-page .webapp-info-page .pagination-button-container {
            bottom: 120px;
            padding: 0 5%; } }
        @media only screen and (min-width: 1200px) {
          .info-page-container info-page .webapp-info-page .pagination-button-container {
            width: 375px;
            flex-direction: column;
            border-left: 1px solid #dddddd;
            flex-basis: auto;
            padding: 10px;
            flex-shrink: 0;
            position: static;
            justify-content: flex-start; } }
        .info-page-container info-page .webapp-info-page .pagination-button-container .info-title {
          display: none; }
          @media only screen and (min-width: 1200px) {
            .info-page-container info-page .webapp-info-page .pagination-button-container .info-title {
              width: 100%;
              border-bottom: 1px solid #dddddd;
              margin-bottom: 10px;
              padding-bottom: 10px;
              text-align: left;
              display: block; } }
        .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button {
          z-index: 1;
          margin: 5px; }
          @media only screen and (min-width: 768px) {
            .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button {
              margin: 10px; } }
          @media only screen and (min-width: 1200px) {
            .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button {
              margin: 5px 0;
              padding: 0; } }
          .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button button {
            height: 36px;
            line-height: 36px;
            font-size: 1.4rem; }
            @media only screen and (min-width: 768px) {
              .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button button {
                height: 40px;
                line-height: 40px;
                font-size: 1.8rem;
                padding: 0 35px; } }
            .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button button .value {
              line-height: inherit;
              font-weight: normal;
              text-transform: capitalize; }
              @media only screen and (min-width: 768px) {
                .info-page-container info-page .webapp-info-page .pagination-button-container .pagination-button button .value {
                  height: 40px;
                  font-weight: 600; } }

.webapp-main .page-wrapper-second.checkout {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 104px;
  background-color: #efefef;
  background-clip: initial; }
  @media only screen and (min-width: 768px) {
    .webapp-main .page-wrapper-second.checkout {
      padding-top: initial;
      padding-bottom: initial; } }
  @media only screen and (min-width: 1200px) {
    .webapp-main .page-wrapper-second.checkout {
      background-color: #ffffff; } }

.webapp-main .page-wrapper-second .section-checkout {
  height: 100%;
  padding: 8px; }
  @media only screen and (min-width: 768px) {
    .webapp-main .page-wrapper-second .section-checkout {
      padding: 70px 20px 20px 20px;
      background-color: transparent; } }
  @media only screen and (min-width: 1200px) {
    .webapp-main .page-wrapper-second .section-checkout {
      padding: 20px; } }
  .webapp-main .page-wrapper-second .section-checkout custom-button button {
    text-transform: capitalize; }
  .webapp-main .page-wrapper-second .section-checkout h1 {
    display: none; }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second .section-checkout h1 {
        display: block;
        font-weight: 600;
        margin-bottom: 20px; } }
  .webapp-main .page-wrapper-second .section-checkout p {
    font-size: 1.2rem; }
  .webapp-main .page-wrapper-second .section-checkout .grid-header {
    display: none; }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second .section-checkout .grid-header {
        display: flex;
        font-weight: 600;
        color: #7d7d7d; } }
  .webapp-main .page-wrapper-second .section-checkout .prize-title {
    font-size: 1.8rem;
    font-weight: 600; }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second .section-checkout .prize-title {
        font-size: 2rem;
        margin-bottom: 10px; } }
  .webapp-main .page-wrapper-second .section-checkout .checkout-item-list {
    counter-reset: section; }
    .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item {
      padding: 5px 0;
      overflow: hidden; }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item {
          overflow: initial; }
          .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item:before {
            display: none; } }
      @media only screen and (min-width: 1200px) {
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item {
          border: 1px solid #dddddd;
          border-left: 0;
          border-right: 0;
          padding: 20px 0; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item:before {
        counter-increment: section;
        content: "Item # " counter(section) ". ";
        color: inherit;
        font-size: 2rem;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 5px; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item:before {
            display: none;
            content: none; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content {
        display: block;
        width: 100%;
        border: 1px solid #dddddd;
        padding: 8px 8px 0 8px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        flex-direction: column;
        background-color: #ffffff; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content {
            display: flex;
            width: 100%;
            border: 0;
            padding: 0;
            box-shadow: none;
            flex-direction: row;
            background-color: transparent; } }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content h4, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content span, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content label, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content combo-box .combobox .combobox-value {
          font-size: 1.4rem;
          color: #8d8c8c; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content h4, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content span, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content label, .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content combo-box .combobox .combobox-value {
              font-size: 1.6rem; } }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content combo-box .combobox .combobox-value {
          font-size: 1.4rem;
          height: 36px;
          line-height: 36px; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content combo-box .combobox .combobox-value {
              height: 40px;
              line-height: 40px; } }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content .checkout-prize-details {
          display: flex;
          flex-direction: row; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-content .checkout-prize-details {
              display: block;
              flex-direction: initial; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-line {
        border-bottom: 1px solid #dddddd;
        padding: 15px 0;
        display: flex;
        flex-direction: row; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .item-line {
            border-bottom: initial;
            padding: initial;
            display: block;
            flex-direction: initial; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .description {
        display: none; }
        @media only screen and (min-width: 768px) {
          .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .description {
            display: block;
            width: 100%;
            padding-right: 20px;
            text-align: justify;
            color: #7d7d7d; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .price-column li {
        font-size: 1.6rem;
        line-height: normal; }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .price-column li.price {
          color: #62be71; }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .price-column li.item-line:last-child {
          border-bottom: none;
          margin: 0; }
        .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .price-column li label.charge-txt {
          display: block; }
          @media only screen and (min-width: 768px) {
            .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .price-column li label.charge-txt {
              margin-top: 10px; } }
      .webapp-main .page-wrapper-second .section-checkout .checkout-item-list .checkout-item .checkout-prize-image {
        max-width: 100px;
        height: 73px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #ddd;
        margin-right: 10px; }
  .webapp-main .page-wrapper-second .section-checkout .total-container {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    border-bottom: 1px solid #dddddd;
    margin: 0;
    padding: 10px; }
    .webapp-main .page-wrapper-second .section-checkout .total-container h3 {
      font-weight: 600;
      font-size: 1.8rem; }
      @media only screen and (min-width: 768px) {
        .webapp-main .page-wrapper-second .section-checkout .total-container h3 {
          font-size: 2rem; } }
    .webapp-main .page-wrapper-second .section-checkout .total-container .price {
      font-weight: 600;
      font-size: 1.8rem;
      color: #62be71; }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second .section-checkout .total-container {
        position: initial;
        top: inital;
        background-color: initial;
        border-bottom: 0;
        margin: 20px 0; }
        .webapp-main .page-wrapper-second .section-checkout .total-container .label {
          font-size: 2.4rem;
          font-weight: 600; }
        .webapp-main .page-wrapper-second .section-checkout .total-container .price {
          font-size: 2.4rem; } }
  @media only screen and (min-width: 1200px) {
    .webapp-main .page-wrapper-second .section-checkout .payment-option {
      min-width: 200px; } }

.webapp-main .page-wrapper-second .section-payment-gateway, .webapp-main .page-wrapper-second .payment-message {
  padding: 20px; }
  .webapp-main .page-wrapper-second .section-payment-gateway h1, .webapp-main .page-wrapper-second .payment-message h1 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 20px; }
  .webapp-main .page-wrapper-second .section-payment-gateway .text-payment p, .webapp-main .page-wrapper-second .payment-message .text-payment p {
    font-size: 2.2rem;
    line-height: normal; }
    @media only screen and (min-width: 768px) {
      .webapp-main .page-wrapper-second .section-payment-gateway .text-payment p, .webapp-main .page-wrapper-second .payment-message .text-payment p {
        font-size: 2.4rem;
        line-height: normal; } }
    .webapp-main .page-wrapper-second .section-payment-gateway .text-payment p .price, .webapp-main .page-wrapper-second .payment-message .text-payment p .price {
      color: #62be71; }
  .webapp-main .page-wrapper-second .section-payment-gateway .button-container, .webapp-main .page-wrapper-second .payment-message .button-container {
    margin: 40px 0; }

.webapp-main .page-wrapper-second.order-confirm {
  padding-top: 70px; }
  .webapp-main .page-wrapper-second.order-confirm .checkout-item-list .checkout-item .item-inline:last-child {
    border-bottom: 0; }

.webapp-main .page-wrapper-second .payment-message {
  height: 100%; }

.splash-container {
  max-height: 100%;
  overflow-y: auto; }
  .splash-container .splash-logo {
    display: block;
    width: 200px;
    margin: 50px auto 30px; }
    .splash-container .splash-logo img {
      max-width: 100%; }
  .splash-container.partial-login .login-form .fields {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-login .login-form .fields {
        width: 400px; } }
    .splash-container.partial-login .login-form .fields .divider {
      text-align: center;
      width: 24px;
      margin: auto;
      position: relative;
      display: block;
      padding: 5px;
      width: 100%;
      text-align: center;
      opacity: 0.7; }
      .splash-container.partial-login .login-form .fields .divider:after, .splash-container.partial-login .login-form .fields .divider:before {
        position: absolute;
        content: "";
        width: calc(50% - 24px);
        height: 1px;
        top: 50%;
        transform: translateY(-50); }
      .splash-container.partial-login .login-form .fields .divider:after {
        left: 0;
        background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5)); }
      .splash-container.partial-login .login-form .fields .divider:before {
        right: 0;
        background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.5)); }
    .splash-container.partial-login .login-form .fields .text-no-account {
      padding-bottom: 3px;
      font-size: 1.2rem; }
    .splash-container.partial-login .login-form .fields #password .textbox .textbox-value .textbox-input {
      font-family: 'Text Security Disc'; }
      .splash-container.partial-login .login-form .fields #password .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
        font-family: 'Open Sans'; }
      .splash-container.partial-login .login-form .fields #password .textbox .textbox-value .textbox-input::-ms-input-placeholder {
        font-family: 'Open Sans'; }
      .splash-container.partial-login .login-form .fields #password .textbox .textbox-value .textbox-input:-moz-placeholder {
        font-family: 'Open Sans'; }
      .splash-container.partial-login .login-form .fields #password .textbox .textbox-value .textbox-input::-moz-placeholder {
        font-family: 'Open Sans'; }
  .splash-container.partial-login .verify-account .fields {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-login .verify-account .fields {
        width: 400px; } }
    .splash-container.partial-login .verify-account .fields .buttons {
      margin-top: 10px; }
  .splash-container.partial-registration .registration-form {
    display: block;
    margin-bottom: 55px; }
    .splash-container.partial-registration .registration-form .fields {
      width: 280px;
      max-width: 100%;
      margin: 20px auto 0; }
      @media only screen and (min-width: 768px) {
        .splash-container.partial-registration .registration-form .fields {
          width: 400px; } }
      .splash-container.partial-registration .registration-form .fields .terms-row .terms-text {
        font-size: 1.25rem; }
      .splash-container.partial-registration .registration-form .fields .privacy-policy-link-wrap {
        margin: 10px 0 20px;
        user-select: none; }
        .splash-container.partial-registration .registration-form .fields .privacy-policy-link-wrap .privacy-policy-link {
          color: #007AFF; }
          @media only screen and (min-width: 1200px) {
            .splash-container.partial-registration .registration-form .fields .privacy-policy-link-wrap .privacy-policy-link:hover {
              color: #0062cc;
              cursor: pointer; } }
  .splash-container.partial-registration .registration-complete .fields {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-registration .registration-complete .fields {
        width: 400px; } }
    .splash-container.partial-registration .registration-complete .fields .buttons.row {
      margin-bottom: 60px; }
  .splash-container.partial-guest-authentication .guest-selection .table-name {
    color: #707070; }
  .splash-container.partial-guest-authentication .guest-selection .guests-list {
    width: 280px;
    max-width: 100%;
    margin: 20px auto;
    overflow-y: auto;
    overflow-x: hidden; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-guest-authentication .guest-selection .guests-list {
        width: 400px; } }
    .splash-container.partial-guest-authentication .guest-selection .guests-list .guest {
      margin-bottom: 10px;
      flex-wrap: nowrap; }
      .splash-container.partial-guest-authentication .guest-selection .guests-list .guest .icon-guest {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
        background-image: url("/images/icons/icon-webapp-guest.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        flex-shrink: 0; }
        @media only screen and (min-width: 768px) {
          .splash-container.partial-guest-authentication .guest-selection .guests-list .guest .icon-guest {
            width: 34px;
            height: 34px;
            margin-right: 10px; } }
        .splash-container.partial-guest-authentication .guest-selection .guests-list .guest .icon-guest.not-found {
          background-image: url("/images/icons/icon-webapp-guest-red.svg"); }
      @media only screen and (min-width: 768px) {
        .splash-container.partial-guest-authentication .guest-selection .guests-list .guest .name {
          font-size: 1.8rem; } }
  .splash-container.partial-guest-authentication .guest-login .fields {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-guest-authentication .guest-login .fields {
        width: 400px; } }
    .splash-container.partial-guest-authentication .guest-login .fields .terms-row .terms-text {
      font-size: 1.25rem; }
    .splash-container.partial-guest-authentication .guest-login .fields .buttons.show-button-submit .cancel {
      margin-right: 5px; }
    .splash-container.partial-guest-authentication .guest-login .fields .buttons.show-button-submit .submit {
      margin-left: 5px; }
  .splash-container.partial-guest-authentication .guest-login .fields-footer.login {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0;
    padding-bottom: 20px;
    flex-shrink: 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-guest-authentication .guest-login .fields-footer.login {
        width: 400px; } }
  .splash-container.partial-guest-authentication .registration-complete {
    margin: 20px auto; }
  .splash-container.partial-guest-authentication .list-loader {
    width: 280px;
    max-width: 100%;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-guest-authentication .list-loader {
        width: 400px; } }
    .splash-container.partial-guest-authentication .list-loader loading {
      margin-top: 10px; }
  .splash-container.partial-guest-authentication .error .button-default {
    width: 100px; }
  .splash-container.partial-account-activation .activation loading {
    margin-top: 10px; }
  .splash-container.partial-table-assignment .table-selection .fields {
    width: 280px;
    max-width: 100%;
    margin: 20px auto 0; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-table-assignment .table-selection .fields {
        width: 400px; } }
  .splash-container.partial-auction-not-started .time-remaining {
    padding: 0 20px; }
  .splash-container.partial-auction-not-started .count-down {
    margin-top: 50px; }
    @media only screen and (min-width: 768px) {
      .splash-container.partial-auction-not-started .count-down {
        margin-top: 80px; } }
    .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper {
      width: initial; }
      .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider {
        width: 15px;
        height: 58px; }
        @media only screen and (min-width: 768px) {
          .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider {
            width: 20px;
            height: 100px; } }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider:first-child {
          width: 0; }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
          color: #4a4a4a; }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
          right: -50px; }
          @media only screen and (min-width: 768px) {
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.hours .flip-clock-label {
              right: -86px; } }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
          right: -56px; }
          @media only screen and (min-width: 768px) {
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label {
              right: -88px; } }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
          right: -57px; }
          @media only screen and (min-width: 768px) {
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label {
              right: -86px; } }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
          width: 5px;
          height: 5px;
          background-color: #4a4a4a;
          opacity: 0.8; }
          @media only screen and (min-width: 768px) {
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
              width: 10px;
              height: 10px; } }
          .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
            top: 20px; }
            @media only screen and (min-width: 768px) {
              .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
                top: 30px; } }
          .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
            bottom: 20px; }
            @media only screen and (min-width: 768px) {
              .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
                bottom: 30px; } }
      .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip {
        position: relative;
        float: left;
        margin: 3px;
        width: 30px;
        height: 45px;
        font-size: 34px;
        line-height: 45px;
        border-radius: 6px;
        background: transparent; }
        @media only screen and (min-width: 768px) {
          .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip {
            position: relative;
            float: left;
            margin: 5px;
            width: 60px;
            height: 90px;
            font-size: 80px;
            font-weight: 600;
            line-height: 87px;
            border-radius: 6px; } }
        .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li {
          line-height: 45px; }
          @media only screen and (min-width: 768px) {
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li {
              line-height: 87px; } }
          .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li a div {
            font-size: 34px; }
            @media only screen and (min-width: 768px) {
              .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li a div {
                font-size: 80px; } }
            .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li a div div.inn {
              font-size: 34px;
              color: #ffffff; }
              @media only screen and (min-width: 768px) {
                .splash-container.partial-auction-not-started .count-down .flip-clock-wrapper ul.flip li a div div.inn {
                  font-size: 70px; } }
  .splash-container.auction-paused {
    height: 100%;
    position: relative; }
    .splash-container.auction-paused .splash-logo {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .splash-container.auction-paused .paused-content .paused-icon {
      width: 100px;
      height: 100px;
      background-image: url("../../images/icons/icon-auction-paused.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      margin-bottom: 10px; }
      @media only screen and (min-width: 768px) {
        .splash-container.auction-paused .paused-content .paused-icon {
          width: 260px;
          height: 260px; } }
    .splash-container.auction-paused .paused-content .paused-text {
      font-size: 1.6rem; }
      @media only screen and (min-width: 768px) {
        .splash-container.auction-paused .paused-content .paused-text {
          font-size: 1.8rem; } }

.webapp-main .dialogs-host .dialog {
  height: 100%; }
  @media only screen and (min-width: 768px) {
    .webapp-main .dialogs-host .dialog .dialog-container {
      min-width: initial; } }
  .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication:not(.login) {
    overflow-y: hidden; }
    .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication:not(.login) .fields {
      padding: 10px;
      overflow-y: auto; }
  .webapp-main .dialogs-host .dialog .dialog-container .popup-container {
    width: 280px;
    min-width: 90%;
    max-width: 100%; }
    @media only screen and (min-width: 768px) {
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container {
        width: 400px;
        max-width: 100%;
        min-width: initial; } }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .popup-content {
      padding: 10px;
      overflow-y: auto; }
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container .popup-content .content-margin {
        margin-top: 0; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container.error .error-message {
      margin: 30px 0; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .checkbox-row check-box {
      display: inline-block;
      vertical-align: bottom; }
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container .checkbox-row check-box .checkbox .checkbox-value .checkbox-box {
        min-width: 20px;
        min-height: 20px; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .checkbox-row .maxbid-current-txt {
      font-size: 1.2;
      opacity: 0.7; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .maxbid-checkbox {
      margin: 10px 0 20px 0; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .maxbid-controls {
      align-items: center;
      margin: -10px 0 20px 0; }
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container .maxbid-controls .icon {
        width: 36px;
        height: 36px;
        font-size: 36px;
        background-color: #62be71;
        color: #ffffff;
        border-radius: 3px; }
        @media only screen and (min-width: 768px) {
          .webapp-main .dialogs-host .dialog .dialog-container .popup-container .maxbid-controls .icon {
            width: 40px;
            height: 40px;
            font-size: 40px; } }
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container .maxbid-controls .max-bid-amount {
        margin: 0 5px;
        width: 132px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 2rem; }
    .webapp-main .dialogs-host .dialog .dialog-container .popup-container .privacy-policy-link-wrap {
      margin: 10px 0 20px;
      user-select: none; }
      .webapp-main .dialogs-host .dialog .dialog-container .popup-container .privacy-policy-link-wrap .privacy-policy-link {
        color: #007AFF; }
        @media only screen and (min-width: 1200px) {
          .webapp-main .dialogs-host .dialog .dialog-container .popup-container .privacy-policy-link-wrap .privacy-policy-link:hover {
            color: #0062cc;
            cursor: pointer; } }
  .webapp-main .dialogs-host .dialog .dialog-container .guest-selection {
    padding: 10px 10px 0 10px; }
  .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication, .webapp-main .dialogs-host .dialog .dialog-container .popup-container {
    background-color: #ffffff;
    border-radius: 8px;
    padding-top: 10px; }
    .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-default, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-default {
      height: 36px;
      position: relative;
      background-color: transparent;
      color: #4a4a4a;
      user-select: none; }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-default button:active:not(.disabled), .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-default button:active:not(.disabled) {
        background-color: transparent;
        transform: scale(0.9); }
      @media only screen and (min-width: 768px) {
        .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-default, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-default {
          height: 40px; } }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-default .value, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-default .value {
        font-weight: initial;
        font-size: 1.4rem;
        text-transform: capitalize; }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-default loading .loading, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-default loading .loading {
        border-left: 1px solid #4a4a4a; }
    .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .fields-footer, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .fields-footer {
      border-top: 1px solid #dddddd;
      min-height: 36px; }
      @media only screen and (min-width: 768px) {
        .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .fields-footer, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .fields-footer {
          min-height: 40px; } }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .fields-footer .button-container:nth-child(2), .webapp-main .dialogs-host .dialog .dialog-container .popup-container .fields-footer .button-container:nth-child(2) {
        border-left: 1px solid #dddddd; }
    .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-input, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-input {
      height: 36px;
      position: relative;
      background-color: transparent;
      color: #4a4a4a;
      user-select: none; }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-input:active:not(.disabled), .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-input:active:not(.disabled) {
        background-color: transparent;
        transform: scale(0.9); }
      @media only screen and (min-width: 768px) {
        .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-input, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-input {
          height: 40px; } }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-input .value, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-input .value {
        font-weight: initial;
        font-size: 1.4rem;
        text-transform: capitalize; }
      .webapp-main .dialogs-host .dialog .dialog-container .partial-guest-authentication .button-input loading .loading, .webapp-main .dialogs-host .dialog .dialog-container .popup-container .button-input loading .loading {
        border-left: 1px solid #4a4a4a; }

.webapp-main .dialogs-host.au-enter-active .overlay {
  -webkit-animation: keyframe-fadein 0.25s 1;
  animation: keyframe-fadein 0.25s 1; }

.webapp-main .dialogs-host.au-enter-active .dialog-container {
  -webkit-animation: keyframe-zoomin 0.25s 1;
  animation: keyframe-zoomin 0.25s 1; }

.webapp-main .dialogs-host.au-leave-active .overlay {
  -webkit-animation: keyframe-fadeout 0.25s 1;
  animation: keyframe-fadeout 0.25s 1; }

.webapp-main .dialogs-host.au-leave-active .dialog-container {
  -webkit-animation: keyframe-zoomout 0.25s 1;
  animation: keyframe-zoomout 0.25s 1; }

donations-main {
  width: 100%; }

@media only screen and (min-width: 768px) {
  .donations-main {
    overflow-y: auto;
    padding-bottom: 80px; } }

@media only screen and (min-width: 1200px) {
  .donations-main {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding-bottom: 0;
    height: 100%;
    background-color: #ffffff; } }

.donations-main .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; }
  .donations-main .donations-image:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 85%; }
  .donations-main .donations-image > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .donations-main .donations-image {
      width: auto;
      height: auto;
      flex: 1 0 auto; } }
  .donations-main .donations-image .donations-raised-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden; }
    .donations-main .donations-image .donations-raised-container .donations-raised {
      width: 100%;
      height: 100%;
      color: #ffffff;
      position: relative;
      top: 0; }
      .donations-main .donations-image .donations-raised-container .donations-raised .donations-raised-subtitle {
        font-weight: 600;
        font-size: 1.2rem;
        /* general fallback */
        font-size: 3vm;
        /* IE9 fallback */
        font-size: 3vmin;
        line-height: 100%; }
        @media only screen and (min-width: 768px) {
          .donations-main .donations-image .donations-raised-container .donations-raised .donations-raised-subtitle {
            font-size: 2.3rem;
            /* general fallback */ } }
      .donations-main .donations-image .donations-raised-container .donations-raised .donations-raised-title {
        font-weight: 600;
        font-size: 3.2rem;
        /* general fallback */
        font-size: 10vm;
        /* IE9 fallback */
        font-size: 10vmin;
        line-height: 100%; }
        @media only screen and (min-width: 768px) {
          .donations-main .donations-image .donations-raised-container .donations-raised .donations-raised-title {
            font-size: 7.7rem;
            /* general fallback */
            line-height: 100%; } }
      .donations-main .donations-image .donations-raised-container .donations-raised .loader-container {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0; }
        .donations-main .donations-image .donations-raised-container .donations-raised .loader-container loading {
          align-self: center; }

.donations-main .giftaid-container {
  display: none; }
  @media only screen and (min-width: 1200px) {
    .donations-main .giftaid-container {
      display: flex;
      padding: 10px 40px 0; } }
  @media only screen and (min-width: 1200px) {
    .donations-main .giftaid-container .giftaid-title {
      margin: 10px 0; } }

.donations-main .donations-giftaid-container {
  padding: 0 20px; }
  @media only screen and (min-width: 1200px) {
    .donations-main .donations-giftaid-container {
      width: 375px;
      flex-direction: column;
      border-left: 1px solid #dddddd;
      flex-basis: auto;
      padding: 10px;
      flex-shrink: 0; } }
  .donations-main .donations-giftaid-container .donations-title {
    display: none; }
    @media only screen and (min-width: 1200px) {
      .donations-main .donations-giftaid-container .donations-title {
        width: 100%;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
        text-align: left;
        display: block; } }
  @media only screen and (min-width: 1200px) {
    .donations-main .donations-giftaid-container .donations-giftaid-buttons {
      flex-basis: auto; } }
  @media only screen and (min-width: 1200px) {
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-txt {
      max-width: 80%;
      margin-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-dropdown {
      display: none; } }
  .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts {
    display: none;
    width: 80%;
    height: 40px;
    margin-bottom: 20px;
    padding: initial;
    border-radius: 3px;
    line-height: 38px;
    font-size: 0;
    border: 1px solid #dddddd; }
    @media only screen and (min-width: 768px) {
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts {
        display: flex; } }
    @media only screen and (min-width: 1200px) {
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts {
        flex-direction: column;
        height: auto;
        margin: 10px 0 20px 0; } }
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li {
      border-right: 1px solid #dddddd;
      font-size: 1.4rem;
      display: inline-block; }
      @media only screen and (min-width: 1200px) {
        .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li {
          border-right: 0;
          border-bottom: 1px solid #dddddd; } }
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li.active {
        background-color: #62be71;
        color: #ffffff; }
      @media only screen and (min-width: 1200px) {
        .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li:hover {
          cursor: pointer;
          box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.05); } }
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li:last-child {
        min-width: 80px;
        border-right: 0; }
        @media only screen and (min-width: 1200px) {
          .donations-main .donations-giftaid-container .donations-giftaid-buttons .donations-giftaid-amounts li:last-child {
            border-bottom: 0; } }
  .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container {
    width: 80%;
    max-width: 80%;
    margin: 0 auto; }
    @media only screen and (min-width: 1200px) {
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container {
        flex-direction: column; } }
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .donations-donate-btn {
      height: 36px;
      line-height: 36px;
      min-width: 80px;
      color: #ffffff;
      background-color: #62be71;
      border: 0;
      cursor: pointer;
      border-radius: 2px; }
      @media only screen and (min-width: 768px) {
        .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .donations-donate-btn {
          height: 40px;
          line-height: 40px; } }
      @media only screen and (min-width: 1200px) {
        .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .donations-donate-btn {
          margin-top: 10px; } }
      .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .donations-donate-btn:hover {
        background-color: #45a855; }
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .info-icon {
      color: #5bc0de; }
      @media only screen and (min-width: 1200px) {
        .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-actions-container .info-icon {
          display: none; } }
  @media only screen and (min-width: 1200px) {
    .donations-main .donations-giftaid-container .donations-giftaid-buttons .donation-button {
      margin-top: 40px; } }

.page-wrapper-second.donation {
  overflow: hidden; }
  .page-wrapper-second.donation .section-checkout {
    padding-bottom: 70px;
    overflow-y: auto; }

.donate {
  overflow-y: auto;
  height: 100%; }

.donations-app-main {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  user-select: none;
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/images/branding/donations-app-bg.jpg"); }
  .donations-app-main .donations-app-logo {
    width: 10vw;
    height: 5vw;
    position: absolute;
    top: 2vw;
    left: 2vw; }
    .donations-app-main .donations-app-logo img {
      max-width: 100%;
      max-height: 100%; }
  .donations-app-main .bubble-new-donation {
    position: absolute;
    color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*Animation*/ }
    .donations-app-main .bubble-new-donation .bubble-container {
      position: relative;
      top: -3vw;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: rotateX(87deg) rotateY(0deg);
      transform: rotateX(87deg) rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit, .donations-app-main .bubble-new-donation .bubble-container .bubble {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d; }
      .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit {
        width: 70vw;
        height: 70vw;
        top: 0;
        left: 15vw;
        border-radius: 50%; }
        .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble {
          width: 12vw;
          height: 12vw;
          border-radius: 50%;
          word-wrap: break-word;
          background: radial-gradient(circle at 33% 33%, #efe0a5, #b5941e 60%, #ffeb00);
          text-align: center;
          top: 100%;
          margin-top: -6vw;
          margin-left: -6vw;
          z-index: 999;
          animation-fill-mode: forwards; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            z-index: 1000;
            background: radial-gradient(circle at 33% 33%, #b3ddf3, #00a9ff 60%, #b4e6ff);
            opacity: 0;
            -webkit-transition: opacity 2s linear;
            transition: opacity 2s linear; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble .bubble-star {
            font-size: 4vw;
            margin-top: -1vw;
            line-height: 100%;
            z-index: 1001; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble .bubble-name {
            font-size: 1vw;
            font-weight: 600;
            line-height: 100%;
            z-index: 1001; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble .bubble-company {
            font-size: 0.8vw;
            padding: 0.25vw;
            line-height: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            z-index: 1001; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble .bubble-amount {
            font-size: 1.2vw;
            font-weight: 600;
            line-height: 100%;
            z-index: 1001; }
          .donations-app-main .bubble-new-donation .bubble-container .bubble-orbit .bubble .bubble-name + .bubble-amount {
            padding-top: 0.25vw; }
    .donations-app-main .bubble-new-donation.au-enter-active .bubble-container .bubble-orbit .bubble {
      -webkit-animation: new-donation-enter 6s 1 linear;
      animation: new-donation-enter 6s 1 linear;
      animation-fill-mode: forwards; }
    .donations-app-main .bubble-new-donation.au-leave-active .bubble-container .bubble-orbit {
      -webkit-animation: new-donation-orbit 15s 1 linear;
      animation: new-donation-orbit 15s 1 linear; }
      .donations-app-main .bubble-new-donation.au-leave-active .bubble-container .bubble-orbit .bubble {
        -webkit-animation: new-donation-exit 15s 1 linear;
        animation: new-donation-exit 15s 1 linear; }
        .donations-app-main .bubble-new-donation.au-leave-active .bubble-container .bubble-orbit .bubble:after {
          opacity: 1; }
  .donations-app-main .bubble-old-donation {
    position: absolute;
    color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation-fill-mode: forwards;
    -webkit-animation: old-donation-zindex 25s linear infinite;
    animation: old-donation-zindex 25s linear infinite;
    /*Animation*/ }
    .donations-app-main .bubble-old-donation .bubble-container {
      position: relative;
      top: -3vw;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: rotateX(87deg) rotateY(0deg);
      transform: rotateX(87deg) rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit, .donations-app-main .bubble-old-donation .bubble-container .bubble {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        animation-fill-mode: forwards;
        -webkit-animation: old-donation-orbit 25s linear infinite;
        animation: old-donation-orbit 25s linear infinite; }
      .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit {
        width: 70vw;
        height: 70vw;
        top: 0;
        left: 15vw; }
        .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit .bubble {
          width: 12vw;
          height: 12vw;
          border-radius: 50%;
          word-wrap: break-word;
          background: radial-gradient(circle at 33% 33%, #b3ddf3, #00a9ff 60%, #b4e6ff);
          top: 100%;
          margin-top: -6vw;
          margin-left: -6vw;
          opacity: 0;
          -webkit-animation: old-donation-big 25s linear infinite;
          animation: old-donation-big 25s linear infinite; }
          .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit .bubble .bubble-name {
            font-size: 1vw;
            font-weight: 600;
            line-height: 100%; }
          .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit .bubble .bubble-company {
            font-size: 0.8vw;
            padding: 0.25vw;
            line-height: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit .bubble .bubble-amount {
            font-size: 1.2vw;
            font-weight: 600;
            line-height: 100%; }
          .donations-app-main .bubble-old-donation .bubble-container .bubble-orbit .bubble .bubble-name + .bubble-amount {
            padding-top: 0.25vw; }
    .donations-app-main .bubble-old-donation.au-leave-active {
      -webkit-animation: keyframe-zoomout 1s linear;
      animation: keyframe-zoomout 1s linear; }
  .donations-app-main .bubble-highest-donation {
    position: absolute;
    top: 2vh;
    right: 2vw;
    width: 20vw;
    color: #ffffff;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 999; }
    .donations-app-main .bubble-highest-donation .bubble-title {
      line-height: 100%;
      margin-bottom: 0.5vw;
      height: 2.6vw;
      dominant-baseline: central;
      max-width: 100%; }
      .donations-app-main .bubble-highest-donation .bubble-title tspan {
        font-weight: 900;
        font-size: 1vw;
        -webkit-animation: text-wave 6s ease infinite;
        animation: text-wave 6s linear infinite;
        fill: #fff; }

@-webkit-keyframes text-wave {
  0% {
    font-size: 1.2vw; }
  10% {
    font-size: 1.8vw;
    fill: #efe0a5; }
  40% {
    font-size: 1.5vw; }
  100% {
    font-size: 1.2vw; } }

@keyframes text-wave {
  0% {
    font-size: 1.2vw; }
  10% {
    font-size: 1.8vw;
    fill: #efe0a5; }
  40% {
    font-size: 1.5vw; }
  100% {
    font-size: 1.2vw; } }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(1) {
          animation-delay: 0.1s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(2) {
          animation-delay: 0.2s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(3) {
          animation-delay: 0.3s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(4) {
          animation-delay: 0.4s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(5) {
          animation-delay: 0.5s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(6) {
          animation-delay: 0.6s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(7) {
          animation-delay: 0.7s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(8) {
          animation-delay: 0.8s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(9) {
          animation-delay: 0.9s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(10) {
          animation-delay: 1s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(11) {
          animation-delay: 1.1s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(12) {
          animation-delay: 1.2s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(13) {
          animation-delay: 1.3s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(14) {
          animation-delay: 1.4s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(15) {
          animation-delay: 1.5s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(16) {
          animation-delay: 1.6s; }
        .donations-app-main .bubble-highest-donation .bubble-title tspan:nth-child(17) {
          animation-delay: 1.7s; }
    .donations-app-main .bubble-highest-donation .bubble-container {
      width: 12vw;
      height: 12vw;
      border-radius: 50%;
      word-wrap: break-word;
      background: radial-gradient(circle at 33% 33%, #efe0a5, rgba(181, 148, 30, 0.8) 60%, rgba(255, 235, 0, 0.8));
      -webkit-animation: floating-movement 15s linear infinite;
      animation: floating-movement 15s linear infinite; }
      .donations-app-main .bubble-highest-donation .bubble-container .position-icon {
        font-size: 2vw;
        font-weight: 600;
        margin: -0.5vw 0 0.5vw 0;
        line-height: 100%; }
        .donations-app-main .bubble-highest-donation .bubble-container .position-icon sup {
          top: -0.8vw;
          font-size: 1vw;
          position: relative;
          vertical-align: baseline; }
      .donations-app-main .bubble-highest-donation .bubble-container .bubble-name {
        font-size: 1vw;
        font-weight: 600;
        line-height: 100%; }
      .donations-app-main .bubble-highest-donation .bubble-container .bubble-company {
        font-size: 0.8vw;
        padding: 0.25vw;
        line-height: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .donations-app-main .bubble-highest-donation .bubble-container .bubble-amount {
        font-size: 1.2vw;
        font-weight: 600;
        line-height: 100%; }
      .donations-app-main .bubble-highest-donation .bubble-container .bubble-name + .bubble-amount {
        padding-top: 0.25vw; }
      .donations-app-main .bubble-highest-donation .bubble-container.position-first .position-icon sup {
        margin-left: -0.25vw; }
      .donations-app-main .bubble-highest-donation .bubble-container.position-second {
        width: 9.23077vw;
        height: 9.23077vw;
        margin: 0.5vw 0 1vw 8vw;
        background: radial-gradient(circle at 33% 33%, #efe0a5, rgba(181, 148, 30, 0.8) 60%, rgba(255, 235, 0, 0.8));
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-second .position-icon {
          font-size: 1.53846vw;
          margin: -0.38462vw 0 0.38462vw 0; }
          .donations-app-main .bubble-highest-donation .bubble-container.position-second .position-icon sup {
            top: -0.61538vw;
            font-size: 0.76923vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-second .bubble-name {
          font-size: 0.76923vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-second .bubble-company {
          font-size: 0.61538vw;
          padding: 0.19231vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-second .bubble-amount {
          font-size: 0.92308vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-second .bubble-name + .bubble-amount {
          padding-top: 0.19231vw; }
      .donations-app-main .bubble-highest-donation .bubble-container.position-third {
        width: 8vw;
        height: 8vw;
        margin: -2vw 5vw 0 0;
        background: radial-gradient(circle at 33% 33%, #efe0a5, rgba(181, 148, 30, 0.8) 60%, rgba(255, 235, 0, 0.8));
        -webkit-animation-delay: 3s;
        animation-delay: 3s; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-third .position-icon {
          font-size: 1.33333vw;
          margin: -0.33333vw 0 0.33333vw 0; }
          .donations-app-main .bubble-highest-donation .bubble-container.position-third .position-icon sup {
            top: -0.53333vw;
            font-size: 0.66667vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-third .bubble-name {
          font-size: 0.66667vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-third .bubble-company {
          font-size: 0.53333vw;
          padding: 0.16667vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-third .bubble-amount {
          font-size: 0.8vw; }
        .donations-app-main .bubble-highest-donation .bubble-container.position-third .bubble-name + .bubble-amount {
          padding-top: 0.19231vw; }
    .donations-app-main .bubble-highest-donation.top-donation-changes .bubble-container {
      -webkit-animation: pop-in-out 2s linear infinite;
      animation: pop-in-out 2s linear infinite; }
  .donations-app-main .donations-gauge {
    position: absolute;
    right: 2vw;
    bottom: 2vh;
    color: #ffffff; }
    .donations-app-main .donations-gauge .gauge-title {
      font-size: 1.6vw;
      line-height: 100%; }
    .donations-app-main .donations-gauge .gauge-value {
      font-size: 2.3vw;
      font-weight: 600;
      padding: 0.1vw 0;
      line-height: 100%;
      margin-bottom: -1vw; }
      .donations-app-main .donations-gauge .gauge-value span {
        font-size: 1.3vw; }
    .donations-app-main .donations-gauge custom-gauge > div {
      align-self: center; }

.projector-app-main {
  height: 100%;
  width: 100%;
  overflow: hidden;
  /**/ }
  .projector-app-main .container {
    height: 100%;
    width: 100%; }
    .projector-app-main .container.not-started {
      background: -webkit-linear-gradient(left top, white, silver);
      background: -moz-linear-gradient(bottom right, white, silver);
      background: -ms-linear-gradient(bottom right, white, silver);
      background: -o-linear-gradient(bottom right, white, silver);
      background: linear-gradient(bottom right, white, silver); }
      .projector-app-main .container.not-started.au-enter-active {
        animation: fadein 1s ease-in; }
      .projector-app-main .container.not-started.au-leave-active {
        animation: fadeout 1s ease-out; }
      .projector-app-main .container.not-started .inner-content {
        min-width: 60%;
        max-width: 60%;
        max-height: 75%;
        min-height: 75%;
        align-items: center; }
        .projector-app-main .container.not-started .inner-content .logo {
          max-width: 70%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 3.5vh; }
        .projector-app-main .container.not-started .inner-content h1 {
          font-size: 5.8rem;
          font-size: 3vw;
          line-height: 100%;
          margin-bottom: 2vh; }
        .projector-app-main .container.not-started .inner-content h2 {
          font-weight: 600;
          font-size: 12rem;
          font-size: 6.2vw;
          line-height: 100%; }
    .projector-app-main .container.started {
      /*Carousel*/
      /*Bids list*/
      /*Bid popup*/ }
      .projector-app-main .container.started.au-enter-active {
        animation: fadein 1s ease-in; }
      .projector-app-main .container.started.au-leave-active {
        animation: fadeout 1s ease-out; }
      .projector-app-main .container.started .projector-left {
        max-width: 100%;
        /*total padding*/
        height: 100%;
        padding: 20px;
        position: relative;
        overflow: hidden;
        transition: all 1s linear; }
        .projector-app-main .container.started .projector-left .header {
          position: relative; }
          .projector-app-main .container.started .projector-left .header:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 6.25%; }
          .projector-app-main .container.started .projector-left .header > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .projector-app-main .container.started .projector-left .header .header-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            .projector-app-main .container.started .projector-left .header .header-container .logo {
              background-repeat: no-repeat;
              max-height: 4vw;
              background-size: contain;
              background-position: left center; }
            .projector-app-main .container.started .projector-left .header .header-container label {
              font-size: 1.8rem;
              font-size: 1vw;
              line-height: 100%; }
            .projector-app-main .container.started .projector-left .header .header-container strong {
              font-size: 3.9rem;
              font-size: 2vw;
              line-height: 100%;
              padding-top: 0.7vw; }
            .projector-app-main .container.started .projector-left .header .header-container .time-remaining.time-pulsing.scale-in {
              -webkit-transform-origin: right center;
              transform-origin: right center;
              -webkit-animation: time-scale-in-projector 0.2s 1;
              animation: time-scale-in-projector 0.2s 1;
              animation-fill-mode: forwards;
              transition: all 1s ease-in; }
            .projector-app-main .container.started .projector-left .header .header-container .time-remaining.time-pulsing.scale-out {
              -webkit-transform-origin: right center;
              transform-origin: right center;
              -webkit-animation: time-scale-out-projector 0.2s 1;
              animation: time-scale-out-projector 0.2s 1;
              animation-fill-mode: forwards;
              transition: all 1s ease-in; }
        .projector-app-main .container.started .projector-left .carousel-wrapper {
          position: relative;
          padding: 20px 0;
          width: 100%;
          height: 100%;
          transition: 1s ease-in-out; }
          .projector-app-main .container.started .projector-left .carousel-wrapper .carousel {
            width: 100%;
            height: 100%;
            max-height: 44%; }
            .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target {
              width: 100%;
              height: 100%;
              display: block;
              position: relative; }
              .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item {
                max-width: 44%;
                position: absolute;
                top: 0;
                width: 100%; }
                .projector-app-main .container.started .projector-left .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; }
                  .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item.current {
                    transform: scale(1.5) !important; }
                  .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content {
                    position: relative;
                    width: 100%;
                    /* Image */
                    /* Footer */ }
                    .projector-app-main .container.started .projector-left .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 */ }
                      .projector-app-main .container.started .projector-left .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%; }
                      .projector-app-main .container.started .projector-left .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; }
                      .projector-app-main .container.started .projector-left .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; }
                      .projector-app-main .container.started .projector-left .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%; }
                    .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer {
                      position: relative;
                      width: 100%;
                      color: #ffffff;
                      position: relative; }
                      .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer:before {
                        display: block;
                        content: " ";
                        width: 100%;
                        padding-top: 12.63158%; }
                      .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer > .content {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0; }
                      .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        padding: 0 2%;
                        /* Price */
                        /* Bidder */ }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .price label {
                          font-size: 1.4rem;
                          font-size: 0.8vw;
                          line-height: 120%; }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .price .value {
                          font-weight: 600;
                          font-size: 3.1rem;
                          font-size: 1.6vw;
                          line-height: 100%; }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .price .value + label {
                          margin-left: 2%;
                          margin-bottom: 0; }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .price.starting-price .value {
                          font-weight: 600;
                          font-size: 2.5rem;
                          font-size: 1.3vw;
                          line-height: 120%; }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .bidder label {
                          font-size: 1.4rem;
                          font-size: 0.8vw;
                          line-height: 120%; }
                        .projector-app-main .container.started .projector-left .carousel-wrapper .carousel cover-flow.au-target .item .carousel-item .carousel-item-content .carousel-footer .footer-container .bidder .value {
                          font-size: 2.5rem;
                          font-size: 1.3vw;
                          line-height: 120%;
                          text-overflow: ellipsis;
                          display: inline;
                          word-break: break-all;
                          word-wrap: break-word;
                          overflow: hidden;
                          white-space: nowrap; }
          .projector-app-main .container.started .projector-left .carousel-wrapper.newbid-shown {
            -webkit-filter: blur(5px);
            filter: blur(5px);
            opacity: 0.5;
            transition: 1s ease-in-out; }
      .projector-app-main .container.started .projector-right {
        color: #ffffff;
        background-color: #62be71; }
        .projector-app-main .container.started .projector-right .bidders-title {
          text-align: center;
          position: relative; }
          .projector-app-main .container.started .projector-right .bidders-title:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 18.75%; }
          .projector-app-main .container.started .projector-right .bidders-title > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .projector-app-main .container.started .projector-right .bidders-title h2 {
            font-size: 3.9rem;
            font-size: 2vw;
            line-height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 1.3vw; }
        .projector-app-main .container.started .projector-right .bidders-list li {
          position: relative;
          height: 100%;
          background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
          background-size: 100%;
          background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.3)), color-stop(60%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
          background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0));
          background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0));
          background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0));
          transform: translateX(100%);
          opacity: 0;
          animation: bids-slide-in 0.5s ease-in;
          animation-fill-mode: forwards;
          position: relative; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(1) {
            animation-delay: 0.3s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(2) {
            animation-delay: 0.6s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(3) {
            animation-delay: 0.9s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(4) {
            animation-delay: 1.2s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(5) {
            animation-delay: 1.5s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(6) {
            animation-delay: 1.8s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(7) {
            animation-delay: 2.1s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(8) {
            animation-delay: 2.4s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(9) {
            animation-delay: 2.7s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(10) {
            animation-delay: 3s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(11) {
            animation-delay: 3.3s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(12) {
            animation-delay: 3.6s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(13) {
            animation-delay: 3.9s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(14) {
            animation-delay: 4.2s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(15) {
            animation-delay: 4.5s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(16) {
            animation-delay: 4.8s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(17) {
            animation-delay: 5.1s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(18) {
            animation-delay: 5.4s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(19) {
            animation-delay: 5.7s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(20) {
            animation-delay: 6s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(21) {
            animation-delay: 6.3s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(22) {
            animation-delay: 6.6s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(23) {
            animation-delay: 6.9s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(24) {
            animation-delay: 7.2s; }
          .projector-app-main .container.started .projector-right .bidders-list li:nth-child(25) {
            animation-delay: 7.5s; }
          .projector-app-main .container.started .projector-right .bidders-list li:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 18.75%; }
          .projector-app-main .container.started .projector-right .bidders-list li > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .projector-app-main .container.started .projector-right .bidders-list li:after, .projector-app-main .container.started .projector-right .bidders-list li:last-child:after {
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            top: 0;
            content: "";
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
            background-size: 100%;
            background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
            background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0)); }
          .projector-app-main .container.started .projector-right .bidders-list li:last-child:after {
            bottom: 0; }
          .projector-app-main .container.started .projector-right .bidders-list li .bid-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 0.9vw; }
            .projector-app-main .container.started .projector-right .bidders-list li .bid-content label {
              font-weight: 600;
              font-size: 2.5rem;
              font-size: 1.3vw;
              line-height: 120%;
              text-overflow: ellipsis;
              display: inline;
              word-break: break-all;
              word-wrap: break-word;
              overflow: hidden;
              white-space: nowrap; }
            .projector-app-main .container.started .projector-right .bidders-list li .bid-content .title {
              font-size: 2.2rem;
              font-size: 1.2vw;
              line-height: 120%;
              text-overflow: ellipsis;
              display: inline;
              word-break: break-all;
              word-wrap: break-word;
              overflow: hidden;
              white-space: nowrap; }
        .projector-app-main .container.started .projector-right.au-enter-active {
          -webkit-animation: webapp-slide-in 1s 1 ease-in;
          animation: webapp-slide-left 1s 1 ease-in;
          /* slide effect */ }
        .projector-app-main .container.started .projector-right.au-leave-active {
          -webkit-animation: webapp-slide-out 1s 1 ease-in;
          animation: webapp-slide-right 1s 1 ease-in;
          /* slide effect */ }
      .projector-app-main .container.started .bid-popup-container {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.2);
        /*Animation*/ }
        .projector-app-main .container.started .bid-popup-container .bid-popup {
          position: absolute;
          width: 60%;
          left: 7.5%;
          background-color: #ddd;
          border: 0.4vw solid #f5e3b5;
          /* Header */
          /* Image */ }
          .projector-app-main .container.started .bid-popup-container .bid-popup .popup-header {
            position: relative;
            width: 100%;
            font-size: 3.9rem;
            font-size: 1.6vw;
            padding: 20px 10px;
            background: -webkit-radial-gradient(center, #ffffff, #f5e3b5);
            background: -moz-radial-gradient(center, #ffffff, #f5e3b5);
            background: -ms-radial-gradient(center, #ffffff, #f5e3b5);
            background: -o-radial-gradient(center, #ffffff, #f5e3b5);
            background: radial-gradient(center, #ffffff, #f5e3b5); }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-header .value {
              font-weight: 600;
              margin-left: 10px; }
          .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            /* Overlay */ }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img:before {
              display: block;
              content: " ";
              width: 100%;
              padding-top: 40.36697%; }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img > .content {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0; }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .popup-overlay {
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.3);
              position: absolute;
              top: 0;
              left: 0;
              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; }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .title {
              color: #ffffff;
              position: absolute;
              bottom: 0;
              padding: 10px;
              font-size: 4.3rem;
              font-size: 2.2vw;
              line-height: 100%; }
            .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .price {
              background-image: url("/images/branding/icon-paddle-gold.svg");
              background-size: contain;
              background-repeat: no-repeat;
              max-width: 20%;
              position: relative;
              position: absolute;
              bottom: -14%;
              right: -7%;
              width: 100%; }
              .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .price:before {
                display: block;
                content: " ";
                width: 100%;
                padding-top: 113.7931%; }
              .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .price > .content {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0; }
              .projector-app-main .container.started .bid-popup-container .bid-popup .popup-img .price .value {
                font-weight: 600;
                font-size: 3.9rem;
                font-size: 2vw;
                margin-top: -10px;
                position: absolute; }
        .projector-app-main .container.started .bid-popup-container.au-enter-active {
          background: rgba(0, 0, 0, 0.2);
          transition: all 2s ease-in-out; }
          .projector-app-main .container.started .bid-popup-container.au-enter-active .bid-popup {
            -webkit-animation: newbid-in 1s 1 ease-in;
            animation: newbid-in 1s 1 ease-in;
            /* zoom effect */ }
        .projector-app-main .container.started .bid-popup-container.au-leave-active {
          background: transparent;
          transition: all 2s ease-in-out; }
          .projector-app-main .container.started .bid-popup-container.au-leave-active .bid-popup {
            -webkit-animation: newbid-out 1s 1 ease-out 0.5s;
            animation: newbid-out 1s 1 ease-out 0.5s;
            /* zoom effect */ }
        .projector-app-main .container.started .bid-popup-container stars {
          opacity: 0.6; }
          .projector-app-main .container.started .bid-popup-container stars.au-enter-active {
            opacity: 0.6;
            transition: opacity 2s ease-in; }
          .projector-app-main .container.started .bid-popup-container stars.au-leave-active {
            opacity: 0;
            transition: opacity 2s ease-in; }

screen-saver {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none; }
  screen-saver carousel {
    width: 100%;
    height: 100%;
    pointer-events: all; }
    screen-saver carousel .carousel {
      width: inherit;
      height: inherit; }
      screen-saver carousel .carousel .carousel-content {
        width: inherit;
        height: inherit; }
        screen-saver carousel .carousel .carousel-content .carousel-item {
          width: inherit;
          height: inherit;
          display: inline-block; }
          screen-saver carousel .carousel .carousel-content .carousel-item .carousel-index {
            width: inherit;
            height: inherit; }
            screen-saver carousel .carousel .carousel-content .carousel-item .carousel-index .image-container {
              width: inherit;
              height: inherit;
              background-repeat: no-repeat;
              background-size: contain;
              background-position: center;
              background-color: #000000; }
      screen-saver carousel .carousel .carousel-pagination {
        display: none; }

.terms-and-conditions, .gift-aid, .privacy-policy {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 50; }
  .terms-and-conditions .dialog .dialog-container, .gift-aid .dialog .dialog-container, .privacy-policy .dialog .dialog-container {
    pointer-events: auto; }
    @media only screen and (min-width: 1200px) {
      .terms-and-conditions .dialog .dialog-container, .gift-aid .dialog .dialog-container, .privacy-policy .dialog .dialog-container {
        position: relative;
        width: 60% !important;
        height: 60% !important; } }
    .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions {
      position: fixed;
      top: 0;
      left: 0;
      background: #ffffff;
      padding: 20px 20px 20px 20px;
      overflow-y: auto;
      overflow-x: hidden;
      width: 100%;
      height: 100%;
      z-index: 2; }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions {
          position: absolute; } }
      .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions h1, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions h1, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions h1 {
        font-size: 3rem;
        font-weight: 600;
        margin-bottom: 20px; }
        @media only screen and (min-width: 768px) {
          .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions h1, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions h1, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions h1 {
            font-size: 3.4rem; } }
      .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li {
        margin: 15px 0;
        font-size: 2rem;
        font-weight: 600;
        list-style-type: decimal;
        list-style-position: inside; }
        .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li ul > li, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li ul > li, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions .details > ul > li ul > li {
          margin-left: 40px;
          list-style-type: decimal;
          padding-left: 10px;
          text-align: justify; }
      .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy {
        height: auto;
        max-height: 100%;
        bottom: auto; }
        .terms-and-conditions .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy .main-slot, .gift-aid .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy .main-slot, .privacy-policy .dialog .dialog-container .terms-container .section-termsandconditions.privacy-policy .main-slot {
          margin-bottom: 20px; }
    .terms-and-conditions .dialog .dialog-container .terms-container .loading-modal-content, .gift-aid .dialog .dialog-container .terms-container .loading-modal-content, .privacy-policy .dialog .dialog-container .terms-container .loading-modal-content {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
    .terms-and-conditions .dialog .dialog-container .terms-button, .gift-aid .dialog .dialog-container .terms-button, .privacy-policy .dialog .dialog-container .terms-button {
      position: fixed;
      top: 20px;
      right: 10px;
      font-size: 36px;
      background-color: #dddddd;
      border-radius: 50%;
      opacity: 0.7;
      z-index: 3; }
      @media only screen and (min-width: 768px) {
        .terms-and-conditions .dialog .dialog-container .terms-button, .gift-aid .dialog .dialog-container .terms-button, .privacy-policy .dialog .dialog-container .terms-button {
          font-size: 40px; } }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions .dialog .dialog-container .terms-button, .gift-aid .dialog .dialog-container .terms-button, .privacy-policy .dialog .dialog-container .terms-button {
          position: absolute;
          top: -15px;
          right: -15px;
          opacity: 1;
          pointer-events: auto; } }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions .dialog .dialog-container .terms-button:hover, .gift-aid .dialog .dialog-container .terms-button:hover, .privacy-policy .dialog .dialog-container .terms-button:hover {
          color: #d9534f;
          cursor: pointer; } }
  .terms-and-conditions.au-enter-active, .gift-aid.au-enter-active, .privacy-policy.au-enter-active {
    -webkit-animation: webapp-slide-up 0.5s 1;
    animation: webapp-slide-up 0.5s 1; }
    @media only screen and (min-width: 1200px) {
      .terms-and-conditions.au-enter-active, .gift-aid.au-enter-active, .privacy-policy.au-enter-active {
        -webkit-animation: none !important;
        animation: none !important; } }
    .terms-and-conditions.au-enter-active .overlay, .gift-aid.au-enter-active .overlay, .privacy-policy.au-enter-active .overlay {
      -webkit-animation: none !important;
      animation: none !important; }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions.au-enter-active .overlay, .gift-aid.au-enter-active .overlay, .privacy-policy.au-enter-active .overlay {
          -webkit-animation: keyframe-fadein 0.5s 1 !important;
          animation: keyframe-fadein 0.5s 1 !important; } }
    .terms-and-conditions.au-enter-active .dialog-container, .gift-aid.au-enter-active .dialog-container, .privacy-policy.au-enter-active .dialog-container {
      -webkit-animation: none !important;
      animation: none !important; }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions.au-enter-active .dialog-container, .gift-aid.au-enter-active .dialog-container, .privacy-policy.au-enter-active .dialog-container {
          -webkit-animation: keyframe-zoomin 0.5s 1 !important;
          animation: keyframe-zoomin 0.5s 1 !important; } }
  .terms-and-conditions.au-leave-active, .gift-aid.au-leave-active, .privacy-policy.au-leave-active {
    -webkit-animation: webapp-slide-down 0.5s 1;
    animation: webapp-slide-down 0.5s 1; }
    @media only screen and (min-width: 1200px) {
      .terms-and-conditions.au-leave-active, .gift-aid.au-leave-active, .privacy-policy.au-leave-active {
        -webkit-animation: none !important;
        animation: none !important; } }
    .terms-and-conditions.au-leave-active .overlay, .gift-aid.au-leave-active .overlay, .privacy-policy.au-leave-active .overlay {
      -webkit-animation: none !important;
      animation: none !important; }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions.au-leave-active .overlay, .gift-aid.au-leave-active .overlay, .privacy-policy.au-leave-active .overlay {
          -webkit-animation: keyframe-fadeout 0.5s 1 !important;
          animation: keyframe-fadeout 0.5s 1 !important; } }
    .terms-and-conditions.au-leave-active .dialog-container, .gift-aid.au-leave-active .dialog-container, .privacy-policy.au-leave-active .dialog-container {
      -webkit-animation: none !important;
      animation: none !important; }
      @media only screen and (min-width: 1200px) {
        .terms-and-conditions.au-leave-active .dialog-container, .gift-aid.au-leave-active .dialog-container, .privacy-policy.au-leave-active .dialog-container {
          -webkit-animation: keyframe-zoomout 0.5s 1 !important;
          animation: keyframe-zoomout 0.5s 1 !important; } }

/*@import
"widgets/count-widget",
"widgets/list-widget",
"widgets/resize-ui";*/