@charset "UTF-8";
/**
 * The complete material palette
 * ---
 * @access public
 * @type map
 * @group themes
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * $foo-palette: (
 *   primary: md-get-palette-color(indigo, 500),
 *   accent: md-get-palette-color(pink, 500),
 *   theme: "light"
 * );
 *
 * ---
 * @access public
 * ---
 * @param {color} $type —  The desired color based on material palette
 * @param {string} $type —  A valid hue
 */
/**
 * Get the current theme mode from the current theme
 * ---
 * Usage example:
 *
 * $theme-mode: md-get-theme-mode()
 *
 * ---
 * @access private
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * .md-foo {
 *   min-width: 88px;
 *   height: 40px;
 *   background: md-theme(primary);
 * }
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The themable value
 */
/**
 * Get a color based on type by theme
 * ---
 * Usage example:
 *
 * $color: md-get-color-by-theme(dark, primary)
 *
 * ---
 * @access public
 * ---
 * @param {string} $color-theme —  The theme color | Accepts dark or light
 * @param {string} $type —  The color type
 */
/**
 * Get a color based on type only
 * ---
 * Usage example:
 *
 * $color1: md-get-color-by-type(background, dark)
 * $color1: md-get-color-by-type(accent)
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The color type
 * @param {string} $theme —  The fallback theme
 */
/**
 * The default theme palette
 * primary: indigo 500 #3f51b5
 * accent: pink 500 #e91e63
 * theme: light
 *
 * It can be used just before importing the Vue Material stylesheet
 *
 * ---
 * @access public
 * @type colormap
 * @group themes
 */
/**
 * Temporary variable to store all themable values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Map variable to store all themes to be processed by each component
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Store the current theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * Store the newly registered theme name for comparison, used for checking just called md-register-theme's theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * The color contrast values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Hightly based on: "Using Sass to automatically pick text colors"
 * https://medium.com/dev-channel/using-sass-to-automatically-pick-text-colors-4ba7645d2796
 */
/**
 * Precomputed linear color channel values, for use in contrast calculations.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 * ---
 *
 *  Algorithm, for c in 0 to 255:
 *  f(c) {
 *    c = c / 255;
 *    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 *  }
 *
 *  This lookup table is needed since there is no `pow` in SASS.
 *
 * ---
 * @access private
 * @type Map
 * @group themes
 */
/**
 * Calculate the luminance for a color.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The color to be analysed
 */
/**
 * Calculate the contrast ratio between two colors.
 * ---
 * @access private
 * ---
 * @param {string} $bg —  The bg color
 * @param {string} $fg —  The fg color to be compared
 */
/**
 * Determine whether to use dark or light text on top of given color.
 * Returns dark or light depending on the contrast ratio.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The desired color to be compared
 */
/**
 * Override extending the default palette giving new values. It will extend
 * the default values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-override-palette ((
 *   accent: blue,
 *   theme: "dark"
 * ))
 *
 * ---
 * @access public
 * @param {map} $palette —  The new palette
 */
/**
 * Create a new theme based on a given palette. It will extend the default
 * values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-register-theme("alternative", (
 *   primary: #212121,
 *   accent: #CDDC39,
 *   theme: dark
 * ));
 *
 * ---
 * @access public
 * @param {string} $name —  The theme name to be used with the Vue Material
 * @param {map} $palette [$md-default-palette] —  The theme palette
 */
/**
 * Theme pieces of a given scss code for all pre registered themes.
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     background: md-theme(primary);
 *     color: md-theme(text-primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       background: md-theme(accent);
 *       color: md-theme(text-accent);
 *     };
 *   }
 * }
 */
/**
 * Theme pieces of a given scss code for all pre registered themes based on parent.
 * ---
 * Usage example:
 *
 * .md-foo {
 *   @include md-theme-component-relative() {
 *     @include md-theme-property(background, primary);
 *   }
 * }
 */
/**
 * Theme a single css property
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property(background, primary);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       @include md-theme-property(background, accent);
 *       @include md-theme-property(color, text-primary, accent);
 *     }
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {number} $opacity —  The opacity amount
 */
/**
 * Theme a single css property darkening the color by a certain amount
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-darken(background, primary, background, 10%);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {string} $darken —  The darken amount to apply to the color
 */
/**
 * Theme a single css property by
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-by-hue(background, grey, 100, toolbar, background);
 *     @include md-theme-property(color, text-primary, background);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $color —  A valid material palette color name
 * @param {string} $hue —  The hue amount to get the hex color
 * @param {string} $type —  The type of variable
 * @param {string} $variant —  The type of constrasted variable
 */
:root {
  --md-theme-default-primary: #ffc107 ;
  --md-theme-default-accent: #eeb407 ;
  --md-theme-default-theme: light ;
}

.md-theme-default :not(input):not(textarea)::-moz-selection {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent-on-background, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-theme-default :not(input):not(textarea)::selection {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent-on-background, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-theme-default a:not(.md-button) {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-theme-default a:not(.md-button):hover {
  color: rgba(255, 193, 7, 0.8);
  color: var(--md-theme-default-primary-on-background, rgba(255, 193, 7, 0.8));
}
.md-theme-default a:not(.md-button).md-accent {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-theme-default a:not(.md-button).md-accent:hover {
  color: rgba(238, 180, 7, 0.8);
  color: var(--md-theme-default-accent-on-background, rgba(238, 180, 7, 0.8));
}

html.md-theme-default {
  background-color: #fafafa;
  background-color: var(--md-theme-default-background-variant, #fafafa);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}

.md-theme-default .md-caption,
.md-theme-default .md-display-1,
.md-theme-default .md-display-2,
.md-theme-default .md-display-3,
.md-theme-default .md-display-4 {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background-variant, rgba(0, 0, 0, 0.54));
}

.md-scrollbar.md-theme-default::-webkit-scrollbar-corner, .md-scrollbar.md-theme-default::-webkit-scrollbar-track {
  background: #e1e1e1;
  background: var(--md-theme-default-scrollbar-background-on-background-variant, #e1e1e1);
}
.md-scrollbar.md-theme-default::-webkit-scrollbar-thumb {
  background: #757575;
  background: var(--md-theme-default-scrollbar-on-background-variant, #757575);
}

.md-app:not(.md-overlap).md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}

.md-list.md-theme-default .md-autocomplete-items .md-highlight-text-match {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-list.md-theme-default .md-autocomplete-loading {
  background-color: rgba(255, 255, 255, 0.54);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.54));
}

.md-autocomplete.md-theme-default.md-autocomplete-box {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-autocomplete.md-theme-default.md-autocomplete-box.md-focused label {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box {
  background-color: rgba(255, 255, 255, 0.12);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.12));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box label,
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box input {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  -webkit-text-fill-color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused label,
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused input {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
  -webkit-text-fill-color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused svg {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.md-autocomplete-box-content.md-theme-default:after {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}

.md-avatar.md-theme-default.md-avatar-icon {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-default-icon-disabled, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-default.md-avatar-icon .md-icon {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-default.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-avatar.md-theme-default.md-primary.md-avatar-icon {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-primary.md-avatar-icon .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-accent {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-avatar.md-theme-default.md-accent.md-avatar-icon {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-accent.md-avatar-icon .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-bottom-bar.md-theme-default.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-bottom-bar.md-theme-default.md-type-shift {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-bottom-bar.md-theme-default.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: #d39e00;
  background-color: var(--md-theme-default-primary-on-primary, #d39e00);
}
.md-bottom-bar.md-theme-default.md-type-shift .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-primary, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-primary, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #eeb407;
  fill: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: #bc8f06;
  background-color: var(--md-theme-default-accent-on-accent, #bc8f06);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-accent, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-accent, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-button.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-primary {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-button.md-theme-default.md-primary .md-icon-font {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-button.md-theme-default.md-primary .md-icon-image {
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-button.md-theme-default.md-accent {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-button.md-theme-default.md-accent .md-icon-font {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-button.md-theme-default.md-accent .md-icon-image {
  fill: #eeb407;
  fill: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-button.md-theme-default.md-raised[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-disabled-background-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-default.md-raised:not([disabled]) {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-disabled-background-on-background, rgba(0, 0, 0, 0.12));
}
.md-button.md-theme-default.md-fab:not([disabled]) {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-button.md-theme-default.md-fab:not([disabled]) .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]) .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default[disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-default[disabled] .md-icon-font {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}
.md-button.md-theme-default[disabled] .md-icon-image {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-default-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.md-card.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default .md-card-expand .md-card-actions {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-card.md-theme-default .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-card.md-theme-default.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-primary .md-card-expand .md-card-actions {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-card.md-theme-default.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default.md-primary > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-primary, rgba(0, 0, 0, 0.12));
}
.md-card.md-theme-default.md-accent {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-accent .md-card-expand .md-card-actions {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-card.md-theme-default.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default.md-accent > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-accent, rgba(0, 0, 0, 0.12));
}

.md-checkbox.md-theme-default.md-checked .md-checkbox-container {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  border-color: #eeb407;
  border-color: var(--md-theme-default-accent, #eeb407);
}
.md-checkbox.md-theme-default.md-checked .md-checkbox-container:after {
  border-color: #fff;
  border-color: var(--md-theme-default-background, #fff);
}
.md-checkbox.md-theme-default.md-checked .md-ripple {
  color: #eeb407;
  color: var(--md-theme-default-accent, #eeb407);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: rgba(255, 255, 255, 0.3);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  border-color: #ffc107;
  border-color: var(--md-theme-default-primary, #ffc107);
}
.md-checkbox.md-theme-default.md-checked.md-primary .md-ripple {
  color: #ffc107;
  color: var(--md-theme-default-primary, #ffc107);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-disabled .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox.md-theme-default.md-disabled.md-checked .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.26);
}

.md-chip.md-theme-default {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-highlight, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default .md-icon.md-icon-image svg {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-primary, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-text-primary, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-icon, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-icon {
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action .md-icon svg, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default.md-primary .md-input-action {
  color: #fff;
  color: var(--md-theme-default-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-default.md-accent, .md-chip.md-theme-default.md-duplicated {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default.md-accent .md-input-action, .md-chip.md-theme-default.md-duplicated .md-input-action {
  color: #fff;
  color: var(--md-theme-default-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-default.md-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--md-theme-default-highlight, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent, rgba(0, 0, 0, 0.54));
}

.md-chips.md-theme-default .md-clear {
  background-color: rgba(0, 0, 0, 0.2);
}

.md-content.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-content.md-theme-default.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-content.md-theme-default.md-accent {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-app .md-content.md-theme-default {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-datepicker-dialog.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-header {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-body-header:after, .md-datepicker-dialog.md-theme-default .md-datepicker-body-header:before {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-body-footer {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-week {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-disabled {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-today {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-day-button:hover,
.md-datepicker-dialog.md-theme-default .md-datepicker-month-button:hover,
.md-datepicker-dialog.md-theme-default .md-datepicker-year-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-day-button.md-datepicker-selected {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-month-button.md-datepicker-selected,
.md-datepicker-dialog.md-theme-default .md-datepicker-year-button.md-datepicker-selected {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-year-selector {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-dialog-container.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-divider.md-theme-default {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}

.md-drawer.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-drawer.md-theme-default.md-persistent-mini.md-left {
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-drawer.md-theme-default.md-persistent-mini.md-right {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-empty-state.md-theme-default .md-empty-state-icon.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-default .md-empty-state-icon.md-icon-font {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-default.md-rounded {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.06));
}
.md-empty-state.md-theme-default.md-primary .md-empty-state-icon.md-icon-image svg {
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-empty-state.md-theme-default.md-primary .md-empty-state-icon.md-icon-font {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-empty-state.md-theme-default.md-accent .md-empty-state-icon.md-icon-image svg {
  fill: #eeb407;
  fill: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-empty-state.md-theme-default.md-accent .md-empty-state-icon.md-icon-font {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}

.md-field.md-theme-default:after {
  background-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default:before {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-field.md-theme-default .md-helper-text,
.md-field.md-theme-default .md-count,
.md-field.md-theme-default label {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default .md-suffix, .md-field.md-theme-default .md-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default .md-input::-webkit-input-placeholder,
.md-field.md-theme-default .md-textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default.md-focused .md-input,
.md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-has-value .md-input,
.md-field.md-theme-default.md-has-value .md-textarea {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
}
.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):after {
  border-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):before {
  border-color: #ffc107;
  border-color: var(--md-theme-default-primary, #ffc107);
}
.md-field.md-theme-default.md-disabled:after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
}
.md-field.md-theme-default.md-disabled label,
.md-field.md-theme-default.md-disabled .md-input,
.md-field.md-theme-default.md-disabled .md-textarea {
  color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default > .md-icon:after {
  background-color: #fafafa;
  background-color: var(--md-theme-default-background-variant, #fafafa);
}
.md-field.md-theme-default.md-invalid:after {
  background-color: #ff1744;
  background-color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid.md-has-textarea:not(.md-autogrow):before {
  border-color: #ff1744;
  border-color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid label {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid .md-error {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid .md-date-icon,
.md-field.md-theme-default.md-invalid .md-date-icon svg {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-focused .md-input,
.md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-highlight .md-input,
.md-field.md-theme-default.md-highlight .md-textarea {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-field.md-theme-default.md-focused > .md-icon, .md-field.md-theme-default.md-highlight > .md-icon {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-field.md-theme-default.md-focused label {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-field.md-theme-default.md-disabled .md-icon svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}

.md-icon.md-theme-default.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-default.md-icon-image svg.md-primary {
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-icon.md-theme-default.md-icon-image svg.md-accent {
  fill: #eeb407;
  fill: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-icon.md-theme-default.md-icon-font {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-default.md-icon-font.md-primary {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-icon.md-theme-default.md-icon-font.md-accent {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}

.md-list.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default.md-double-line .md-list-item-text :nth-child(2) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-default.md-triple-line .md-list-item-text :nth-child(3) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-default .md-highlight .md-list-item-container {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-default .md-list-item-container {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default [disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-list.md-theme-default .md-selected .md-list-item-content,
.md-list.md-theme-default .router-link-active .md-list-item-content {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-list.md-theme-default .md-list-item-expand.md-active {
  border-color: rgba(0, 0, 0, 0.12);
  border-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-default .md-list-item-expand:not(.md-list-item-default):not([disabled]) > .md-list-item-content:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-menu-item.md-theme-default.md-primary .md-list-item-link,
.md-menu-item.md-theme-default.md-primary .md-list-item-router,
.md-menu-item.md-theme-default.md-primary .md-list-item-button {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-menu-item.md-theme-default.md-accent .md-list-item-link,
.md-menu-item.md-theme-default.md-accent .md-list-item-router,
.md-menu-item.md-theme-default.md-accent .md-list-item-button {
  color: #eeb407;
  color: var(--md-theme-default-accent-on-background, #eeb407);
}

.md-progress-bar.md-theme-default.md-indeterminate, .md-progress-bar.md-theme-default.md-query {
  background-color: rgba(255, 193, 7, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(255, 193, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-indeterminate .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-indeterminate .md-progress-bar-fill:after, .md-progress-bar.md-theme-default.md-query .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-query .md-progress-bar-fill:after {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-progress-bar.md-theme-default.md-indeterminate.md-accent, .md-progress-bar.md-theme-default.md-query.md-accent {
  background-color: rgba(238, 180, 7, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-indeterminate.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-indeterminate.md-accent .md-progress-bar-fill:after, .md-progress-bar.md-theme-default.md-query.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-query.md-accent .md-progress-bar-fill:after {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-progress-bar.md-theme-default.md-determinate {
  background-color: rgba(255, 193, 7, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(255, 193, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-determinate .md-progress-bar-fill {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-progress-bar.md-theme-default.md-determinate.md-accent {
  background-color: rgba(238, 180, 7, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-determinate.md-accent .md-progress-bar-fill {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-fill {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-track {
  background-color: rgba(255, 193, 7, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(255, 193, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-buffer {
  border-color: rgba(255, 193, 7, 0.38);
  border-color: var(--md-theme-default-primary-on-, rgba(255, 193, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-fill {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-track {
  background-color: rgba(238, 180, 7, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-buffer {
  border-color: rgba(238, 180, 7, 0.38);
  border-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.38));
}

.md-progress-spinner.md-theme-default .md-progress-spinner-circle {
  stroke: #ffc107;
  stroke: var(--md-theme-default-primary, #ffc107);
}
.md-progress-spinner.md-theme-default.md-accent .md-progress-spinner-circle {
  stroke: #eeb407;
  stroke: var(--md-theme-default-accent, #eeb407);
}

.md-radio.md-theme-default.md-checked .md-radio-container {
  border-color: #eeb407;
  border-color: var(--md-theme-default-accent, #eeb407);
}
.md-radio.md-theme-default.md-checked .md-radio-container:after {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-radio.md-theme-default.md-checked .md-ripple {
  color: #eeb407;
  color: var(--md-theme-default-accent, #eeb407);
}
.md-radio.md-theme-default.md-checked.md-primary .md-radio-container {
  border-color: #ffc107;
  border-color: var(--md-theme-default-primary, #ffc107);
}
.md-radio.md-theme-default.md-checked.md-primary .md-radio-container:after {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-radio.md-theme-default.md-checked.md-primary .md-ripple {
  color: #ffc107;
  color: var(--md-theme-default-primary, #ffc107);
}
.md-radio.md-theme-default .md-radio-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-radio.md-theme-default.md-disabled .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-default.md-disabled.md-checked .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-default.md-disabled.md-checked .md-radio-container:after {
  background-color: rgba(0, 0, 0, 0.26);
}

.md-snackbar.md-theme-default {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-primary, #fff);
  background-color: #323232;
}

.md-steppers.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-icon:after, .md-steppers.md-theme-default .md-stepper-icon:before,
.md-steppers.md-theme-default .md-stepper-number:after,
.md-steppers.md-theme-default .md-stepper-number:before,
.md-steppers.md-theme-default .md-stepper:after,
.md-steppers.md-theme-default .md-stepper:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-default .md-stepper-number {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-default .md-stepper-number svg {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-hint, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-default .md-stepper-header .md-button-content {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-steppers.md-theme-default .md-stepper-header .md-button-content:after, .md-steppers.md-theme-default .md-stepper-header .md-button-content:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-button-content, .md-steppers.md-theme-default .md-stepper-header.md-done .md-button-content {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-stepper-number, .md-steppers.md-theme-default .md-stepper-header.md-done .md-stepper-number {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary-on-background, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-stepper-number svg, .md-steppers.md-theme-default .md-stepper-header.md-done .md-stepper-number svg {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-error .md-button-content {
  color: #ff1744;
  color: var(--md-theme-default-steppervariant, #ff1744);
}
.md-steppers.md-theme-default .md-stepper-header.md-error .md-icon svg {
  color: #ff1744;
  color: var(--md-theme-default-steppervariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-default-steppervariant, #ff1744);
}

.md-subheader.md-theme-default {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-subheader.md-theme-default.md-primary {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}

.md-switch.md-theme-default.md-checked .md-switch-container {
  background-color: rgba(238, 180, 7, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.38));
}
.md-switch.md-theme-default.md-checked .md-switch-thumb {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-switch.md-theme-default.md-checked .md-ripple {
  color: #eeb407;
  color: var(--md-theme-default-accent, #eeb407);
}
.md-switch.md-theme-default.md-checked.md-primary .md-switch-container {
  background-color: rgba(255, 193, 7, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(255, 193, 7, 0.38));
}
.md-switch.md-theme-default.md-checked.md-primary .md-switch-thumb {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}
.md-switch.md-theme-default.md-checked.md-primary .md-ripple {
  color: #ffc107;
  color: var(--md-theme-default-primary, #ffc107);
}
.md-switch.md-theme-default .md-switch-container {
  background-color: rgba(0, 0, 0, 0.38);
}
.md-switch.md-theme-default .md-switch-thumb {
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-switchvariant, #f5f5f5);
}
.md-switch.md-theme-default.md-disabled .md-switch-container {
  background-color: rgba(0, 0, 0, 0.12);
}
.md-switch.md-theme-default.md-disabled .md-switch-thumb {
  background-color: #bdbdbd;
  background-color: var(--md-theme-default-switchvariant, #bdbdbd);
}

.md-table.md-theme-default .md-table-content,
.md-table.md-theme-default .md-table-alternate-header {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-table.md-theme-default .md-table-alternate-header .md-table-toolbar {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
  background-color: rgba(238, 180, 7, 0.2);
  background-color: var(--md-theme-default-accent-on-, rgba(238, 180, 7, 0.2));
}
.md-table.md-theme-default .md-table-row:hover:not(.md-header-row) .md-table-cell {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--md-theme-default-highlight-on-background, rgba(0, 0, 0, 0.08));
}
.md-table.md-theme-default .md-table-row.md-selected, .md-table.md-theme-default .md-table-row.md-selected-single {
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-rowvariant, #f5f5f5);
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary-on-background, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-ripple, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-ripple {
  color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container:after {
  border-color: #ffc107;
  border-color: var(--md-theme-default-primary, #ffc107);
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent-on-background, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-ripple, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-ripple {
  color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container:after {
  border-color: #eeb407;
  border-color: var(--md-theme-default-accent, #eeb407);
}
.md-table.md-theme-default .md-table-row td {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-default .md-table-head {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-table.md-theme-default .md-table-fixed-header-active {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-default .md-sortable:hover, .md-table.md-theme-default .md-sortable.md-sorted {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-sortable:hover svg, .md-table.md-theme-default .md-sortable.md-sorted svg {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-pagination {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-tabs.md-theme-default .md-tabs-navigation {
  background-color: #fff;
  background-color: var(--md-theme-default-background-on-background, #fff);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active .md-icon {
  color: #ffc107;
  color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: #ffc107;
  fill: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-tabs.md-theme-default .md-tabs-indicator {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary-on-background, #ffc107);
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-indicator {
  background-color: rgba(0, 0, 0, 0.87);
  background-color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent-on-background, #eeb407);
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-indicator {
  background-color: rgba(0, 0, 0, 0.87);
  background-color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-toolbar.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-toolbarvariant, #f5f5f5);
}
.md-toolbar.md-theme-default .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default .md-title,
.md-toolbar.md-theme-default .md-display-1,
.md-toolbar.md-theme-default .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary {
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-button:not([disabled]):not(.md-raised) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-title,
.md-toolbar.md-theme-default.md-primary .md-display-1,
.md-toolbar.md-theme-default.md-primary .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent {
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-button:not([disabled]):not(.md-raised) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-title,
.md-toolbar.md-theme-default.md-accent .md-display-1,
.md-toolbar.md-theme-default.md-accent .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-title,
.md-toolbar.md-theme-default.md-transparent .md-display-1,
.md-toolbar.md-theme-default.md-transparent .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-tooltip.md-theme-default {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-tooltip, #fff);
  background-color: rgba(97, 97, 97, 0.9);
  background-color: var(--md-theme-default-tooltip-on-background, rgba(97, 97, 97, 0.9));
}

.md-badge.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  background-color: #eeb407;
  background-color: var(--md-theme-default-accent, #eeb407);
}
.md-badge.md-theme-default.md-primary {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  background-color: #ffc107;
  background-color: var(--md-theme-default-primary, #ffc107);
}

header nav:not(.dropdown-menu) .sidenav-trigger {
  padding-left: 22px;
}

.md-overlay {
  z-index: 100 !important;
}

.md-dialog {
  z-index: 110 !important;
}

.submit-reg {
  width: 100%;
}

.quick-reg-dialog .md-dialog-container {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}
.quick-reg-dialog .md-dialog-container h1 {
  font-size: 24px;
}
.quick-reg-dialog .md-dialog-container .little-text {
  font-size: 12px;
}

.md-empty-state {
  height: calc(100vh - 75px - 58px - 39px) !important;
}

.logo-wap {
  color: #25D366 !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 20px !important;
  position: relative;
  left: -8px;
}

.wap-link {
  color: black !important;
  border: 2px solid #128C7E;
  background-color: whitesmoke;
  border-radius: 40px;
  padding: 10px 15px;
  width: auto !important;
  white-space: normal;
  text-align: center;
  margin-bottom: 5px !important;
}
.wap-link b {
  color: #128C7E !important;
  display: block;
}

.buscado-round.md-button {
  border-radius: 50px;
}

.no-margin-button.md-button {
  margin: 0;
}

.margin-top-10.md-button {
  margin-top: 10px;
}

.margin-top-15.md-button {
  margin-top: 15px;
}

.button-total-width {
  width: 100%;
  display: block;
}

.breadcrumb {
  position: fixed;
  width: 100%;
  z-index: 20;
  top: 56px;
  display: block !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumb .breadcrumb-item a:not(.active) {
  color: white !important;
}
.breadcrumb .breadcrumb-item {
  display: inline;
}
.breadcrumb .breadcrumb-item.active span {
  color: #ffc107;
}

.z-depth-1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.md-list.md-theme-default .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
  background-color: #fafafa;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.md-list-item-container {
  transition: all 300ms ease;
}

.menu-title {
  font-size: 15px;
  color: #373737;
  font-weight: bolder;
  border-bottom: 2px solid #ffc107;
  padding-bottom: 10px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: #eeb407;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
  background-color: #eeb407;
}

.buttons-list {
  margin-bottom: 30px;
}
.buttons-list li {
  margin-bottom: 10px;
}
.buttons-list li .box a {
  display: block;
  height: 56px;
  position: relative;
  padding: 0px;
  text-align: left;
  line-height: inherit;
  text-transform: unset;
  border: 3px solid transparent;
  border-radius: 28px;
  color: #2c2c2c;
  position: relative;
}
.buttons-list li .box a.special span {
  line-height: 12px;
  top: 5px;
}
.buttons-list li .box a.special b {
  display: block;
}
.buttons-list li .box a:hover {
  color: black !important;
  background-color: rgba(238, 180, 7, 0.2);
  text-decoration: none;
}
.buttons-list li .box a.router-link-active {
  background-color: #eeb407;
  color: white !important;
}
.buttons-list li .box a.router-link-active i {
  background-color: white;
  color: #ffc107;
}
.buttons-list li .box a.super-high {
  color: black;
}
.buttons-list li .box a.super-high i {
  background-color: white;
  color: #ffc107;
  border: 2px solid #ffc107;
  box-sizing: border-box;
  line-height: 47px;
}
.buttons-list li .box a i {
  position: absolute;
  height: 100%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffc107;
  color: white;
  border-radius: 25px;
}
.buttons-list li .box a span {
  position: relative;
  left: 58px;
  line-height: 50px;
  font-size: 15px;
  font-weight: 400;
}
.buttons-list li .box a .buscado-badge {
  color: #2c2c2c;
  background-color: #ffc107;
  position: absolute;
  right: 5px;
  width: auto;
  display: inline-block;
  top: 6px;
  left: auto;
  padding: 5px 8px;
  border-radius: 25px;
  line-height: initial;
  text-align: center;
  font-weight: 600;
}
.buttons-list li .box a .buscado-badge b {
  display: block;
  font-weight: 100;
  font-size: 10px;
}

.panel-button {
  border: 1px solid #ffc107;
  border-radius: 20px;
  padding: 9px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
  background-color: #272b2f;
  line-height: 20px;
  display: inline-block;
  margin-left: auto;
  margin-right: 8px;
}

.navbar {
  justify-content: flex-start !important;
}
.navbar .brand-name {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  flex: 1 1;
  text-align: left;
}
.navbar .panel-button {
  margin-left: 0px;
  margin-right: 5px;
  flex: 0 1;
}
.navbar .main-hamburger {
  padding-left: 0px !important;
  padding-right: 0px !important;
  flex: 0 1;
}

.panel-padding {
  padding-top: 20px;
  padding-bottom: 30px;
}

#dropzone {
  padding: 0px;
}

.review-seller {
  padding-bottom: 30px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}
.review-seller h2 {
  font-size: 21px;
  font-weight: 600;
  text-align: center;
}
.review-seller p {
  font-size: 15px;
  text-align: center;
}
.review-seller .vue-star-rating {
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.spinner-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.spinner-container .saving-text {
  font-size: 20px;
  font-weight: 400;
  margin-top: 30px;
}
.crear-publi-container .dropzone .dz-progress {
  display: none !important;
}

.dropzone-custom-content i {
  display: block;
  font-size: 50px;
  color: #ffc107;
}
.dropzone-custom-content .legend {
  max-width: 220px;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  line-height: 24px;
  margin-top: 15px;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.2s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.4s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter, .slide-fade-leave-to {
  transform: translateY(100px);
  opacity: 0;
}

.md-steppers.md-horizontal.md-alternative.steps-focused .md-stepper-header .md-stepper-text {
  display: none;
}

.md-steppers.md-horizontal.md-alternative.steps-focused .md-stepper-header {
  height: 35px !important;
}

.md-steppers.md-horizontal.md-alternative.steps-focused .md-stepper-header .md-button-content {
  padding-top: 0px;
}

#upload-photo {
  margin: 0;
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

#publish {
  position: absolute;
  right: 15px;
  bottom: 30px;
}

.vue-dropzone > .dz-preview .dz-remove {
  border-radius: 40px;
}

.dropzone .dz-preview.dz-image-preview {
  margin: 0px 0px 15px !important;
  width: 100%;
}

.vue-dropzone > .dz-preview .dz-image {
  height: auto !important;
}

.dropzone .dz-preview .dz-image img {
  width: 100%;
}

.md-stepper {
  padding: 15px 15px 20px !important;
}

.md-steppers.md-theme-default {
  position: fixed;
  width: 100%;
  height: 100%;
}
.md-steppers.md-theme-default .md-steppers-wrapper {
  height: calc(100vh - 75px - 58px - 39px) !important;
  overflow-y: auto !important;
  padding-bottom: 130px;
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header {
  height: 75px !important;
  outline: none;
}
.md-steppers.md-horizontal.md-alternative .md-stepper-header.md-active .md-stepper-number {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /*
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  */
}

.tags-container .tags-input-wrapper-default {
  border: none;
  border-radius: 0px;
}
.tags-container .tags-input-wrapper-default input {
  border-bottom: 1px solid grey;
}
.tags-container .tags-input-wrapper-default input:focus {
  border-bottom: 2px solid #ffc107;
}
.tags-container .tags-input-badge-pill {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.tags-container .tags-input-remove:before, .tags-container .tags-input-remove:after {
  background: red;
}

/* FADE IN */
.fade-enter-active {
  transition: opacity 0.4s;
}

.fade-enter {
  opacity: 0;
}

/* GO TO NEXT SLIDE */
.slide-next-enter-active,
.slide-next-leave-active {
  transition: transform 0.3s ease-in-out;
  position: absolute;
}

.slide-next-enter {
  transform: translate(100%);
}

.slide-next-leave-to {
  transform: translate(-100%);
}

/* GO TO PREVIOUS SLIDE */
.slide-prev-enter-active,
.slide-prev-leave-active {
  transition: transform 0.5s ease-in-out;
}

.slide-prev-enter {
  transform: translate(-100%);
}

.slide-prev-leave-to {
  transform: translate(100%);
}

/* SLIDES CLASSES */
.blue {
  background: #4a69bd;
}

.red {
  background: #e55039;
}

.red-text {
  color: #e55039 !important;
}

.yellow {
  background: #f6b93b;
}

/* SLIDER STYLES */
#slider {
  width: 100%;
  height: auto;
  position: relative;
}

.slide {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-slider {
  z-index: 10;
  cursor: pointer;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left: 1%;
  transition: transform 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.btn-next {
  left: auto;
  right: 1%;
}

.image-none-preview {
  height: 300px;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.image-none-preview p {
  font-size: 20px;
  text-align: center;
}
.image-none-preview i {
  font-size: 140px;
  display: block;
  color: #ffc107;
  text-align: center;
}
.image-none-preview .md-button.md-theme-default.md-primary {
  color: white !important;
}

.VueCarousel-navigation-prev,
.VueCarousel-navigation-next {
  font-size: 30px;
  color: white;
}

.VueCarousel-navigation-prev {
  left: 50px !important;
}

.VueCarousel-navigation-next {
  right: 50px !important;
}

.preview-container .preview-title {
  color: #eeb407;
  font-size: 26px;
  margin-bottom: 0.35rem;
  margin-top: 30px;
}
.preview-container .preview-description {
  font-size: 16px;
  color: #3d3d3d;
}
.preview-container .preview-type {
  margin-top: 15px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 13px;
  color: #3d3d3d;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.preview-container .md-list-item-content {
  padding-left: 0px;
}
.preview-container .sub-title {
  color: #eeb407;
  font-size: 14px;
}
.publis-table .md-table-cell-container {
  padding: 10px 5px;
}
.publis-table img {
  max-height: 90px;
}

.modal.show .modal-dialog {
  transform: translate(0, 50%) !important;
}

.md-theme-default a:not(.md-button).btn {
  color: black;
}

.panel-offer .md-list-item:nth-of-type(1) {
  border-bottom: 1px solid #f5f5f5;
}
.panel-offer .md-list-item:nth-of-type(2) {
  border-bottom: none;
}
.panel-offer .md-list-item:nth-of-type(2) .md-list-item-content {
  min-height: 55px;
}
.panel-offer .md-list-item:nth-of-type(2) .md-list-item-content .md-list-item-text {
  overflow: visible;
}
.panel-offer .md-list-item:nth-of-type(2) .md-list-item-content .md-list-item-text > span {
  overflow: visible;
}

.live-circle {
  display: inline-block;
  margin-right: 10px !important;
  width: 14px !important;
  height: 14px;
  border-radius: 50%;
  position: relative;
  top: 1px;
  transform: scale(1);
  background: #33d9b2;
  box-shadow: 0 0 0 0 #33d9b2;
  -webkit-animation: pulse-green 2s infinite;
          animation: pulse-green 2s infinite;
}

@-webkit-keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}
.publicacion-detail .md-list.md-theme-default {
  background-color: transparent;
}
.publicacion-detail .md-bottom-bar > .md-ripple {
  justify-content: space-around;
}

.oferta-detail,
.publicaciones-realizadas,
.ofertas-recibidas {
  padding-top: 0px;
}
.oferta-detail .ref,
.publicaciones-realizadas .ref,
.ofertas-recibidas .ref {
  font-size: 13px;
  color: #eeb407;
}
.oferta-detail .qty-bd,
.publicaciones-realizadas .qty-bd,
.ofertas-recibidas .qty-bd {
  margin-top: 0px;
  border-radius: 15px;
  border: 1px solid #ffc107;
  padding: 5px 10px;
  width: auto;
  font-size: 11px;
}
.oferta-detail .qty-bd span,
.publicaciones-realizadas .qty-bd span,
.ofertas-recibidas .qty-bd span {
  color: #eeb407;
  font-weight: bold;
}
.oferta-detail .main-title,
.publicaciones-realizadas .main-title,
.ofertas-recibidas .main-title {
  font-size: 20px !important;
  font-weight: 300;
  margin-bottom: 5px;
  color: black;
}
.oferta-detail .bd-description,
.publicaciones-realizadas .bd-description,
.ofertas-recibidas .bd-description {
  font-size: 13px;
  margin-bottom: 20px;
}
.oferta-detail .not-readed,
.publicaciones-realizadas .not-readed,
.ofertas-recibidas .not-readed {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: orange;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.oferta-detail .md-list-item-content,
.publicaciones-realizadas .md-list-item-content,
.ofertas-recibidas .md-list-item-content {
  padding: 15px 15px;
}
.oferta-detail .md-list-item-content .md-avatar,
.publicaciones-realizadas .md-list-item-content .md-avatar,
.ofertas-recibidas .md-list-item-content .md-avatar {
  border-radius: 0px;
  max-width: initial;
  min-width: initial;
  width: 100px;
  height: auto;
}
.oferta-detail .md-list-item-content .md-avatar img,
.publicaciones-realizadas .md-list-item-content .md-avatar img,
.ofertas-recibidas .md-list-item-content .md-avatar img {
  border-radius: 25px;
}
.oferta-detail .md-list-item-content .offer-price,
.publicaciones-realizadas .md-list-item-content .offer-price,
.ofertas-recibidas .md-list-item-content .offer-price {
  font-size: 19px;
  color: #059e66;
  font-weight: 500;
}
.oferta-detail .md-list-item-content code,
.publicaciones-realizadas .md-list-item-content code,
.ofertas-recibidas .md-list-item-content code {
  padding-left: 15px;
  font-size: 19px;
  color: #059e66;
  font-weight: 500;
}
.oferta-detail .md-badge.circle-readed,
.publicaciones-realizadas .md-badge.circle-readed,
.ofertas-recibidas .md-badge.circle-readed {
  width: 14px;
  height: 14px;
}
.oferta-detail .md-badge.md-square,
.publicaciones-realizadas .md-badge.md-square,
.ofertas-recibidas .md-badge.md-square {
  padding-left: 7.5px;
  padding-right: 7.5px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  margin-left: 10px;
  border-radius: 15px;
}
.oferta-detail .md-list-item,
.publicaciones-realizadas .md-list-item,
.ofertas-recibidas .md-list-item {
  border-bottom: 1px solid #ececec;
}

.bottom-el {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.bottom-el .md-bottom-bar.md-type-fixed {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
}

.price-status {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #eeb407;
}
.price-status .md-bottom-bar.md-theme-default.md-type-fixed {
  background-color: #ffc107;
}
.price-status .md-bottom-bar.md-type-fixed .md-bottom-bar-item {
  position: relative;
}
.price-status .md-bottom-bar.md-type-fixed .md-bottom-bar-item:hover {
  text-decoration: none;
}
.price-status .md-bottom-bar.md-type-fixed .md-bottom-bar-item .live-circle {
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -7px;
}
.price-status .wanted-label {
  color: white;
}
.price-status .super-number {
  font-size: 19px;
  font-weight: 800;
  margin-top: 10px;
  color: #3b3b3b;
  position: relative;
}

.empty-state-img {
  border-radius: 50px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.mis-datos-container .md-list-item-content > .md-icon:first-child {
  margin-right: 15px;
}
.mis-datos-container .profile-map {
  width: 100%;
  height: 300px;
}

.compra-detail,
.publicacion-detail,
.oferta-detail {
  padding-top: 15px;
  margin-bottom: 85px;
}
.compra-detail .button-text,
.publicacion-detail .button-text,
.oferta-detail .button-text {
  height: 24px;
  line-height: 1;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 5px;
}
.compra-detail .carousel-wrapper,
.publicacion-detail .carousel-wrapper,
.oferta-detail .carousel-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.compra-detail .carousel-wrapper .button-pack,
.publicacion-detail .carousel-wrapper .button-pack,
.oferta-detail .carousel-wrapper .button-pack {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.compra-detail .carousel-wrapper .button-pack div div:nth-of-type(1),
.publicacion-detail .carousel-wrapper .button-pack div div:nth-of-type(1),
.oferta-detail .carousel-wrapper .button-pack div div:nth-of-type(1) {
  padding-right: 5px;
}
.compra-detail .carousel-wrapper .button-pack div div:nth-of-type(2),
.publicacion-detail .carousel-wrapper .button-pack div div:nth-of-type(2),
.oferta-detail .carousel-wrapper .button-pack div div:nth-of-type(2) {
  padding-left: 5px;
}
.compra-detail img,
.publicacion-detail img,
.oferta-detail img {
  min-width: 100%;
}
.compra-detail .md-list,
.publicacion-detail .md-list,
.oferta-detail .md-list {
  margin-bottom: 20px;
}
.compra-detail .offer-info-wrapper, .compra-detail .image-button-wrapper,
.publicacion-detail .offer-info-wrapper,
.publicacion-detail .image-button-wrapper,
.oferta-detail .offer-info-wrapper,
.oferta-detail .image-button-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.compra-detail .offer-info-wrapper .offer-title, .compra-detail .image-button-wrapper .offer-title,
.publicacion-detail .offer-info-wrapper .offer-title,
.publicacion-detail .image-button-wrapper .offer-title,
.oferta-detail .offer-info-wrapper .offer-title,
.oferta-detail .image-button-wrapper .offer-title {
  font-size: 14px;
  color: #373737;
  padding-bottom: 0px;
  border-bottom: 1px solid #ececec;
}
.compra-detail .offer-info-wrapper .offer-price, .compra-detail .image-button-wrapper .offer-price,
.publicacion-detail .offer-info-wrapper .offer-price,
.publicacion-detail .image-button-wrapper .offer-price,
.oferta-detail .offer-info-wrapper .offer-price,
.oferta-detail .image-button-wrapper .offer-price {
  font-size: 30px;
  color: #059e66;
  margin-bottom: 10px;
}
.compra-detail .offer-info-wrapper .offer-comment, .compra-detail .image-button-wrapper .offer-comment,
.publicacion-detail .offer-info-wrapper .offer-comment,
.publicacion-detail .image-button-wrapper .offer-comment,
.oferta-detail .offer-info-wrapper .offer-comment,
.oferta-detail .image-button-wrapper .offer-comment {
  font-size: 17px;
  margin-bottom: 10px;
}
.compra-detail .offer-subtitle,
.publicacion-detail .offer-subtitle,
.oferta-detail .offer-subtitle {
  font-size: 14px;
  color: #373737;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.compra-detail .offer-price-container,
.publicacion-detail .offer-price-container,
.oferta-detail .offer-price-container {
  margin-bottom: 20px;
}
.compra-detail .offer-price-container .md-field,
.publicacion-detail .offer-price-container .md-field,
.oferta-detail .offer-price-container .md-field {
  padding-top: 0px;
  margin: 4px 0px 0px;
  min-height: 38px;
}
.compra-detail .offer-price-container .md-field.md-theme-default.md-has-value .md-input,
.publicacion-detail .offer-price-container .md-field.md-theme-default.md-has-value .md-input,
.oferta-detail .offer-price-container .md-field.md-theme-default.md-has-value .md-input {
  font-size: 30px;
  color: #059e66;
  -webkit-text-fill-color: #059e66;
}
.compra-detail .offer-comment-container,
.publicacion-detail .offer-comment-container,
.oferta-detail .offer-comment-container {
  margin-bottom: 20px;
}
.compra-detail .offer-comment-container .md-field,
.publicacion-detail .offer-comment-container .md-field,
.oferta-detail .offer-comment-container .md-field {
  padding-top: 0px;
  margin: 4px 0px 0px;
  min-height: 38px;
}
.compra-detail .md-field.md-theme-default.md-disabled:after,
.publicacion-detail .md-field.md-theme-default.md-disabled:after,
.oferta-detail .md-field.md-theme-default.md-disabled:after {
  background-image: none;
}

.buscado-button {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid;
  border-radius: 30px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.buscado-button .md-icon {
  margin-right: 10px;
}
.buscado-button.bd-primary {
  background-color: #eeb407;
  color: black !important;
  border-color: #ffc107;
}
.buscado-button.bd-secondary {
  background-color: transparent;
  color: black;
  border-color: #ffc107;
}
.buscado-button.bd-secondary.buscado-dense {
  display: inline-block;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  margin-left: 20px;
  margin-top: 5px;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.buscado-button.disabled {
  background-color: #dadada;
  pointer-events: none;
}
.buscado-button.semi-disabled {
  background-color: #dadada;
  pointer-events: none;
}
.buscado-button.continue {
  background-color: #ffc107;
}
.buscado-button.bd-danger {
  border-color: #FF143D;
  color: #FF143D;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.swal2-styled {
  border-radius: 30px !important;
}

.countdown-template {
  margin-top: 15px !important;
  max-width: 188px;
  border: 1px solid #e2e2e2;
  border-radius: 30px;
  padding: 5px 10px;
}
.countdown-template .countdown {
  display: flex;
}
.countdown-template .block {
  display: flex;
  flex-direction: column;
  margin: 0px;
  margin-right: 10px;
  line-height: initial;
}
.countdown-template .text {
  color: #eeb407;
  font-size: 12px !important;
  font-family: "Roboto Condensed", serif;
  font-weight: 40;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.countdown-template .digit {
  color: black;
  font-size: 15px;
  font-weight: 100;
  font-family: "Roboto", serif;
  margin: 0px;
  text-align: center;
}

.publicacion-detail,
.compra-detail {
  padding-top: 0px;
}

.compra-detail .md-tabs-navigation button .md-tab-label {
  color: #2c2c2c !important;
}
.compra-detail .md-list-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.md-dialog,
.md-dialog-fullscreen {
  top: 95px !important;
  height: calc( 100vh - 56px - 39px);
}

.md-menu-content {
  z-index: 100 !important;
  left: 15px !important;
}

.result-link {
  width: 100%;
  color: #2c2c2c !important;
}

.panel-result {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: padding 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: padding;
}
.panel-result img {
  width: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.panel-result .result-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  line-height: 1.25em;
  white-space: nowrap;
  padding-left: 5px;
}
.panel-result .result-content .prod {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.panel-result .result-content .type {
  font-size: 15px;
  color: #7b7b7b;
  margin-bottom: 0px;
}

.expirated-offer {
  background-color: #990000;
  padding: 5px 10px;
  text-align: center;
  border-radius: 40px;
  text-transform: uppercase;
  margin-top: 10px !important;
  width: auto !important;
  color: white;
  font-weight: 800;
  display: inline-block;
  font-size: 12px;
}

.accepted-offer {
  background-color: #21FFC8;
  padding: 5px 10px;
  text-align: center;
  border-radius: 40px;
  text-transform: uppercase;
  margin-top: 10px !important;
  width: auto !important;
  color: #2c2c2c;
  font-weight: 800;
  display: inline-block;
  font-size: 12px;
}

.results-for {
  display: block;
  width: 100%;
  color: black !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
.results-for i {
  vertical-align: bottom;
  font-size: 25px;
  margin-right: 10px;
  color: #ffc107;
}
.results-for span {
  color: #eeb407;
}

.your-review {
  padding-bottom: 10px;
  padding-top: 5px;
}

.seller-reviews .vue-star-rating {
  max-width: 120px;
  margin-bottom: 2px;
}

.menu-container {
  display: none;
}

.inicio-panel {
  overflow-x: hidden;
}

.desktop-dash {
  display: none;
}

@media screen and (min-width: 375px) {
  .navbar .brand-name {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .desktop-dash {
    padding-top: 20px;
    display: block;
  }
  .desktop-dash .box {
    padding: 20px 15px 10px;
    border-radius: 30px;
    margin-bottom: 20px;
    min-height: 340px;
    position: relative;
    padding-bottom: 60px;
  }
  .desktop-dash .box .box-title {
    font-size: 16px;
    margin-bottom: 20px;
    border: 2px solid #9fc4c6;
    font-weight: 400;
    text-align: center;
    padding: 10px 15px;
    border-radius: 30px;
  }
  .desktop-dash .box .md-empty-state {
    height: auto !important;
    padding: 0px;
  }
  .desktop-dash .box .md-empty-state-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    font-size: 80px !important;
    margin: 0;
    margin-bottom: 15px;
  }
  .desktop-dash .box .md-empty-state-label {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .desktop-dash .box .buscado-button {
    display: block;
    border: none;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    width: calc( 100% - 30px );
    left: 15px;
    max-width: initial !important;
  }
  .desktop-dash .box .buscado-button:hover {
    text-decoration: none;
  }
  .desktop-dash .dash-img {
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
  }
  .desktop-dash .last-info-table img {
    max-height: 40px;
    max-width: 100%;
  }

  .inicio-panel {
    display: none !important;
  }

  .menu-container {
    padding-top: 30px;
    padding-left: 15px;
    display: block;
    position: fixed;
    right: 0;
    top: 94px;
    width: 300px;
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc( 100vh - 56px);
    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.3);
  }
  .menu-container .menu-title {
    padding-left: 15px;
    font-size: 13px;
    text-align: right;
    padding-right: 15px;
  }
  .menu-container .buttons-list li .box a {
    border-radius: 28px 0px 0px 28px;
  }

  .content-container {
    padding-right: 300px;
  }

  .VueCarousel-wrapper img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: initial;
  }

  .buttons-list li {
    margin-bottom: 20px;
  }

  .buscado-button {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .crear-publi-container .md-stepper .md-stepper-content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .dropzone .dz-preview.dz-image-preview {
    width: 50%;
    margin-bottom: 0px !important;
  }

  .md-steppers.md-theme-default {
    position: absolute;
  }

  .bottom-el {
    width: calc(100% - 300px);
    right: 300px;
  }

  .price-status {
    width: calc(100% - 300px);
    right: 300px;
  }

  .preview-container .preview-title {
    margin-top: 5px;
  }
  .preview-container .preview-type {
    margin-top: 0px;
  }

  .publicacion-detail .image-button-wrapper {
    margin-top: 0px;
  }

  .oferta-detail .image-button-wrapper {
    margin-top: 0px;
  }

  .oferta-detail {
    padding-top: 30px;
  }
  .oferta-detail .offer-info-wrapper {
    margin-top: 0px;
  }
  .oferta-detail .offer-subtitle {
    margin-top: 30px;
  }

  .review-seller {
    margin-left: auto;
    margin-right: auto;
  }

  .mis-datos-container .md-list-item-content > .md-icon:first-child {
    margin-right: 15px;
  }
  .mis-datos-container .profile-map {
    width: 100%;
    height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .buscado-button {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  .crear-publi-container .md-stepper .md-stepper-content {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1200px) {
  .buscado-button {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .crear-publi-container .md-stepper .md-stepper-content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
}