@charset "UTF-8";
[data-v-f9d3ac1f]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-f9d3ac1f] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-f9d3ac1f]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.thinking-picker__trigger[data-v-f9d3ac1f] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: var(--chat-text-secondary, #4b5563);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.thinking-picker__trigger[data-v-f9d3ac1f]:hover:not(:disabled) {
  background: var(--chat-surface-2, #f1f3f5);
  color: var(--chat-text, #1f2937);
}
.thinking-picker__trigger[data-v-f9d3ac1f]:disabled {
  cursor: default;
  opacity: 0.6;
}
.thinking-picker__icon[data-v-f9d3ac1f] {
  flex: 0 0 auto;
}
.thinking-picker__caret[data-v-f9d3ac1f] {
  flex: 0 0 auto;
  opacity: 0.7;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.thinking-picker__menu {
  min-width: 240px;
  max-width: 280px;
  padding: 4px 0 6px;
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 6px 4px;
  padding: 8px 10px;
  border-radius: 6px;
  line-height: 1.35;
  font-size: 13px;
  color: var(--chat-text, #374151);
  white-space: normal;
  cursor: pointer;
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item:last-child {
  margin-bottom: 0;
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item:hover, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item:focus {
  background: var(--chat-surface-2, #f1f3f5);
  color: var(--chat-text, #1f2937);
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:hover, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:focus {
  background: var(--chat-accent-light, rgba(8, 47, 73, 0.06));
  color: var(--chat-text, #1f2937);
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active .thinking-picker__item-radio, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:hover .thinking-picker__item-radio, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:focus .thinking-picker__item-radio {
  border-color: var(--chat-primary, #082f49);
  background: var(--chat-primary, #082f49);
  color: var(--chat-white, #fff);
}
.thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active .thinking-picker__item-title, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:hover .thinking-picker__item-title, .thinking-picker__menu .el-dropdown-menu__item.thinking-picker__item--active:focus .thinking-picker__item-title {
  font-weight: 600;
  color: var(--chat-accent-fg, #082f49);
}
.thinking-picker__item-radio {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border: 1.5px solid var(--chat-border, #c3c9d3);
  border-radius: 50%;
  background: var(--chat-white, #fff);
  transition: border-color 0.15s, background 0.15s;
}
.thinking-picker__item-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.thinking-picker__menu-title {
  padding: 6px 16px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--chat-text-muted, #8a94a6);
  list-style: none;
}
.thinking-picker__item-title {
  font-size: 13px;
}
.thinking-picker__item-hint {
  font-size: 11.5px;
  color: var(--chat-text-muted, #8a94a6);
}
.thinking-picker__item-warn {
  font-size: 11.5px;
  color: #b45309;
}
.tooltip[data-v-d39f47db] {
        white-space: nowrap;
}
.tooltip.wrap[data-v-d39f47db] {
        white-space: normal;
        max-width: 460px;
        line-height: 1.4;
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}

html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}

html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

.fkpi-bg-primary {
  background-color: var(--kpi-text-brand);
}

.fkpi-color-primary {
  color: var(--kpi-text-brand);
}

.grouping-table-configuration-list table {
  width: 100% !important;
}

.centers_table .cell:has(.el-tag) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.widget-preview .move-handle {
  display: none;
}

.el-alert {
  gap: 1rem;
}

.el-dialog {
  border-radius: 8px !important;
}

.el-dialog__header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.el-dialog__footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.el-breadcrumb {
  font-size: 1.4rem !important;
}

.realtime-notification-toast {
  cursor: pointer;
}

@media (max-width: 576px) {
  .el-notification {
    align-items: center;
  }
  .el-notification__group {
    margin-right: 0;
  }
  .el-notification__title,
  .el-notification__content {
    max-width: 90%;
  }
  .el-notification__closeBtn {
    right: 0;
  }
  .el-picker-panel.el-date-range-picker.el-popper {
    width: auto;
  }
  .el-picker-panel.el-date-range-picker.el-popper .el-picker-panel__body {
    display: flex;
    flex-direction: column;
    min-width: auto;
  }
  .el-picker-panel.el-date-range-picker.el-popper .el-picker-panel__body .is-left,
  .el-picker-panel.el-date-range-picker.el-popper .el-picker-panel__body .is-right {
    width: 100%;
  }
  .el-picker-panel.el-date-range-picker.el-popper .el-picker-panel__body .is-left {
    border-right: 0;
    border-bottom: 1px solid var(--kpi-border);
  }
  .add-kpi-to-report-dialog .el-dialog {
    margin-top: 5vh !important;
  }
  body > .el-popover,
  body > .el-popper {
    z-index: 2501 !important;
  }
  .el-alert:has(+ .centers_table) .el-alert__description {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .el-alert:has(+ .centers_table) .el-alert__description button {
    margin: 0;
  }
}
.el-message-box {
  max-width: 90dvw;
}

.el-alert--info {
  color: var(--kpi-text-brand) !important;
}

.kpi-loading {
  flex: 1;
  min-height: 120px;
}

html[data-theme=dark] body,
html[data-theme=dark] #app,
html[data-theme=dark] #app-wrapper,
html[data-theme=dark] #app-content {
  background-color: var(--kpi-bg-app) !important;
  color: var(--kpi-text-primary);
}
html[data-theme=dark] a:link {
  color: #ffffff;
}
html[data-theme=dark] a:visited {
  color: #b6bfcb;
}
html[data-theme=dark] #left-side,
html[data-theme=dark] #left-side-menu,
html[data-theme=dark] .left-menu-drawer,
html[data-theme=dark] #left-side .top-left-side-menu,
html[data-theme=dark] #left-side .bottom-left-side-menu,
html[data-theme=dark] #left-side .el-menu,
html[data-theme=dark] #left-side .el-menu--collapse,
html[data-theme=dark] #left-side .aside-buttons {
  background-color: var(--kpi-primary) !important;
  border-right: none !important;
}
html[data-theme=dark] #left-side .nav-bar-menu.el-menu-item,
html[data-theme=dark] #left-side .nav-bar-submenu > .el-submenu__title {
  color: var(--kpi-text-inverse) !important;
  background-color: var(--kpi-primary) !important;
}
html[data-theme=dark] #left-side .nav-bar-menu.el-menu-item.is-active,
html[data-theme=dark] #left-side .nav-bar-menu.el-menu-item.is-active-nav-bar-menu,
html[data-theme=dark] #left-side .nav-bar-menu.el-menu-item:focus,
html[data-theme=dark] #left-side .nav-bar-menu:hover,
html[data-theme=dark] #left-side .nav-bar-submenu > .el-submenu__title:hover,
html[data-theme=dark] #left-side .nav-bar-submenu.is-active-nav-bar-menu > .el-submenu__title {
  background-color: var(--kpi-secondary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] #left-side .el-menu-item.nav-bar-submenu-item.is-active {
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] #left-side .el-menu-item.nav-bar-submenu-item:focus {
  background-color: transparent !important;
}
html[data-theme=dark] #left-side .menu-separator {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme=dark] #left-side .el-menu,
html[data-theme=dark] #left-side .el-menu--collapse,
html[data-theme=dark] #left-side .el-menu-item,
html[data-theme=dark] #left-side .el-submenu__title,
html[data-theme=dark] #left-side .top-left-side-menu,
html[data-theme=dark] #left-side .bottom-left-side-menu {
  border-right: none !important;
}
html[data-theme=dark] .el-card,
html[data-theme=dark] .el-dialog,
html[data-theme=dark] .el-message-box,
html[data-theme=dark] .el-popover,
html[data-theme=dark] .el-popper,
html[data-theme=dark] .el-tooltip__popper,
html[data-theme=dark] .el-select-dropdown,
html[data-theme=dark] .el-picker-panel,
html[data-theme=dark] .el-date-picker,
html[data-theme=dark] .el-time-panel,
html[data-theme=dark] .el-cascader-menu,
html[data-theme=dark] .el-autocomplete-suggestion,
html[data-theme=dark] .el-dropdown-menu,
html[data-theme=dark] .el-menu--popup,
html[data-theme=dark] .el-menu--collapse,
html[data-theme=dark] .el-table,
html[data-theme=dark] .el-table__body,
html[data-theme=dark] .el-table th,
html[data-theme=dark] .el-table tr,
html[data-theme=dark] .el-table td,
html[data-theme=dark] .el-table__expanded-cell {
  background-color: var(--kpi-bg-surface) !important;
  color: var(--kpi-text-primary) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-menu:not(.el-menu--popup):not(.el-menu--collapse) {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-submenu__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-dialog__header,
html[data-theme=dark] .el-message-box__header {
  background-color: var(--kpi-bg-surface) !important;
  border-bottom: 1px solid var(--kpi-border);
}
html[data-theme=dark] .el-dialog__title,
html[data-theme=dark] .el-dialog__body,
html[data-theme=dark] .el-message-box__title,
html[data-theme=dark] .el-message-box__content,
html[data-theme=dark] .el-message-box__message {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-input__inner,
html[data-theme=dark] .el-textarea__inner,
html[data-theme=dark] .el-select .el-input__inner,
html[data-theme=dark] .el-cascader__search-input,
html[data-theme=dark] .el-date-editor.el-input,
html[data-theme=dark] .el-date-editor.el-input__inner,
html[data-theme=dark] .el-date-editor--daterange.el-input,
html[data-theme=dark] .el-date-editor--daterange.el-input__inner,
html[data-theme=dark] .el-date-editor--datetimerange.el-input,
html[data-theme=dark] .el-date-editor--datetimerange.el-input__inner {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-input__inner::-moz-placeholder, html[data-theme=dark] .el-textarea__inner::-moz-placeholder, html[data-theme=dark] .el-select .el-input__inner::-moz-placeholder, html[data-theme=dark] .el-cascader__search-input::-moz-placeholder, html[data-theme=dark] .el-date-editor.el-input::-moz-placeholder, html[data-theme=dark] .el-date-editor.el-input__inner::-moz-placeholder, html[data-theme=dark] .el-date-editor--daterange.el-input::-moz-placeholder, html[data-theme=dark] .el-date-editor--daterange.el-input__inner::-moz-placeholder, html[data-theme=dark] .el-date-editor--datetimerange.el-input::-moz-placeholder, html[data-theme=dark] .el-date-editor--datetimerange.el-input__inner::-moz-placeholder {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-input__inner::placeholder,
html[data-theme=dark] .el-textarea__inner::placeholder,
html[data-theme=dark] .el-select .el-input__inner::placeholder,
html[data-theme=dark] .el-cascader__search-input::placeholder,
html[data-theme=dark] .el-date-editor.el-input::placeholder,
html[data-theme=dark] .el-date-editor.el-input__inner::placeholder,
html[data-theme=dark] .el-date-editor--daterange.el-input::placeholder,
html[data-theme=dark] .el-date-editor--daterange.el-input__inner::placeholder,
html[data-theme=dark] .el-date-editor--datetimerange.el-input::placeholder,
html[data-theme=dark] .el-date-editor--datetimerange.el-input__inner::placeholder {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-input__count,
html[data-theme=dark] .el-input__count-inner {
  background-color: transparent !important;
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-range-editor.el-input__inner {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
}
html[data-theme=dark] .el-range-input {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-range-input::-moz-placeholder {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-range-input::placeholder {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-range-separator {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-input__icon,
html[data-theme=dark] .el-range__icon,
html[data-theme=dark] .el-range__close-icon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-select-dropdown__item {
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .el-select-dropdown__item.hover, html[data-theme=dark] .el-select-dropdown__item:hover {
  background-color: var(--kpi-bg-elevated) !important;
}
html[data-theme=dark] .el-select-dropdown__item.selected {
  color: var(--kpi-secondary);
}
html[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .el-table tbody tr:hover > td,
html[data-theme=dark] .el-table__body tr.hover-row > td {
  background-color: var(--kpi-bg-elevated) !important;
}
html[data-theme=dark] .el-table::before,
html[data-theme=dark] .el-table::after,
html[data-theme=dark] .el-table__fixed::before,
html[data-theme=dark] .el-table__fixed-right::before,
html[data-theme=dark] .el-table--border::after,
html[data-theme=dark] .el-table--group::after {
  background-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-form-item__label {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-breadcrumb,
html[data-theme=dark] .el-breadcrumb__inner,
html[data-theme=dark] .el-breadcrumb__inner.is-link,
html[data-theme=dark] .el-breadcrumb__separator {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-menu-item,
html[data-theme=dark] .el-submenu__title,
html[data-theme=dark] .el-menu-item-group__title,
html[data-theme=dark] .el-dropdown-menu__item {
  color: var(--kpi-text-secondary) !important;
  background-color: transparent !important;
}
html[data-theme=dark] .el-menu-item:hover, html[data-theme=dark] .el-menu-item:focus,
html[data-theme=dark] .el-submenu__title:hover,
html[data-theme=dark] .el-submenu__title:focus,
html[data-theme=dark] .el-menu-item-group__title:hover,
html[data-theme=dark] .el-menu-item-group__title:focus,
html[data-theme=dark] .el-dropdown-menu__item:hover,
html[data-theme=dark] .el-dropdown-menu__item:focus {
  background-color: var(--kpi-bg-elevated) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-menu-item.is-active, html[data-theme=dark] .el-menu-item.is-active > .el-submenu__title,
html[data-theme=dark] .el-submenu__title.is-active,
html[data-theme=dark] .el-submenu__title.is-active > .el-submenu__title,
html[data-theme=dark] .el-menu-item-group__title.is-active,
html[data-theme=dark] .el-menu-item-group__title.is-active > .el-submenu__title,
html[data-theme=dark] .el-dropdown-menu__item.is-active,
html[data-theme=dark] .el-dropdown-menu__item.is-active > .el-submenu__title {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-menu--horizontal .el-menu-item:hover, html[data-theme=dark] .el-menu--horizontal .el-menu-item:focus, html[data-theme=dark] .el-menu--horizontal .el-menu-item.is-active,
html[data-theme=dark] .el-menu--horizontal .el-submenu__title:hover,
html[data-theme=dark] .el-menu--horizontal .el-submenu__title:focus,
html[data-theme=dark] .el-menu--horizontal .el-submenu__title.is-active {
  background-color: transparent !important;
}
html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=top] .popper__arrow, html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=top] .popper__arrow::after {
  border-top-color: var(--kpi-bg-surface) !important;
  border-bottom-color: transparent !important;
}
html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=bottom] .popper__arrow, html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: var(--kpi-bg-surface) !important;
  border-top-color: transparent !important;
}
html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=left] .popper__arrow, html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=left] .popper__arrow::after {
  border-left-color: var(--kpi-bg-surface) !important;
  border-right-color: transparent !important;
}
html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=right] .popper__arrow, html[data-theme=dark] .el-popper:not(.el-tooltip__popper)[x-placement^=right] .popper__arrow::after {
  border-right-color: var(--kpi-bg-surface) !important;
  border-left-color: transparent !important;
}
html[data-theme=dark] .el-date-table td.disabled div,
html[data-theme=dark] .el-month-table td.disabled .cell,
html[data-theme=dark] .el-year-table td.disabled .cell {
  background-color: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-date-picker__header,
html[data-theme=dark] .el-date-picker__header-label,
html[data-theme=dark] .el-year-table .el-icon,
html[data-theme=dark] .el-month-table .el-icon,
html[data-theme=dark] .el-date-table .el-icon {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-date-picker__header-label.active,
html[data-theme=dark] .el-date-picker__header-label:hover {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-year-table td.today .cell {
  color: var(--kpi-primary) !important;
  font-weight: 700 !important;
}
html[data-theme=dark] .el-year-table td.start-date .cell,
html[data-theme=dark] .el-year-table td.end-date .cell,
html[data-theme=dark] .el-year-table td.current:not(.disabled) .cell {
  background-color: #082f49 !important;
  color: var(--kpi-text-inverse) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
html[data-theme=dark] .el-year-table td.current:not(.disabled) .cell {
  box-shadow: inset 0 0 0 2px var(--kpi-primary) !important;
}
html[data-theme=dark] .el-date-table td.in-range div,
html[data-theme=dark] .el-date-table td.in-range div:hover,
html[data-theme=dark] .el-date-table.is-week-mode .el-date-table__row.current div,
html[data-theme=dark] .el-date-table.is-week-mode .el-date-table__row:hover div,
html[data-theme=dark] .el-month-table td.in-range div,
html[data-theme=dark] .el-month-table td.in-range div:hover,
html[data-theme=dark] .el-year-table td.in-range div,
html[data-theme=dark] .el-year-table td.in-range div:hover {
  background-color: color-mix(in srgb, var(--kpi-primary) 25%, transparent) !important;
}
html[data-theme=dark] .el-month-table td:not(.disabled):not(.current):not(.start-date):not(.end-date):not(.in-range) .cell,
html[data-theme=dark] .el-year-table td:not(.disabled):not(.today):not(.current):not(.start-date):not(.end-date):not(.in-range) .cell {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-picker-panel__icon-btn {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-date-table th,
html[data-theme=dark] .el-date-picker__header,
html[data-theme=dark] .el-month-table th,
html[data-theme=dark] .el-year-table th,
html[data-theme=dark] .el-picker-panel__sidebar,
html[data-theme=dark] .el-picker-panel__shortcut,
html[data-theme=dark] .el-picker-panel__body-wrapper,
html[data-theme=dark] .el-date-range-picker__content.is-left,
html[data-theme=dark] .el-date-range-picker__time-header,
html[data-theme=dark] .el-date-range-picker__header {
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-select-group__wrap:not(:last-of-type)::after {
  background: var(--kpi-border) !important;
}
html[data-theme=dark] .el-dropdown-menu__item--divided {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-dropdown-menu__item--divided::before {
  background-color: var(--kpi-bg-surface) !important;
}
html[data-theme=dark] .el-dropdown-menu__item.red,
html[data-theme=dark] .el-dropdown-menu__item.red i,
html[data-theme=dark] .el-dropdown-menu__item.fkpi-delete-dropdown-menu,
html[data-theme=dark] .el-dropdown-menu__item.fkpi-delete-dropdown-menu i {
  color: #ef4444 !important;
}
html[data-theme=dark] .el-dropdown-menu__item.red:focus,
html[data-theme=dark] .el-dropdown-menu__item.red:not(.is-disabled):hover,
html[data-theme=dark] .el-dropdown-menu__item.fkpi-delete-dropdown-menu:focus,
html[data-theme=dark] .el-dropdown-menu__item.fkpi-delete-dropdown-menu:not(.is-disabled):hover {
  color: #ef4444 !important;
  background-color: rgba(220, 38, 38, 0.18) !important;
}
html[data-theme=dark] .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.el-button--text) {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.el-button--text):hover, html[data-theme=dark] .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.el-button--text):focus {
  background-color: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-button--primary,
html[data-theme=dark] .el-button--primary:hover,
html[data-theme=dark] .el-button--primary:focus {
  background-color: var(--kpi-primary) !important;
  border-color: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] .el-button--primary.is-plain,
html[data-theme=dark] .el-button--primary.is-plain:hover,
html[data-theme=dark] .el-button--primary.is-plain:focus {
  background-color: color-mix(in srgb, var(--kpi-text-brand) 18%, transparent) !important;
  border-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-button--success.is-plain {
  background-color: rgba(46, 160, 67, 0.18) !important;
  border-color: rgba(110, 231, 183, 0.55) !important;
  color: #6ee7b7 !important;
}
html[data-theme=dark] .el-button--warning.is-plain {
  background-color: rgba(245, 158, 11, 0.18) !important;
  border-color: rgba(252, 211, 77, 0.55) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .el-button--danger.is-plain {
  background-color: rgba(220, 38, 38, 0.18) !important;
  border-color: rgba(252, 165, 165, 0.55) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .el-button--info.is-plain {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-tag:not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger):not(.el-tag--primary) {
  background-color: var(--kpi-bg-elevated);
  border-color: var(--kpi-border-strong);
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .el-tag:not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger):not(.el-tag--primary).el-tag--info {
  background-color: var(--kpi-bg-surface-2);
  color: var(--kpi-text-secondary);
}
html[data-theme=dark] .el-pagination {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-pagination button,
html[data-theme=dark] .el-pagination button:disabled,
html[data-theme=dark] .el-pagination .btn-prev,
html[data-theme=dark] .el-pagination .btn-next {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-pagination button:disabled {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-pagination .el-pager li {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-pagination .el-pager li.active {
  background-color: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-pagination .el-pager li:hover:not(.active) {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-pagination .el-pagination__total,
html[data-theme=dark] .el-pagination .el-pagination__jump {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-pagination.is-background .el-pager li:not(.disabled),
html[data-theme=dark] .el-pagination.is-background .btn-prev,
html[data-theme=dark] .el-pagination.is-background .btn-next {
  background-color: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-pagination.is-background .el-pager li:not(.disabled):hover,
html[data-theme=dark] .el-pagination.is-background .btn-prev:hover,
html[data-theme=dark] .el-pagination.is-background .btn-next:hover {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-alert {
  background-color: var(--kpi-bg-surface-2);
}
html[data-theme=dark] .el-alert .el-alert__title,
html[data-theme=dark] .el-alert .el-alert__description,
html[data-theme=dark] .el-alert .el-alert__closebtn {
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .el-alert--success.is-light {
  background-color: rgba(46, 160, 67, 0.16) !important;
}
html[data-theme=dark] .el-alert--success.is-light .el-alert__title,
html[data-theme=dark] .el-alert--success.is-light .el-alert__description,
html[data-theme=dark] .el-alert--success.is-light .el-alert__icon,
html[data-theme=dark] .el-alert--success.is-light .el-alert__closebtn {
  color: #6ee7b7 !important;
}
html[data-theme=dark] .el-alert--warning.is-light {
  background-color: rgba(245, 158, 11, 0.16) !important;
}
html[data-theme=dark] .el-alert--warning.is-light .el-alert__title,
html[data-theme=dark] .el-alert--warning.is-light .el-alert__description,
html[data-theme=dark] .el-alert--warning.is-light .el-alert__icon,
html[data-theme=dark] .el-alert--warning.is-light .el-alert__closebtn {
  color: #fcd34d !important;
}
html[data-theme=dark] .el-alert--error.is-light {
  background-color: rgba(220, 38, 38, 0.16) !important;
}
html[data-theme=dark] .el-alert--error.is-light .el-alert__title,
html[data-theme=dark] .el-alert--error.is-light .el-alert__description,
html[data-theme=dark] .el-alert--error.is-light .el-alert__icon,
html[data-theme=dark] .el-alert--error.is-light .el-alert__closebtn {
  color: #fca5a5 !important;
}
html[data-theme=dark] .el-alert--info.is-light {
  background-color: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .el-alert--info.is-light .el-alert__title,
html[data-theme=dark] .el-alert--info.is-light .el-alert__description,
html[data-theme=dark] .el-alert--info.is-light .el-alert__icon,
html[data-theme=dark] .el-alert--info.is-light .el-alert__closebtn {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-loading-mask {
  background-color: rgba(15, 23, 34, 0.85) !important;
}
html[data-theme=dark] .el-loading-spinner .el-loading-text,
html[data-theme=dark] .el-loading-spinner i {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-loading-spinner .circular .path {
  stroke: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-cascader-node {
  color: var(--kpi-text-primary) !important;
  background-color: transparent !important;
}
html[data-theme=dark] .el-cascader-node:not(.is-disabled):hover,
html[data-theme=dark] .el-cascader-node:not(.is-disabled):focus {
  background-color: color-mix(in srgb, var(--kpi-primary) 8%, var(--kpi-bg-surface)) !important;
}
html[data-theme=dark] .el-cascader-node.in-active-path,
html[data-theme=dark] .el-cascader-node.is-active {
  background-color: color-mix(in srgb, var(--kpi-primary) 10%, var(--kpi-bg-surface)) !important;
}
html[data-theme=dark] .el-cascader-node__label {
  color: inherit !important;
}
html[data-theme=dark] .el-tree {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-tree-node__content {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-tree-node__label {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-tree__empty-block {
  background-color: transparent !important;
}
html[data-theme=dark] .el-tree__empty-text {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-tree-node__expand-icon {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-tree-node__expand-icon.is-leaf {
  color: transparent !important;
}
html[data-theme=dark] .el-skeleton__item,
html[data-theme=dark] .el-skeleton__p,
html[data-theme=dark] .el-skeleton__h1,
html[data-theme=dark] .el-skeleton__h3,
html[data-theme=dark] .el-skeleton__h5,
html[data-theme=dark] .el-skeleton__text,
html[data-theme=dark] .el-skeleton__caption,
html[data-theme=dark] .el-skeleton__paragraph,
html[data-theme=dark] .el-skeleton__image,
html[data-theme=dark] .el-skeleton__button,
html[data-theme=dark] .el-skeleton__circle,
html[data-theme=dark] .el-skeleton__avatar {
  background: var(--kpi-bg-elevated) !important;
}
html[data-theme=dark] .el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, var(--kpi-bg-elevated) 25%, var(--kpi-bg-surface-2) 37%, var(--kpi-bg-elevated) 63%) !important;
  background-size: 400% 100% !important;
}
html[data-theme=dark] .el-collapse,
html[data-theme=dark] .el-collapse-item__wrap {
  background-color: transparent !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-collapse-item__header {
  background-color: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-primary) !important;
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .el-collapse-item__content {
  background-color: transparent !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-collapse-item__arrow {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .el-tabs__item {
  color: var(--kpi-text-secondary);
}
html[data-theme=dark] .el-tabs__item.is-active {
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .el-tabs__active-bar {
  background-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-checkbox__input.is-checked .el-checkbox__inner,
html[data-theme=dark] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--kpi-primary) !important;
  border-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-switch__core {
  background-color: var(--kpi-border-strong) !important;
  border-color: var(--kpi-border-strong) !important;
}
html[data-theme=dark] .el-switch.is-checked .el-switch__core {
  background-color: var(--kpi-primary) !important;
  border-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-radio__input.is-checked .el-radio__inner {
  border-color: var(--kpi-primary) !important;
  background: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-radio__label,
html[data-theme=dark] .el-checkbox__label {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-radio.is-checked .el-radio__label,
html[data-theme=dark] .el-checkbox.is-checked .el-checkbox__label {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--kpi-primary) !important;
  border-color: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
  box-shadow: -1px 0 0 0 var(--kpi-primary) !important;
}
html[data-theme=dark] .el-radio-button__inner {
  background-color: transparent !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-radio-button__inner:hover {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-check-tag.is-checked {
  background-color: var(--kpi-primary) !important;
  border-color: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] .el-slider__bar {
  background-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-slider__button {
  border-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .el-progress-bar__inner {
  background-color: var(--kpi-primary) !important;
}
html[data-theme=dark] *::-moz-selection {
  background-color: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] *::selection {
  background-color: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] hr {
  background-color: var(--kpi-border) !important;
}
html[data-theme=dark] *::-webkit-scrollbar-track {
  background: var(--kpi-bg-surface);
}
html[data-theme=dark] * {
  scrollbar-color: var(--kpi-secondary) var(--kpi-bg-surface);
}
html[data-theme=dark] .vue-treeselect__control {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .vue-treeselect__placeholder,
html[data-theme=dark] .vue-treeselect__single-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .vue-treeselect__menu {
  background-color: var(--kpi-bg-surface) !important;
  color: var(--kpi-text-primary) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .vue-treeselect__option {
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .vue-treeselect__option--highlight {
  background-color: var(--kpi-bg-elevated) !important;
}
html[data-theme=dark] .vue-treeselect__option--selected {
  background-color: var(--kpi-bg-elevated) !important;
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .vue-treeselect__input {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .vue-treeselect__multi-value-item {
  color: var(--kpi-text-brand) !important;
  background-color: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border-strong) !important;
}
html[data-theme=dark] .vue-treeselect__control-arrow {
  fill: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .widget header .kpi-name,
html[data-theme=dark] .widget header .kpi-name .name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .tiptap {
  color: var(--kpi-text-primary);
}
html[data-theme=dark] .note-pad .button-group button {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .dialog-container .title-dialog h3 {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-switch__label {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .el-switch__label.is-active {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-switch.is-disabled .el-switch__label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .time-select-item {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .time-select-item:hover {
  background-color: var(--kpi-bg-elevated) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .time-select-item.selected:not(.disabled) {
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .time-select-item.disabled {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .el-select__tags .el-tag {
  background-color: var(--kpi-bg-elevated) !important;
  border-color: var(--kpi-border-strong) !important;
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background-color: var(--kpi-bg-surface) !important;
  color: var(--kpi-text-brand) !important;
}
html[data-theme=dark] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
html[data-theme=dark] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover {
  background-color: var(--kpi-bg-elevated) !important;
}
html[data-theme=dark] .vue-treeselect__value-remove {
  border-left-color: var(--kpi-border) !important;
}
html[data-theme=dark] .vue-treeselect--disabled .vue-treeselect__multi-value-item {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .fkpi-indicator {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .fkpi-indicator .kpi-value,
html[data-theme=dark] .fkpi-indicator .kpi-value-secondary,
html[data-theme=dark] .fkpi-indicator .previous-kpi-value,
html[data-theme=dark] .fkpi-indicator .secondary-title,
html[data-theme=dark] .fkpi-indicator .info-icon,
html[data-theme=dark] .fkpi-indicator .name-previous-survey,
html[data-theme=dark] .fkpi-indicator .date-previous-survey,
html[data-theme=dark] .fkpi-indicator .date-last-survey {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .fkpi-color-primary {
  color: var(--kpi-text-brand);
}
html[data-theme=dark] .pending-action-card {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-card--danger {
  background: color-mix(in srgb, #dc2626 12%, transparent) !important;
  border-color: color-mix(in srgb, #dc2626 45%, transparent) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-header strong,
html[data-theme=dark] .pending-action-card--danger .pending-action-header strong,
html[data-theme=dark] .pending-action-summary,
html[data-theme=dark] .pending-action-card--danger .pending-action-summary {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-link {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-link:hover {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border-strong, var(--kpi-border)) !important;
}
html[data-theme=dark] .pending-action-card--danger .pending-action-link {
  border-color: color-mix(in srgb, #dc2626 40%, transparent) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-card--danger .pending-action-link:hover {
  border-color: color-mix(in srgb, #dc2626 60%, transparent) !important;
}
html[data-theme=dark] .pending-action-warning {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .pending-action-card--danger .pending-action-warning {
  background: color-mix(in srgb, #dc2626 14%, transparent) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .pending-action-details {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .pending-action-details-key {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .pending-action-details-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-args {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .pending-action-btn--cancel {
  background: var(--kpi-bg-surface) !important;
  color: var(--kpi-text-primary) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .pending-action-btn--cancel:hover {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .convo-item:hover {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .convo-item--active {
  background: var(--kpi-bg-elevated, var(--kpi-bg-surface-2)) !important;
}
html[data-theme=dark] .convo-item--active .convo-item-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .copilot-context-chip-icon {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .chat-kpi-result {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .chat-kpi-picker-search-input {
  background: var(--kpi-bg-surface) !important;
  color: var(--kpi-text-primary) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .chat-kpi-picker-search-input:focus {
  border-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .chat-kpi-save-error {
  background: color-mix(in srgb, #dc2626 14%, transparent) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .chat-kpi-save-success {
  background: color-mix(in srgb, #16a34a 14%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .chat-kpi-save-link {
  color: #86efac !important;
}
html[data-theme=dark] .chat-kpi-save-link:hover {
  color: #bbf7d0 !important;
}
html[data-theme=dark] .chat-kpi-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .hero-card {
  background: linear-gradient(135deg, color-mix(in srgb, #6366f1 12%, var(--kpi-bg-surface)) 0%, color-mix(in srgb, #a855f7 12%, var(--kpi-bg-surface)) 60%, color-mix(in srgb, #d946ef 12%, var(--kpi-bg-surface)) 100%) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .hero-card__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .hero-card__subtitle {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .hero-card__blob {
  opacity: 0.25 !important;
}
html[data-theme=dark] .config-chip {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .config-chip:hover {
  border-color: var(--kpi-border-strong, var(--kpi-border)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme=dark] .config-chip--club:hover {
  border-color: color-mix(in srgb, #6366f1 45%, transparent) !important;
}
html[data-theme=dark] .config-chip--channels:hover {
  border-color: color-mix(in srgb, #16a34a 45%, transparent) !important;
}
html[data-theme=dark] .config-chip__icon {
  background: linear-gradient(135deg, color-mix(in srgb, #6366f1 20%, var(--kpi-bg-surface-2)) 0%, color-mix(in srgb, #4f46e5 20%, var(--kpi-bg-surface-2)) 100%) !important;
  color: #a5b4fc !important;
}
html[data-theme=dark] .config-chip__icon--channels {
  background: linear-gradient(135deg, color-mix(in srgb, #16a34a 20%, var(--kpi-bg-surface-2)) 0%, color-mix(in srgb, #15803d 20%, var(--kpi-bg-surface-2)) 100%) !important;
  color: #86efac !important;
}
html[data-theme=dark] .config-chip__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .config-chip__meta {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .config-chip__arrow {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .config-chip:hover .config-chip__arrow {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .loading-container {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .sw-card {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .sw-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme=dark] .sw-card--retention:hover {
  border-color: color-mix(in srgb, #0ea5e9 55%, transparent) !important;
}
html[data-theme=dark] .sw-card--recapture:hover {
  border-color: color-mix(in srgb, #16a34a 55%, transparent) !important;
}
html[data-theme=dark] .sw-card__name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .sw-card__type {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .sw-card__footer {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .sw-card__footer-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .sw-card__footer-value {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .sw-card__footer-value--none {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .dashboard-activity-feed {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .dashboard-activity-feed__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .feed-row {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .feed-row:hover {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .feed-row__body {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .feed-row__agent {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .feed-row__separator {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .feed-row__summary {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .feed-row__time {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .feed-empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .feed-pagination {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .feed-pagination__info {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-detail__sandbox-banner {
  background: color-mix(in srgb, #f59e0b 18%, transparent) !important;
  border-color: color-mix(in srgb, #f59e0b 50%, transparent) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .agent-detail__sandbox-kapso-badge {
  background: #fcd34d !important;
  color: #422006 !important;
}
html[data-theme=dark] .agent-detail__header,
html[data-theme=dark] .agent-detail__section-card,
html[data-theme=dark] .agent-inbox,
html[data-theme=dark] .agent-inbox__sidebar {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-detail__agent-name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-detail__agent-type {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-detail__bio {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-detail__nav {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-detail__nav-btn {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-detail__nav-btn:hover {
  color: var(--kpi-text-secondary) !important;
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .agent-detail__nav-btn--active {
  color: var(--kpi-text-primary) !important;
  border-bottom-color: var(--kpi-primary) !important;
}
html[data-theme=dark] .agent-detail__loading {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-inbox__main {
  border-left-color: var(--kpi-border) !important;
  border-right-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-inbox__card-header {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-inbox__card-name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-inbox__reanalyze-link,
html[data-theme=dark] .agent-inbox__dismiss-link {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-inbox__reanalyze-link:hover {
  color: var(--kpi-primary) !important;
}
html[data-theme=dark] .agent-inbox__arrow {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-inbox__actions-panel {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-inbox__step-label {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-inbox__step-line {
  background: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-inbox__sending p {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .risk-chat__header {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .risk-chat__placeholder,
html[data-theme=dark] .agent-inbox__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .risk-chat__title,
html[data-theme=dark] .agent-inbox__empty .agent-inbox__empty-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-inbox__empty .agent-inbox__empty-message {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-inbox__summary-stats {
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-inbox__stat-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-inbox__stat-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-inbox__stat-divider {
  background: var(--kpi-border) !important;
}
html[data-theme=dark] .sidebar-tabs {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .sidebar-tabs__btn {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .sidebar-tabs__btn:hover {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .active-chats__item {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .active-chats__item:hover {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .active-chats__item--selected {
  background: color-mix(in srgb, var(--kpi-primary) 18%, transparent) !important;
}
html[data-theme=dark] .active-chats__name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .active-chats__time,
html[data-theme=dark] .active-chats__preview,
html[data-theme=dark] .active-chats__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .actions-panel__header {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .actions-panel__title {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .actions-panel__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .actions-panel__item {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .actions-panel__item:hover {
  background: var(--kpi-bg-elevated, var(--kpi-bg-surface-2)) !important;
}
html[data-theme=dark] .actions-panel__channel {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .actions-panel__time,
html[data-theme=dark] .actions-panel__reply-time {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .actions-panel__message {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .actions-panel__reply {
  background: color-mix(in srgb, #2563eb 16%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .actions-panel__no-reply {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .actions-panel__outcome {
  background: color-mix(in srgb, #16a34a 14%, transparent) !important;
  border-color: color-mix(in srgb, #16a34a 40%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .risk-list {
  background: var(--kpi-bg-surface) !important;
}
html[data-theme=dark] .risk-list__header {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .risk-list__filter-btn {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .risk-list__filter-btn:hover {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .risk-list__item {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .risk-list__item:hover {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .risk-list__item--selected {
  background: color-mix(in srgb, var(--kpi-primary) 18%, transparent) !important;
}
html[data-theme=dark] .risk-list__name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .risk-list__score {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .risk-list__service,
html[data-theme=dark] .risk-list__accesses,
html[data-theme=dark] .risk-list__loading,
html[data-theme=dark] .risk-list__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__intro-icon {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-briefings__intro-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-briefings__intro-desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-briefings__example-chip {
  background: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-briefings__example-chip:hover {
  background: color-mix(in srgb, #409eff 18%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .agent-briefings__scope-chip,
html[data-theme=dark] .agent-briefings__expiry-chip {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .agent-briefings__scope-chip:hover,
html[data-theme=dark] .agent-briefings__expiry-chip:hover {
  border-color: color-mix(in srgb, #409eff 50%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .agent-briefings__scope-chip--active,
html[data-theme=dark] .agent-briefings__expiry-chip--active {
  background: color-mix(in srgb, #409eff 18%, transparent) !important;
  border-color: color-mix(in srgb, #409eff 55%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .agent-briefings__scope-chip--agent:hover,
html[data-theme=dark] .agent-briefings__scope-chip--agent.agent-briefings__scope-chip--active {
  background: color-mix(in srgb, #67c23a 18%, transparent) !important;
  border-color: color-mix(in srgb, #67c23a 55%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .agent-briefings__scope-badge--global {
  background: color-mix(in srgb, #409eff 18%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .agent-briefings__scope-badge--agent {
  background: color-mix(in srgb, #67c23a 18%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .agent-briefings__expiry-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__list {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-briefings__list-title {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__note {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .agent-briefings__note-content {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .agent-briefings__note-meta {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__note-meta-sep {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__note-edit {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .agent-briefings__note-edit:hover {
  color: var(--kpi-primary) !important;
}
html[data-theme=dark] .agent-briefings__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .memory-intro__icon {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .memory-intro__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .memory-intro__desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .memory-map-container {
  background: linear-gradient(135deg, var(--kpi-bg-surface-2) 0%, var(--kpi-bg-surface) 100%) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .memory-item {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .memory-item:hover {
  border-color: var(--kpi-border-strong, var(--kpi-border)) !important;
}
html[data-theme=dark] .memory-item__reinforced-badge {
  background: color-mix(in srgb, #f59e0b 18%, transparent) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .memory-item__date,
html[data-theme=dark] .memory-item__reinforced-date {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .memory-item__delete {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .memory-item__delete:hover {
  color: #fca5a5 !important;
  background: color-mix(in srgb, #f56c6c 18%, transparent) !important;
}
html[data-theme=dark] .memory-item__content {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .memory-item__confidence-label {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .memory-admin__job {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .memory-admin__job-name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .memory-admin__job-desc {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .memory-empty__icon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .memory-empty__title {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .memory-empty__desc {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__intro-icon {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__intro-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__intro-desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .roi-panel__empty h4 {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__empty p {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__empty-icon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__card {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .roi-panel__card--primary {
  background: linear-gradient(135deg, color-mix(in srgb, #0ea5e9 14%, var(--kpi-bg-surface)), var(--kpi-bg-surface-2)) !important;
  border-color: color-mix(in srgb, #0ea5e9 45%, transparent) !important;
}
html[data-theme=dark] .roi-panel__card-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__card-label {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .roi-panel__card-info {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__stat {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .roi-panel__stat-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__stat-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__dismissed {
  background: color-mix(in srgb, #f59e0b 12%, transparent) !important;
  border-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
}
html[data-theme=dark] .roi-panel__dismissed-note {
  color: #fcd34d !important;
}
html[data-theme=dark] .roi-panel__section-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__trend {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .roi-panel__trend-value {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .roi-panel__trend-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .roi-panel__footer {
  border-top-color: var(--kpi-border) !important;
}
html[data-theme=dark] .roi-panel__footer-text {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .roi-panel__footer-disclaimer {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wa-template-card__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wa-template-card__desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wa-template-card__state--disconnected {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
  border-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .wa-template-card__link {
  color: #93c5fd !important;
}
html[data-theme=dark] .wa-template-card__loading {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wa-template-card__generating {
  background: color-mix(in srgb, #16a34a 14%, transparent) !important;
  border-color: color-mix(in srgb, #16a34a 45%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .wa-template-card__name-label {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wa-template-card__code {
  background: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wa-template-card__copy-btn {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wa-template-card__copy-btn:hover {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wa-template-card__why {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .wa-template-card__why-icon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wa-template-card__why-text {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wa-template-card__info-banner {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
  border-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .wa-template-card__lang-alert {
  background: color-mix(in srgb, #3b82f6 14%, transparent) !important;
  border-color: color-mix(in srgb, #3b82f6 45%, transparent) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .wa-template-card__lang-alert-action {
  color: #93c5fd !important;
}
html[data-theme=dark] .wa-template-card__lang-alert-action:hover {
  color: #bfdbfe !important;
}
html[data-theme=dark] .wa-preview__vars-legend {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .wa-preview__var-arrow {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wa-preview__var-label {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .config-section {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .config-section__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .config-section__subtitle {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .state-badge--active {
  background: color-mix(in srgb, #16a34a 18%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .state-badge--configured {
  background: color-mix(in srgb, #f59e0b 18%, transparent) !important;
  color: #fcd34d !important;
}
html[data-theme=dark] .state-badge--not_configured {
  background: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .state-badge--failed {
  background: color-mix(in srgb, #dc2626 18%, transparent) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .state-badge--coming_soon {
  background: var(--kpi-bg-surface-2) !important;
  color: var(--kpi-text-muted) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .channel-card {
  background: var(--kpi-bg-surface) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .channel-card--clickable:hover {
  border-color: var(--kpi-border-strong, var(--kpi-border)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme=dark] .channel-card--active {
  border-color: color-mix(in srgb, #16a34a 45%, transparent) !important;
}
html[data-theme=dark] .channel-card--active.channel-card--clickable:hover {
  border-color: color-mix(in srgb, #16a34a 65%, transparent) !important;
}
html[data-theme=dark] .channel-card--failed {
  border-color: color-mix(in srgb, #dc2626 45%, transparent) !important;
}
html[data-theme=dark] .channel-card--failed.channel-card--clickable:hover {
  border-color: color-mix(in srgb, #dc2626 65%, transparent) !important;
}
html[data-theme=dark] .channel-card--soon {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .channel-card--soon .channel-card__name,
html[data-theme=dark] .channel-card--soon .channel-card__description {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .channel-card__name {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .channel-card__description {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .channel-card__meta {
  background: var(--kpi-bg-surface-2) !important;
}
html[data-theme=dark] .channel-card__meta-row {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .channel-card__meta-icon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .channel-card__issue {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .channel-card__cta {
  background: var(--kpi-primary) !important;
  color: var(--kpi-text-inverse) !important;
}
html[data-theme=dark] .channel-card__cta--ghost {
  background: transparent !important;
  color: #fca5a5 !important;
  border-color: color-mix(in srgb, #dc2626 40%, transparent) !important;
}
html[data-theme=dark] .channel-card__cta--ghost:hover {
  background: color-mix(in srgb, #dc2626 14%, transparent) !important;
  border-color: color-mix(in srgb, #dc2626 60%, transparent) !important;
}
html[data-theme=dark] .channel-card__soon {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .channels-config-page__hero {
  background: linear-gradient(135deg, color-mix(in srgb, #6366f1 12%, var(--kpi-bg-surface)) 0%, color-mix(in srgb, #a855f7 12%, var(--kpi-bg-surface)) 60%, color-mix(in srgb, #d946ef 12%, var(--kpi-bg-surface)) 100%) !important;
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .channels-config-page__hero-subtitle {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .channels-config-page__blob {
  opacity: 0.25 !important;
}
html[data-theme=dark] .channels-config-page__stat {
  background: var(--kpi-bg-surface-2) !important;
  border-color: var(--kpi-border) !important;
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .channels-config-page__stat strong {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .channels-config-page__stat i {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .channels-config-page__stat--active strong {
  color: #86efac !important;
}
html[data-theme=dark] .channels-config-page__empty {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .connect-wizard__split {
  border-color: var(--kpi-border) !important;
}
html[data-theme=dark] .connect-wizard__action {
  background: var(--kpi-bg-surface) !important;
}
html[data-theme=dark] .connect-wizard__action-title,
html[data-theme=dark] .connect-wizard__polling-title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .connect-wizard__action-desc,
html[data-theme=dark] .connect-wizard__polling-msg {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .connect-wizard__feature {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .connect-wizard__feature-check,
html[data-theme=dark] .connect-wizard__polling-ring {
  background: color-mix(in srgb, #16a34a 22%, transparent) !important;
}
html[data-theme=dark] .connect-wizard__feature-check i,
html[data-theme=dark] .connect-wizard__polling-ring {
  color: #86efac !important;
}
html[data-theme=dark] .wcd-header__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wcd-header__desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wcd-reconnect__icon {
  background: color-mix(in srgb, #25d366 18%, transparent) !important;
  color: #86efac !important;
}
html[data-theme=dark] .wcd-reconnect__title {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wcd-reconnect__desc {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wcd-reconnect__btn-secondary {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .wcd-reconnect__btn-secondary:hover {
  color: var(--kpi-text-primary) !important;
}
html[data-theme=dark] .wcd-content__back-btn {
  color: var(--kpi-text-muted) !important;
}
html[data-theme=dark] .wcd-content__back-btn:hover {
  color: var(--kpi-text-secondary) !important;
}
html[data-theme=dark] .whatsapp-channel-dialog .el-dialog__header {
  border-bottom-color: var(--kpi-border) !important;
}
html[data-theme=dark] .copilot-drawer-title-img {
  background: transparent !important;
}

.el-tooltip__popper.is-dark,
.el-tooltip__popper[x-placement] {
  background: var(--kpi-bg-tooltip) !important;
  color: var(--kpi-text-on-tooltip) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.fkpi-tooltip .content {
  scrollbar-color: var(--kpi-bg-tooltip-track) var(--kpi-bg-tooltip) !important;
}

.anna-beta-badge {
  font-size: 9px;
  font-weight: 700;
  color: #7c3aed;
  background: rgba(109, 40, 217, 0.1);
  border: 1px solid rgba(109, 40, 217, 0.25);
  border-radius: 4px;
  padding: 1px 5px;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
html[data-theme=dark] .anna-beta-badge {
  color: #c4b5fd;
  background: rgba(196, 181, 253, 0.12);
  border-color: rgba(196, 181, 253, 0.3);
}

body.is-reflow-locked {
  overflow: hidden;
}
body.is-reflow-locked .dashboard {
  overflow: hidden;
}

.reflow-lock {
  position: fixed;
  inset: 0;
  z-index: 3100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.55);
}

.reflow-lock__text {
  margin: 0;
  max-width: 34ch;
  text-align: center;
  font-size: 15px;
  line-height: 1.45;
  color: #f2fbfc;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.reflow-lock__spinner {
  width: 46px;
  height: 46px;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #37c0da;
  border-radius: 50%;
  animation: reflow-spin 0.85s linear infinite;
}

@keyframes reflow-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .reflow-lock__spinner {
    animation-duration: 2.4s;
  }
}
.rail-scroll-hint {
  position: fixed;
  z-index: 1200;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.14s ease;
}

.rail-scroll-hint.is-live {
  opacity: 0.6;
}

.rail-scroll-hint.is-armed {
  opacity: 1;
}

.rail-scroll-hint__up,
.rail-scroll-hint__down {
  height: var(--rail-zone, 70px);
  position: relative;
}

.rail-scroll-hint__up {
  background: linear-gradient(to top, transparent, rgba(55, 192, 218, 0.22));
}

.rail-scroll-hint__down {
  background: linear-gradient(to bottom, transparent, rgba(55, 192, 218, 0.22));
}

.rail-scroll-hint[data-dir=up] .rail-scroll-hint__up {
  background: linear-gradient(to top, transparent, rgba(55, 192, 218, 0.5));
}

.rail-scroll-hint[data-dir=down] .rail-scroll-hint__down {
  background: linear-gradient(to bottom, transparent, rgba(55, 192, 218, 0.5));
}

.rail-scroll-hint__up::after,
.rail-scroll-hint__down::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-top: 2px solid #37c0da;
  border-right: 2px solid #37c0da;
}

.rail-scroll-hint__up::after {
  top: 16px;
  transform: rotate(-45deg);
}

.rail-scroll-hint__down::after {
  bottom: 16px;
  transform: rotate(135deg);
}

.rail-scroll-hint__text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 3px 12px;
  border-radius: 999px;
  background: #37c0da;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #04262b;
}

.rail-scroll-hint__up .rail-scroll-hint__text {
  top: 34px;
}

.rail-scroll-hint__down .rail-scroll-hint__text {
  bottom: 34px;
}

.fkpi-tour {
  position: fixed;
  inset: 0;
  z-index: 3200;
  pointer-events: none;
}

.fkpi-tour.is-blocked {
  display: none;
}

.fkpi-tour__blocker {
  position: fixed;
  pointer-events: auto;
  background: transparent;
}
.fkpi-tour__blocker--full {
  inset: 0;
}
.fkpi-tour__blocker.is-opaque {
  background: var(--kpi-tour-veil);
}

.fkpi-tour__spotlight {
  position: fixed;
  pointer-events: none;
  border-radius: 10px;
  box-shadow: 0 0 0 9999px var(--kpi-tour-veil), inset 0 0 0 2px var(--kpi-tour-ring);
  transition: top 0.22s ease, left 0.22s ease, width 0.22s ease, height 0.22s ease;
}

.fkpi-tour__card {
  position: fixed;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  width: var(--kpi-tour-card-width);
  max-width: calc(100vw - 24px);
  background-color: var(--kpi-bg-surface);
  color: var(--kpi-text-primary);
  border: 1px solid var(--kpi-border);
  border-radius: 12px;
  box-shadow: var(--kpi-shadow-sm);
  animation: fkpiTourPop 0.22s ease;
  transition: top 0.22s ease, left 0.22s ease, opacity 0.18s ease;
}

@keyframes fkpiTourPop {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
}
.fkpi-tour__arrow {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  transform: rotate(45deg);
}

.fkpi-tour__card--bottom .fkpi-tour__arrow {
  top: -7px;
  margin-left: -6px;
  border-right: 0;
  border-bottom: 0;
}

.fkpi-tour__card--top .fkpi-tour__arrow {
  bottom: -7px;
  margin-left: -6px;
  border-left: 0;
  border-top: 0;
}

.fkpi-tour__card--right .fkpi-tour__arrow {
  left: -7px;
  margin-top: -6px;
  border-top: 0;
  border-right: 0;
}

.fkpi-tour__card--left .fkpi-tour__arrow {
  right: -7px;
  margin-top: -6px;
  border-bottom: 0;
  border-left: 0;
}

.fkpi-tour__figure {
  margin: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 11px 11px 0 0;
  background-color: var(--kpi-bg-surface-2);
  border-bottom: 1px solid var(--kpi-border-light);
}
.fkpi-tour__figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fkpi-tour__header {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 14px 0;
}

.fkpi-tour__title {
  flex: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--kpi-text-primary);
}

.fkpi-tour__body {
  padding: 8px 14px 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
}
.fkpi-tour__body p {
  margin: 0 0 0.5em;
}
.fkpi-tour__body p:last-child {
  margin-bottom: 0;
}

.fkpi-tour__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-top: 1px solid var(--kpi-border-light);
}

.fkpi-tour__progress {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.fkpi-tour__counter {
  font-size: 11px;
  color: var(--kpi-text-muted);
}

.fkpi-tour__dots {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.fkpi-tour__dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: var(--kpi-border-strong);
  cursor: pointer;
}
.fkpi-tour__dot.is-current {
  background-color: var(--kpi-text-brand);
  transform: scale(1.35);
}

.fkpi-tour__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fkpi-tour__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background-color: var(--kpi-bg-surface);
  color: var(--kpi-text-secondary);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.fkpi-tour__icon-button:hover {
  background-color: var(--kpi-bg-surface-2);
  color: var(--kpi-text-primary);
}
.fkpi-tour__icon-button--primary {
  border-color: var(--kpi-text-brand);
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
}
.fkpi-tour__icon-button--primary:hover {
  background-color: var(--kpi-secondary);
  color: var(--kpi-text-inverse);
}

.fkpi-tour__close {
  width: 26px;
  height: 26px;
  border-color: transparent;
  background-color: transparent;
}

.fkpi-tour__primary-button {
  padding: 0 14px;
  height: 30px;
  border: 1px solid var(--kpi-text-brand);
  border-radius: 8px;
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.fkpi-tour__primary-button:hover {
  background-color: var(--kpi-secondary);
}

.fkpi-tour__text-button {
  padding: 0 6px;
  height: 30px;
  border: 0;
  background: transparent;
  color: var(--kpi-text-muted);
  font-size: 12px;
  cursor: pointer;
}
.fkpi-tour__text-button:hover {
  color: var(--kpi-text-primary);
}

body.is-tour-active .el-popper,
body.is-tour-active .el-popover,
body.is-tour-active .el-select-dropdown,
body.is-tour-active .el-dropdown-menu {
  z-index: 3150 !important;
}

@media (max-width: 768px) {
  .fkpi-tour__card {
    top: auto !important;
    left: 0 !important;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 12px 12px 0 0;
  }
  .fkpi-tour__arrow {
    display: none;
  }
}
/**
 * Vertical — shared primitives.
 *
 * There is deliberately no Vertical palette. Every surface, text and border colour comes from
 * the app's own semantic tokens (`--kpi-*`, see `DARK_MODE.md`), so the panel matches the rest
 * of the backoffice and follows the user's light/dark choice without a second definition to
 * keep in sync. Element UI is left alone for the same reason: `_dark-mode.scss` already owns it.
 *
 * What lives here is only what the panel adds: dense rows, section rules, and tabular numerals.
 */
.v-app {
  --v-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  background: var(--kpi-bg-app);
  color: var(--kpi-text-primary);
  min-height: 100dvh;
  /**
   * Density.
   *
   * Element's `mini` still produces a table where five rows fill a screen, and this is a panel for
   * reading hundreds of them. The header gets room because it carries two lines — the name with its
   * sort arrow, then the column's filter — and the body rows do not.
   */
}
.v-app a {
  color: inherit;
  text-decoration: none;
}
.v-app .el-table td.el-table__cell {
  padding: 6px 0;
}
.v-app .el-table th.el-table__cell {
  padding: 8px 0 6px;
  vertical-align: top;
}
.v-app .el-table .cell {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.4;
}
.v-app .el-table th.el-table__cell > .cell {
  word-break: normal;
}
.v-app .el-table .caret-wrapper {
  display: none;
}

/** Section label. The rule runs to the edge and the count rides on it. */
.v-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kpi-text-secondary);
  white-space: nowrap;
}
.v-eyebrow::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--kpi-border);
}
.v-eyebrow > .v-eyebrow__n {
  font-family: var(--v-mono);
  letter-spacing: 0;
  color: var(--kpi-text-muted);
}
.v-eyebrow > .v-eyebrow__aside {
  order: 3;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 11px;
  color: var(--kpi-text-muted);
}

/** Every number in the panel. Tabular so columns of digits line up down the page. */
.v-num {
  font-family: var(--v-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

.v-dim {
  color: var(--kpi-text-secondary);
}

.v-faint {
  color: var(--kpi-text-muted);
}

.v-ok {
  color: var(--kpi-pos);
}

.v-warn {
  color: var(--kpi-warn);
}

.v-bad {
  color: var(--kpi-neg);
}

/** Dense list. Rows and hairlines, no cards. */
.v-rows {
  display: flex;
  flex-direction: column;
}
.v-rows__row {
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--kpi-border-light);
  font-size: 12.5px;
  line-height: 1.35;
}
.v-rows__row:hover {
  background: var(--kpi-bg-surface-2);
}
.v-rows__row.is-head {
  padding-top: 0;
  padding-bottom: 5px;
  border-bottom-color: var(--kpi-border);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kpi-text-muted);
}
.v-rows__row.is-head:hover {
  background: none;
}
.v-rows__main {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-rows__sub {
  display: block;
  font-size: 11px;
  color: var(--kpi-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** Status pill. The colour is the message, so the shape stays out of the way. */
.v-tag {
  display: inline-block;
  padding: 2px 5px;
  font-family: var(--v-mono);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  border: 1px solid currentColor;
  color: var(--kpi-text-muted);
}
.v-tag.is-ok {
  color: var(--kpi-pos);
}
.v-tag.is-warn {
  color: var(--kpi-warn);
}
.v-tag.is-bad {
  color: var(--kpi-neg);
}

/** A field of digits with its label underneath, for the strip under the fleet. */
.v-stat__v {
  display: block;
  font-family: var(--v-mono);
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.v-stat__k {
  display: block;
  margin-top: 3px;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kpi-text-muted);
}

/**
 * Vertical — shadcn-flavoured primitives.
 *
 * shadcn/ui is React + Tailwind and neither is installed here (`tailwind.config.js` is an unused
 * stub), so what is adopted is the visual language, not the library: one radius used everywhere, a
 * hairline border rather than a shadow to separate surfaces, muted foreground for anything
 * secondary, and a focus ring that is the only saturated thing on the page.
 *
 * Colour still comes from the app's own `--kpi-*` tokens. Inventing a palette here is what went
 * wrong the first time; shadcn's neutrals map onto the ones this backoffice already has, so the
 * panel keeps following the user's light/dark choice and the chain's brand colour.
 */
/**
 * La tipografía del panel.
 *
 * Sora, auto-alojada y no enlazada al CDN de Google, por tres motivos: una petición a un tercero
 * en cada carga (DNS + TLS antes de que la fuente empiece siquiera a bajar), el rastreo de IPs de
 * usuarios europeos que eso implica, y que el repositorio ya sirve Inter desde `public/fonts/`.
 * Un fichero de 33 KB desde el mismo origen es más rápido y no pide permiso a nadie.
 *
 * `font-display: swap` para que el texto se lea desde el primer frame con la fuente de respaldo.
 * La declaración vive en esta hoja, que sólo carga Vertical: el resto de la aplicación sigue con
 * Inter y no descarga nada.
 */
@font-face {
  font-family: "Sora";
  src: url("/fonts/Sora-Variable.woff2") format("woff2-variations");
  font-weight: 100 800;
  font-display: swap;
}
/**
 * Los tokens viven en `:root` y no en `.v-app`.
 *
 * Los popovers y desplegables de Element se montan en `body`, fuera del contenedor del panel:
 * definidos en `.v-app` no llegaban a ellos y cada `var()` de esas capas resolvía a nada. Nada
 * fuera de Vertical los lee.
 */
:root {
  --ui-radius: 8px;
  --ui-radius-sm: 6px;
  --ui-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  --ui-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 8%), 0 2px 4px -2px rgb(0 0 0 / 4%);
  /**
   * El acento del panel.
   *
   * `--kpi-text-brand` resuelve a `--kpi-primary` (#082f49) también en oscuro: un azul casi
   * negro, invisible sobre una superficie oscura. La aplicación ya conoce el problema —lo
   * documenta en `_dark-mode.scss` para los botones— y su respuesta para la marca sobre oscuro
   * es `#38bdf8`, la misma que usa `MainLayout` para el logo.
   */
  --v-accent: var(--kpi-text-brand);
  --ui-ring: color-mix(in srgb, var(--v-accent) 40%, transparent);
}

html[data-theme=dark] {
  --v-accent: #38bdf8;
}

.v-app {
  font-family: "Kibo BI", "Kibo", "Sora", "Inter", system-ui, sans-serif;
}

/** The container everything else sits in. */
.ui-card {
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border-light);
  border-radius: var(--ui-radius);
  box-shadow: var(--ui-shadow);
  /** Muted foreground: the shadcn tell for anything that is not the point of the card. */
}
.ui-card.is-interactive {
  transition: border-color 0.12s, box-shadow 0.12s;
}
.ui-card.is-interactive:hover {
  border-color: var(--kpi-border-strong);
  box-shadow: var(--ui-shadow-md);
}
.ui-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 10px;
}
.ui-card__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--kpi-text-primary);
}
.ui-card__desc {
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--kpi-text-muted);
}
.ui-card__content {
  padding: 0 16px 14px;
}
.ui-card__content.is-flush {
  padding: 0;
}

/** A number with its label, the way shadcn stacks a stat. */
.ui-stat {
  padding: 14px 16px;
  /** Marks the one figure on a scoped screen that is still counted across the whole fleet. */
}
.ui-stat__label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--kpi-text-muted);
}
.ui-stat__value {
  display: block;
  margin-top: 4px;
  font-family: var(--v-mono);
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--kpi-text-primary);
}
.ui-stat__hint {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  color: var(--kpi-text-muted);
}
.ui-stat__scope {
  margin-left: 5px;
  padding: 1px 5px;
  border: 1px solid var(--kpi-border-secondary);
  border-radius: var(--ui-radius-sm);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--kpi-text-muted);
}

/** Small, bordered, uppercase-free — shadcn badges read as labels, not as alarms. */
.ui-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
  background: var(--kpi-bg-surface-2);
  color: var(--kpi-text-secondary);
}
.ui-badge.is-ok {
  background: color-mix(in srgb, var(--kpi-pos) 12%, transparent);
  color: var(--kpi-pos);
}
.ui-badge.is-warn {
  background: color-mix(in srgb, var(--kpi-warn) 14%, transparent);
  color: var(--kpi-warn);
}
.ui-badge.is-bad {
  background: color-mix(in srgb, var(--kpi-neg) 12%, transparent);
  color: var(--kpi-neg);
}
.ui-badge.is-outline {
  background: none;
  border-color: var(--kpi-border);
}

.ui-muted {
  color: var(--kpi-text-muted);
}

/** Element UI, dressed to match. Without this the native controls fight the cards. */
.v-app {
  /** Tabs as a muted strip with the active one raised, which is the shadcn signature. */
  /** Rows separated by one hairline and nothing else; no vertical rules, no zebra. */
}
.v-app .el-button {
  height: 30px;
  padding: 0 12px;
  border-radius: var(--ui-radius-sm);
  border-color: var(--kpi-border);
  background: var(--kpi-bg-surface);
  color: var(--kpi-text-primary);
  font-size: 12.5px;
  font-weight: 500;
  box-shadow: var(--ui-shadow);
}
.v-app .el-button:hover, .v-app .el-button:focus {
  background: var(--kpi-bg-surface-2);
  border-color: var(--kpi-border-strong);
  color: var(--kpi-text-primary);
}
.v-app .el-button.el-button--mini {
  height: 28px;
  padding: 0 10px;
}
.v-app .el-input__inner,
.v-app .el-textarea__inner {
  border-radius: var(--ui-radius-sm);
  border-color: var(--kpi-border);
  background: var(--kpi-bg-surface);
  font-size: 12.5px;
}
.v-app .el-input__inner:focus,
.v-app .el-textarea__inner:focus {
  border-color: var(--v-accent);
  box-shadow: 0 0 0 3px var(--ui-ring);
}
.v-app .el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.v-app .el-tabs__header {
  margin-bottom: 14px;
  border: 0;
}
.v-app .el-tabs__nav-wrap::after {
  display: none;
}
.v-app .el-tabs__nav {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: var(--kpi-bg-surface-2);
  border: 1px solid var(--kpi-border-light);
  border-radius: var(--ui-radius);
}
.v-app .el-tabs__active-bar {
  display: none;
}
.v-app .el-tabs__item {
  height: 28px;
  padding: 0 12px !important;
  border-radius: var(--ui-radius-sm);
  color: var(--kpi-text-muted);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 28px;
}
.v-app .el-tabs__item:hover {
  color: var(--kpi-text-primary);
}
.v-app .el-tabs__item.is-active {
  background: var(--kpi-bg-surface);
  color: var(--kpi-text-primary);
  box-shadow: var(--ui-shadow);
}
.v-app .el-table {
  font-size: 12.5px;
}
.v-app .el-table::before {
  display: none;
}
.v-app .el-table th.el-table__cell {
  background: transparent;
  border-bottom: 1px solid var(--kpi-border);
  color: var(--kpi-text-muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}
.v-app .el-table td.el-table__cell {
  border-bottom: 1px solid var(--kpi-border-light);
}
.v-app .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: var(--kpi-bg-surface-2);
}
.v-app .el-pagination {
  font-size: 12.5px;
}
.v-app .el-pagination button,
.v-app .el-pagination .el-pager li {
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--ui-radius-sm);
  background: transparent;
  color: var(--kpi-text-secondary);
  font-weight: 500;
}
.v-app .el-pagination button:hover,
.v-app .el-pagination .el-pager li:hover {
  background: var(--kpi-bg-surface-2);
  color: var(--kpi-text-primary);
}
.v-app .el-pagination .el-pager li.active {
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  color: var(--kpi-text-primary);
}
.v-app .el-popover {
  border-radius: var(--ui-radius);
  border-color: var(--kpi-border);
  box-shadow: var(--ui-shadow-md);
}

/**
 * El popover del alcance se monta en `body`, fuera de `.v-app`, así que no hereda ni los tokens ni
 * la tipografía del panel. Es la única regla del módulo que vive fuera de ese contenedor, y por eso
 * es la única que tiene que nombrarse a sí misma.
 */
.scopebar__popper.el-popover {
  padding: 8px;
  border-radius: var(--ui-radius);
  border-color: var(--kpi-border);
  background: var(--kpi-bg-surface);
  box-shadow: var(--ui-shadow-md);
  font-family: "Kibo BI", "Kibo", "Sora", "Inter", system-ui, sans-serif;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-VariableFont_slnt,wght.ttf");
  font-weight: 1 999;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  position: relative;
  min-width: 0;
}

*::-moz-selection {
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
}

*::selection {
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
}

body {
  min-height: 100dvh;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0.5em;
}

p {
  text-wrap: pretty;
}

.hidden {
  visibility: hidden;
}

#app-content {
  overflow-y: auto !important;
}

/* Works on Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: var(--kpi-text-brand) #f3f4f6;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  border-radius: 20px;
  background: var(--kpi-bg-elevated);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--kpi-text-brand);
  border-radius: 20px;
  border: none;
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
}

#left-side,
.top-left-side-menu,
.bottom-left-side-menu {
  background-color: transparent !important;
}

#left-side {
  background-color: var(--kpi-text-brand) !important;
}

#left-side .nav-bar-menu.el-menu-item.is-active,
#left-side .nav-bar-menu.el-menu-item:focus {
  background-color: var(--kpi-secondary) !important;
}

.nav-bar-menu:hover,
.nav-bar-submenu > .el-submenu__title:hover {
  background-color: var(--kpi-secondary) !important;
}

/* Meant to prevent text overflow on dropdown items in mobile mode */
@media (max-width: 768px) {
  .el-select-dropdown__item {
    white-space: normal !important;
    height: auto !important;
    overflow: auto !important;
    padding: 0 1rem;
  }
  .el-select-dropdown {
    max-width: 90% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}

html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}

html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

/* Ubicación de la fuente, obligatoria */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: "element-icons";
  src: url("https://pre.fitness-kpi.com/build/assets/element-icons-B-tDfklg.woff") format("woff"), url("https://pre.fitness-kpi.com/build/assets/element-icons-_lZGOqcG.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: "auto";
  font-style: normal;
}
[class^=el-icon-], [class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "element-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "\e6a0";
}

.el-icon-ice-cream-square:before {
  content: "\e6a3";
}

.el-icon-lollipop:before {
  content: "\e6a4";
}

.el-icon-potato-strips:before {
  content: "\e6a5";
}

.el-icon-milk-tea:before {
  content: "\e6a6";
}

.el-icon-ice-drink:before {
  content: "\e6a7";
}

.el-icon-ice-tea:before {
  content: "\e6a9";
}

.el-icon-coffee:before {
  content: "\e6aa";
}

.el-icon-orange:before {
  content: "\e6ab";
}

.el-icon-pear:before {
  content: "\e6ac";
}

.el-icon-apple:before {
  content: "\e6ad";
}

.el-icon-cherry:before {
  content: "\e6ae";
}

.el-icon-watermelon:before {
  content: "\e6af";
}

.el-icon-grape:before {
  content: "\e6b0";
}

.el-icon-refrigerator:before {
  content: "\e6b1";
}

.el-icon-goblet-square-full:before {
  content: "\e6b2";
}

.el-icon-goblet-square:before {
  content: "\e6b3";
}

.el-icon-goblet-full:before {
  content: "\e6b4";
}

.el-icon-goblet:before {
  content: "\e6b5";
}

.el-icon-cold-drink:before {
  content: "\e6b6";
}

.el-icon-coffee-cup:before {
  content: "\e6b8";
}

.el-icon-water-cup:before {
  content: "\e6b9";
}

.el-icon-hot-water:before {
  content: "\e6ba";
}

.el-icon-ice-cream:before {
  content: "\e6bb";
}

.el-icon-dessert:before {
  content: "\e6bc";
}

.el-icon-sugar:before {
  content: "\e6bd";
}

.el-icon-tableware:before {
  content: "\e6be";
}

.el-icon-burger:before {
  content: "\e6bf";
}

.el-icon-knife-fork:before {
  content: "\e6c1";
}

.el-icon-fork-spoon:before {
  content: "\e6c2";
}

.el-icon-chicken:before {
  content: "\e6c3";
}

.el-icon-food:before {
  content: "\e6c4";
}

.el-icon-dish-1:before {
  content: "\e6c5";
}

.el-icon-dish:before {
  content: "\e6c6";
}

.el-icon-moon-night:before {
  content: "\e6ee";
}

.el-icon-moon:before {
  content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}

.el-icon-partly-cloudy:before {
  content: "\e6f2";
}

.el-icon-cloudy:before {
  content: "\e6f3";
}

.el-icon-sunny:before {
  content: "\e6f6";
}

.el-icon-sunset:before {
  content: "\e6f7";
}

.el-icon-sunrise-1:before {
  content: "\e6f8";
}

.el-icon-sunrise:before {
  content: "\e6f9";
}

.el-icon-heavy-rain:before {
  content: "\e6fa";
}

.el-icon-lightning:before {
  content: "\e6fb";
}

.el-icon-light-rain:before {
  content: "\e6fc";
}

.el-icon-wind-power:before {
  content: "\e6fd";
}

.el-icon-baseball:before {
  content: "\e712";
}

.el-icon-soccer:before {
  content: "\e713";
}

.el-icon-football:before {
  content: "\e715";
}

.el-icon-basketball:before {
  content: "\e716";
}

.el-icon-ship:before {
  content: "\e73f";
}

.el-icon-truck:before {
  content: "\e740";
}

.el-icon-bicycle:before {
  content: "\e741";
}

.el-icon-mobile-phone:before {
  content: "\e6d3";
}

.el-icon-service:before {
  content: "\e6d4";
}

.el-icon-key:before {
  content: "\e6e2";
}

.el-icon-unlock:before {
  content: "\e6e4";
}

.el-icon-lock:before {
  content: "\e6e5";
}

.el-icon-watch:before {
  content: "\e6fe";
}

.el-icon-watch-1:before {
  content: "\e6ff";
}

.el-icon-timer:before {
  content: "\e702";
}

.el-icon-alarm-clock:before {
  content: "\e703";
}

.el-icon-map-location:before {
  content: "\e704";
}

.el-icon-delete-location:before {
  content: "\e705";
}

.el-icon-add-location:before {
  content: "\e706";
}

.el-icon-location-information:before {
  content: "\e707";
}

.el-icon-location-outline:before {
  content: "\e708";
}

.el-icon-location:before {
  content: "\e79e";
}

.el-icon-place:before {
  content: "\e709";
}

.el-icon-discover:before {
  content: "\e70a";
}

.el-icon-first-aid-kit:before {
  content: "\e70b";
}

.el-icon-trophy-1:before {
  content: "\e70c";
}

.el-icon-trophy:before {
  content: "\e70d";
}

.el-icon-medal:before {
  content: "\e70e";
}

.el-icon-medal-1:before {
  content: "\e70f";
}

.el-icon-stopwatch:before {
  content: "\e710";
}

.el-icon-mic:before {
  content: "\e711";
}

.el-icon-copy-document:before {
  content: "\e718";
}

.el-icon-full-screen:before {
  content: "\e719";
}

.el-icon-switch-button:before {
  content: "\e71b";
}

.el-icon-aim:before {
  content: "\e71c";
}

.el-icon-crop:before {
  content: "\e71d";
}

.el-icon-odometer:before {
  content: "\e71e";
}

.el-icon-time:before {
  content: "\e71f";
}

.el-icon-bangzhu:before {
  content: "\e724";
}

.el-icon-close-notification:before {
  content: "\e726";
}

.el-icon-microphone:before {
  content: "\e727";
}

.el-icon-turn-off-microphone:before {
  content: "\e728";
}

.el-icon-position:before {
  content: "\e729";
}

.el-icon-postcard:before {
  content: "\e72a";
}

.el-icon-message:before {
  content: "\e72b";
}

.el-icon-chat-line-square:before {
  content: "\e72d";
}

.el-icon-chat-dot-square:before {
  content: "\e72e";
}

.el-icon-chat-dot-round:before {
  content: "\e72f";
}

.el-icon-chat-square:before {
  content: "\e730";
}

.el-icon-chat-line-round:before {
  content: "\e731";
}

.el-icon-chat-round:before {
  content: "\e732";
}

.el-icon-set-up:before {
  content: "\e733";
}

.el-icon-turn-off:before {
  content: "\e734";
}

.el-icon-open:before {
  content: "\e735";
}

.el-icon-connection:before {
  content: "\e736";
}

.el-icon-link:before {
  content: "\e737";
}

.el-icon-cpu:before {
  content: "\e738";
}

.el-icon-thumb:before {
  content: "\e739";
}

.el-icon-female:before {
  content: "\e73a";
}

.el-icon-male:before {
  content: "\e73b";
}

.el-icon-guide:before {
  content: "\e73c";
}

.el-icon-news:before {
  content: "\e73e";
}

.el-icon-price-tag:before {
  content: "\e744";
}

.el-icon-discount:before {
  content: "\e745";
}

.el-icon-wallet:before {
  content: "\e747";
}

.el-icon-coin:before {
  content: "\e748";
}

.el-icon-money:before {
  content: "\e749";
}

.el-icon-bank-card:before {
  content: "\e74a";
}

.el-icon-box:before {
  content: "\e74b";
}

.el-icon-present:before {
  content: "\e74c";
}

.el-icon-sell:before {
  content: "\e6d5";
}

.el-icon-sold-out:before {
  content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
  content: "\e74d";
}

.el-icon-shopping-bag-1:before {
  content: "\e74e";
}

.el-icon-shopping-cart-2:before {
  content: "\e74f";
}

.el-icon-shopping-cart-1:before {
  content: "\e750";
}

.el-icon-shopping-cart-full:before {
  content: "\e751";
}

.el-icon-smoking:before {
  content: "\e752";
}

.el-icon-no-smoking:before {
  content: "\e753";
}

.el-icon-house:before {
  content: "\e754";
}

.el-icon-table-lamp:before {
  content: "\e755";
}

.el-icon-school:before {
  content: "\e756";
}

.el-icon-office-building:before {
  content: "\e757";
}

.el-icon-toilet-paper:before {
  content: "\e758";
}

.el-icon-notebook-2:before {
  content: "\e759";
}

.el-icon-notebook-1:before {
  content: "\e75a";
}

.el-icon-files:before {
  content: "\e75b";
}

.el-icon-collection:before {
  content: "\e75c";
}

.el-icon-receiving:before {
  content: "\e75d";
}

.el-icon-suitcase-1:before {
  content: "\e760";
}

.el-icon-suitcase:before {
  content: "\e761";
}

.el-icon-film:before {
  content: "\e763";
}

.el-icon-collection-tag:before {
  content: "\e765";
}

.el-icon-data-analysis:before {
  content: "\e766";
}

.el-icon-pie-chart:before {
  content: "\e767";
}

.el-icon-data-board:before {
  content: "\e768";
}

.el-icon-data-line:before {
  content: "\e76d";
}

.el-icon-reading:before {
  content: "\e769";
}

.el-icon-magic-stick:before {
  content: "\e76a";
}

.el-icon-coordinate:before {
  content: "\e76b";
}

.el-icon-mouse:before {
  content: "\e76c";
}

.el-icon-brush:before {
  content: "\e76e";
}

.el-icon-headset:before {
  content: "\e76f";
}

.el-icon-umbrella:before {
  content: "\e770";
}

.el-icon-scissors:before {
  content: "\e771";
}

.el-icon-mobile:before {
  content: "\e773";
}

.el-icon-attract:before {
  content: "\e774";
}

.el-icon-monitor:before {
  content: "\e775";
}

.el-icon-search:before {
  content: "\e778";
}

.el-icon-takeaway-box:before {
  content: "\e77a";
}

.el-icon-paperclip:before {
  content: "\e77d";
}

.el-icon-printer:before {
  content: "\e77e";
}

.el-icon-document-add:before {
  content: "\e782";
}

.el-icon-document:before {
  content: "\e785";
}

.el-icon-document-checked:before {
  content: "\e786";
}

.el-icon-document-copy:before {
  content: "\e787";
}

.el-icon-document-delete:before {
  content: "\e788";
}

.el-icon-document-remove:before {
  content: "\e789";
}

.el-icon-tickets:before {
  content: "\e78b";
}

.el-icon-folder-checked:before {
  content: "\e77f";
}

.el-icon-folder-delete:before {
  content: "\e780";
}

.el-icon-folder-remove:before {
  content: "\e781";
}

.el-icon-folder-add:before {
  content: "\e783";
}

.el-icon-folder-opened:before {
  content: "\e784";
}

.el-icon-folder:before {
  content: "\e78a";
}

.el-icon-edit-outline:before {
  content: "\e764";
}

.el-icon-edit:before {
  content: "\e78c";
}

.el-icon-date:before {
  content: "\e78e";
}

.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}

.el-icon-view:before {
  content: "\e6ce";
}

.el-icon-loading:before {
  content: "\e6cf";
}

.el-icon-rank:before {
  content: "\e6d1";
}

.el-icon-sort-down:before {
  content: "\e7c4";
}

.el-icon-sort-up:before {
  content: "\e7c5";
}

.el-icon-sort:before {
  content: "\e6d2";
}

.el-icon-finished:before {
  content: "\e6cd";
}

.el-icon-refresh-left:before {
  content: "\e6c7";
}

.el-icon-refresh-right:before {
  content: "\e6c8";
}

.el-icon-refresh:before {
  content: "\e6d0";
}

.el-icon-video-play:before {
  content: "\e7c0";
}

.el-icon-video-pause:before {
  content: "\e7c1";
}

.el-icon-d-arrow-right:before {
  content: "\e6dc";
}

.el-icon-d-arrow-left:before {
  content: "\e6dd";
}

.el-icon-arrow-up:before {
  content: "\e6e1";
}

.el-icon-arrow-down:before {
  content: "\e6df";
}

.el-icon-arrow-right:before {
  content: "\e6e0";
}

.el-icon-arrow-left:before {
  content: "\e6de";
}

.el-icon-top-right:before {
  content: "\e6e7";
}

.el-icon-top-left:before {
  content: "\e6e8";
}

.el-icon-top:before {
  content: "\e6e6";
}

.el-icon-bottom:before {
  content: "\e6eb";
}

.el-icon-right:before {
  content: "\e6e9";
}

.el-icon-back:before {
  content: "\e6ea";
}

.el-icon-bottom-right:before {
  content: "\e6ec";
}

.el-icon-bottom-left:before {
  content: "\e6ed";
}

.el-icon-caret-top:before {
  content: "\e78f";
}

.el-icon-caret-bottom:before {
  content: "\e790";
}

.el-icon-caret-right:before {
  content: "\e791";
}

.el-icon-caret-left:before {
  content: "\e792";
}

.el-icon-d-caret:before {
  content: "\e79a";
}

.el-icon-share:before {
  content: "\e793";
}

.el-icon-menu:before {
  content: "\e798";
}

.el-icon-s-grid:before {
  content: "\e7a6";
}

.el-icon-s-check:before {
  content: "\e7a7";
}

.el-icon-s-data:before {
  content: "\e7a8";
}

.el-icon-s-opportunity:before {
  content: "\e7aa";
}

.el-icon-s-custom:before {
  content: "\e7ab";
}

.el-icon-s-claim:before {
  content: "\e7ad";
}

.el-icon-s-finance:before {
  content: "\e7ae";
}

.el-icon-s-comment:before {
  content: "\e7af";
}

.el-icon-s-flag:before {
  content: "\e7b0";
}

.el-icon-s-marketing:before {
  content: "\e7b1";
}

.el-icon-s-shop:before {
  content: "\e7b4";
}

.el-icon-s-open:before {
  content: "\e7b5";
}

.el-icon-s-management:before {
  content: "\e7b6";
}

.el-icon-s-ticket:before {
  content: "\e7b7";
}

.el-icon-s-release:before {
  content: "\e7b8";
}

.el-icon-s-home:before {
  content: "\e7b9";
}

.el-icon-s-promotion:before {
  content: "\e7ba";
}

.el-icon-s-operation:before {
  content: "\e7bb";
}

.el-icon-s-unfold:before {
  content: "\e7bc";
}

.el-icon-s-fold:before {
  content: "\e7a9";
}

.el-icon-s-platform:before {
  content: "\e7bd";
}

.el-icon-s-order:before {
  content: "\e7be";
}

.el-icon-s-cooperation:before {
  content: "\e7bf";
}

.el-icon-bell:before {
  content: "\e725";
}

.el-icon-message-solid:before {
  content: "\e799";
}

.el-icon-video-camera:before {
  content: "\e772";
}

.el-icon-video-camera-solid:before {
  content: "\e796";
}

.el-icon-camera:before {
  content: "\e779";
}

.el-icon-camera-solid:before {
  content: "\e79b";
}

.el-icon-download:before {
  content: "\e77c";
}

.el-icon-upload2:before {
  content: "\e77b";
}

.el-icon-upload:before {
  content: "\e7c3";
}

.el-icon-picture-outline-round:before {
  content: "\e75f";
}

.el-icon-picture-outline:before {
  content: "\e75e";
}

.el-icon-picture:before {
  content: "\e79f";
}

.el-icon-close:before {
  content: "\e6db";
}

.el-icon-check:before {
  content: "\e6da";
}

.el-icon-plus:before {
  content: "\e6d9";
}

.el-icon-minus:before {
  content: "\e6d8";
}

.el-icon-help:before {
  content: "\e73d";
}

.el-icon-s-help:before {
  content: "\e7b3";
}

.el-icon-circle-close:before {
  content: "\e78d";
}

.el-icon-circle-check:before {
  content: "\e720";
}

.el-icon-circle-plus-outline:before {
  content: "\e723";
}

.el-icon-remove-outline:before {
  content: "\e722";
}

.el-icon-zoom-out:before {
  content: "\e776";
}

.el-icon-zoom-in:before {
  content: "\e777";
}

.el-icon-error:before {
  content: "\e79d";
}

.el-icon-success:before {
  content: "\e79c";
}

.el-icon-circle-plus:before {
  content: "\e7a0";
}

.el-icon-remove:before {
  content: "\e7a2";
}

.el-icon-info:before {
  content: "\e7a1";
}

.el-icon-question:before {
  content: "\e7a4";
}

.el-icon-warning-outline:before {
  content: "\e6c9";
}

.el-icon-warning:before {
  content: "\e7a3";
}

.el-icon-goods:before {
  content: "\e7c2";
}

.el-icon-s-goods:before {
  content: "\e7b2";
}

.el-icon-star-off:before {
  content: "\e717";
}

.el-icon-star-on:before {
  content: "\e797";
}

.el-icon-more-outline:before {
  content: "\e6cc";
}

.el-icon-more:before {
  content: "\e794";
}

.el-icon-phone-outline:before {
  content: "\e6cb";
}

.el-icon-phone:before {
  content: "\e795";
}

.el-icon-user:before {
  content: "\e6e3";
}

.el-icon-user-solid:before {
  content: "\e7a5";
}

.el-icon-setting:before {
  content: "\e6ca";
}

.el-icon-s-tools:before {
  content: "\e7ac";
}

.el-icon-delete:before {
  content: "\e6d7";
}

.el-icon-delete-solid:before {
  content: "\e7c9";
}

.el-icon-eleme:before {
  content: "\e7c7";
}

.el-icon-platform-eleme:before {
  content: "\e7ca";
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #E4E7ED;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 40px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #082f49;
  background-color: #FFFFFF;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #F5F7FA;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: "element-icons";
  content: "\e6da";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #FFFFFF;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #F5F7FA;
}
.el-select-dropdown__item.selected {
  color: #082f49;
  font-weight: bold;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #E4E7ED;
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
}
.el-select .el-select__tags > span {
  display: contents;
}
.el-select:hover .el-input__inner {
  border-color: #C0C4CC;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #082f49;
}
.el-select .el-input .el-select__caret {
  color: #C0C4CC;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0deg);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #C0C4CC;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #E4E7ED;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #082f49;
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #C0C4CC;
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #C0C4CC;
  top: 0;
  color: #FFFFFF;
  flex-shrink: 0;
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}
.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #303133;
  font-weight: bold;
}
.el-pagination::before,
.el-pagination::after {
  display: table;
  content: "";
}

.el-pagination::after {
  clear: both;
}

.el-pagination span:not([class*=suffix]),
.el-pagination button {
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  box-sizing: border-box;
}
.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
  line-height: normal;
}
.el-pagination .el-input__suffix {
  right: 0;
  transform: scale(0.8);
}
.el-pagination .el-select .el-input {
  width: 100px;
  margin: 0 5px;
}
.el-pagination .el-select .el-input .el-input__inner {
  padding-right: 25px;
  border-radius: 3px;
}
.el-pagination button {
  border: none;
  padding: 0 6px;
  background: transparent;
}
.el-pagination button:focus {
  outline: none;
}
.el-pagination button:hover {
  color: #082f49;
}
.el-pagination button:disabled {
  color: #C0C4CC;
  background-color: #FFFFFF;
  cursor: not-allowed;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  background: center center no-repeat;
  background-size: 16px;
  background-color: #FFFFFF;
  cursor: pointer;
  margin: 0;
  color: #303133;
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.el-pagination .btn-prev {
  padding-right: 12px;
}
.el-pagination .btn-next {
  padding-left: 12px;
}
.el-pagination .el-pager li.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  min-width: 22px;
}
.el-pagination--small .arrow.disabled {
  visibility: hidden;
}
.el-pagination--small .more::before,
.el-pagination--small li.more::before {
  line-height: 24px;
}
.el-pagination--small span:not([class*=suffix]),
.el-pagination--small button {
  height: 22px;
  line-height: 22px;
}
.el-pagination--small .el-pagination__editor {
  height: 22px;
}
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
  height: 22px;
}

.el-pagination__sizes {
  margin: 0 10px 0 0;
  font-weight: normal;
  color: #606266;
}
.el-pagination__sizes .el-input .el-input__inner {
  font-size: 13px;
  padding-left: 8px;
}
.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #082f49;
}

.el-pagination__total {
  margin-right: 10px;
  font-weight: normal;
  color: #606266;
}

.el-pagination__jump {
  margin-left: 24px;
  font-weight: normal;
  color: #606266;
}
.el-pagination__jump .el-input__inner {
  padding: 0 3px;
}

.el-pagination__rightwrapper {
  float: right;
}

.el-pagination__editor {
  line-height: 18px;
  padding: 0 2px;
  height: 28px;
  text-align: center;
  margin: 0 2px;
  box-sizing: border-box;
  border-radius: 3px;
}
.el-pagination__editor.el-input {
  width: 50px;
}
.el-pagination__editor.el-input .el-input__inner {
  height: 28px;
}
.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 5px;
  background-color: #f4f4f5;
  color: #606266;
  min-width: 30px;
  border-radius: 2px;
}
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: #C0C4CC;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
  padding: 0;
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
  color: #C0C4CC;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #082f49;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #082f49;
  color: #FFFFFF;
}
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .el-pager li {
  margin: 0 3px;
  min-width: 22px;
}

.el-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.el-pager .more::before {
  line-height: 30px;
}
.el-pager li {
  padding: 0 4px;
  background: #FFFFFF;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  line-height: 28px;
  color: #303133;
}
.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
  color: #C0C4CC;
}
.el-pager li.btn-quickprev:hover {
  cursor: pointer;
}
.el-pager li.btn-quicknext:hover {
  cursor: pointer;
}
.el-pager li.active + li {
  border-left: 0;
}
.el-pager li:hover {
  color: #082f49;
}
.el-pager li.active {
  color: #082f49;
  cursor: default;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  width: 50%;
}
.el-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}

.el-dialog__header {
  padding: 20px;
  padding-bottom: 10px;
}

.el-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
}
.el-dialog__headerbtn .el-dialog__close {
  color: #909399;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: #082f49;
}

.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #303133;
}

.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}

.el-dialog__footer {
  padding: 20px;
  padding-top: 10px;
  text-align: right;
  box-sizing: border-box;
}

.el-dialog--center {
  text-align: center;
}
.el-dialog--center .el-dialog__body {
  text-align: initial;
  padding: 25px 25px 30px;
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit;
}

.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-autocomplete {
  position: relative;
  display: inline-block;
}

.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #E4E7ED;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: #606266;
  font-size: 14px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-autocomplete-suggestion li:hover {
  background-color: #F5F7FA;
}
.el-autocomplete-suggestion li.highlighted {
  background-color: #F5F7FA;
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #000000;
}
.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999;
}
.el-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #FFFFFF;
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #082f49;
  border-color: #b5c1c8;
  background-color: #e6eaed;
}
.el-button:active {
  color: #072a42;
  border-color: #072a42;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #082f49;
  color: #082f49;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: #072a42;
  color: #072a42;
  outline: none;
}

.el-button.is-active {
  color: #072a42;
  border-color: #072a42;
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: #39596d;
  border-color: #39596d;
  color: #FFFFFF;
}
.el-button--primary:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: #8497a4;
  border-color: #8497a4;
}
.el-button--primary.is-plain {
  color: #082f49;
  background: #e6eaed;
  border-color: #9cacb6;
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #082f49;
  border-color: #082f49;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: #6b8292;
  background-color: #e6eaed;
  border-color: #ced5db;
}

.el-button--success {
  color: #FFFFFF;
  background-color: #67C23A;
  border-color: #67C23A;
}
.el-button--success:hover, .el-button--success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #FFFFFF;
}
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #67C23A;
  border-color: #67C23A;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #E6A23C;
  border-color: #E6A23C;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #FFFFFF;
}
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #FFFFFF;
}
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #F56C6C;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #F56C6C;
  border-color: #F56C6C;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #FFFFFF;
}
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #082f49;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: #39596d;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #072a42;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
}
.el-dropdown .el-button-group {
  display: block;
}
.el-dropdown .el-button-group .el-button {
  float: none;
}
.el-dropdown .el-dropdown__caret-button {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  border-left: none;
}
.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: 5px;
  bottom: 5px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.el-dropdown .el-dropdown__caret-button.el-button--default::before {
  background: rgba(220, 223, 230, 0.5);
}
.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before {
  top: 0;
  bottom: 0;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0;
}
.el-dropdown__icon {
  font-size: 12px;
  margin: 0 3px;
}

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
  outline-width: 0;
}
.el-dropdown [disabled] {
  cursor: not-allowed;
  color: #bbb;
}

.el-dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px 0;
  margin: 5px 0;
  background-color: #FFFFFF;
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
  background-color: #e6eaed;
  color: #39596d;
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #EBEEF5;
}
.el-dropdown-menu__item--divided:before {
  content: "";
  height: 6px;
  display: block;
  margin: 0 -20px;
  background-color: #FFFFFF;
}

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bbb;
  pointer-events: none;
}

.el-dropdown-menu--medium {
  padding: 6px 0;
}
.el-dropdown-menu--medium .el-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
  font-size: 14px;
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 6px;
}
.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 6px;
  margin: 0 -17px;
}

.el-dropdown-menu--small {
  padding: 6px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  line-height: 27px;
  padding: 0 15px;
  font-size: 13px;
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 4px;
}
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 4px;
  margin: 0 -15px;
}

.el-dropdown-menu--mini {
  padding: 3px 0;
}
.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 3px;
}
.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 3px;
  margin: 0 -10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-menu {
  border-right: solid 1px #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #FFFFFF;
}
.el-menu::before,
.el-menu::after {
  display: table;
  content: "";
}

.el-menu::after {
  clear: both;
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #e6e6e6;
}
.el-menu--horizontal {
  border-right: none;
}
.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu {
  float: left;
}
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
  outline: none;
}
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #082f49;
  color: #303133;
}
.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #FFFFFF;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #909399;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: #303133;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #082f49;
  color: #303133;
}

.el-menu--collapse {
  width: 64px;
}
.el-menu--collapse > .el-menu-item [class^=el-icon-],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-submenu {
  min-width: 200px;
}
.el-menu--collapse .el-submenu {
  position: relative;
}
.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  z-index: 10;
  border: 1px solid #E4E7ED;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: none;
}

.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--popup-bottom-start {
  margin-top: 5px;
}
.el-menu--popup-right-start {
  margin-left: 5px;
  margin-right: 5px;
}

.el-menu-item {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: middle;
}
.el-menu-item i {
  color: #909399;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
  background-color: #e6eaed;
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-menu-item [class^=el-icon-] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: #082f49;
}
.el-menu-item.is-active i {
  color: inherit;
}

.el-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-submenu__title * {
  vertical-align: middle;
}
.el-submenu__title i {
  color: #909399;
}
.el-submenu__title:hover, .el-submenu__title:focus {
  outline: none;
  background-color: #e6eaed;
}
.el-submenu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-submenu__title:hover {
  background-color: #e6eaed;
}

.el-submenu .el-menu {
  border: none;
}
.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px;
}
.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform 0.3s;
  font-size: 12px;
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #082f49;
}

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(180deg);
}

.el-submenu.is-disabled .el-submenu__title,
.el-submenu.is-disabled .el-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-submenu [class^=el-icon-] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}

.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px 20px;
  line-height: normal;
  font-size: 12px;
  color: #909399;
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.el-input-number .el-input {
  display: block;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.el-input-number__increase, .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #F5F7FA;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: #082f49;
}
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #082f49;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #DCDFE6;
}

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #DCDFE6;
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: #E4E7ED;
  color: #E4E7ED;
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: #E4E7ED;
  cursor: not-allowed;
}

.el-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
  width: 36px;
  font-size: 14px;
}

.el-input-number--medium .el-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}

.el-input-number--small {
  width: 130px;
  line-height: 30px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 32px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number--small .el-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}

.el-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number--mini .el-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}

.el-input-number.is-without-controls .el-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #DCDFE6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #DCDFE6;
  border-radius: 0 0 4px 0;
}

.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #082f49;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #EBEEF5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #082f49;
  background: #082f49;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #082f49;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #082f49;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #082f49;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #082f49;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  font-weight: 500;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-radio-button__inner.is-round {
  padding: 12px 20px;
}
.el-radio-button__inner:hover {
  color: #082f49;
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-radio-button__orig-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #082f49;
}
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
  background-color: #F2F6FC;
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.el-radio-button--medium .el-radio-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-radio-button--medium .el-radio-button__inner.is-round {
  padding: 10px 20px;
}

.el-radio-button--small .el-radio-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 9px 15px;
}

.el-radio-button--mini .el-radio-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-radio-button--mini .el-radio-button__inner.is-round {
  padding: 7px 15px;
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/
  box-shadow: 0 0 2px 2px #082f49;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}

.el-switch__label {
  transition: 0.2s;
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: #303133;
}
.el-switch__label.is-active {
  color: #082f49;
}

.el-switch__label--left {
  margin-right: 10px;
}

.el-switch__label--right {
  margin-left: 10px;
}

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.el-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #DCDFE6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #DCDFE6;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.el-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
}

.el-switch.is-checked .el-switch__core {
  border-color: #082f49;
  background-color: #082f49;
}
.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -17px;
}

.el-switch.is-disabled {
  opacity: 0.6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #E4E7ED;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 40px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #082f49;
  background-color: #FFFFFF;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #F5F7FA;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: "element-icons";
  content: "\e6da";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}

.el-select-dropdown__wrap {
  max-height: 274px;
}

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #FFFFFF;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #F5F7FA;
}
.el-select-dropdown__item.selected {
  color: #082f49;
  font-weight: bold;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #E4E7ED;
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}

.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-select {
  display: inline-block;
  position: relative;
}
.el-select .el-select__tags > span {
  display: contents;
}
.el-select:hover .el-input__inner {
  border-color: #C0C4CC;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #082f49;
}
.el-select .el-input .el-select__caret {
  color: #C0C4CC;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0deg);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #C0C4CC;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #E4E7ED;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #082f49;
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #C0C4CC;
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: #909399;
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.el-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #C0C4CC;
  top: 0;
  color: #FFFFFF;
  flex-shrink: 0;
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}
.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #082f49;
  border-color: #b5c1c8;
  background-color: #e6eaed;
}
.el-button:active {
  color: #072a42;
  border-color: #072a42;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #082f49;
  color: #082f49;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: #072a42;
  color: #072a42;
  outline: none;
}

.el-button.is-active {
  color: #072a42;
  border-color: #072a42;
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: #39596d;
  border-color: #39596d;
  color: #FFFFFF;
}
.el-button--primary:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: #8497a4;
  border-color: #8497a4;
}
.el-button--primary.is-plain {
  color: #082f49;
  background: #e6eaed;
  border-color: #9cacb6;
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #082f49;
  border-color: #082f49;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: #6b8292;
  background-color: #e6eaed;
  border-color: #ced5db;
}

.el-button--success {
  color: #FFFFFF;
  background-color: #67C23A;
  border-color: #67C23A;
}
.el-button--success:hover, .el-button--success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #FFFFFF;
}
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #67C23A;
  border-color: #67C23A;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #E6A23C;
  border-color: #E6A23C;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #FFFFFF;
}
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #FFFFFF;
}
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #F56C6C;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #F56C6C;
  border-color: #F56C6C;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #FFFFFF;
}
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #082f49;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: #39596d;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #072a42;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #606266;
}
.el-table__empty-block {
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: #909399;
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center;
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
}
.el-table__expand-icon--expanded {
  transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}

.el-table__expanded-cell {
  background-color: #FFFFFF;
}
.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.el-table__expanded-cell:hover {
  background-color: transparent !important;
}

.el-table__placeholder {
  display: inline-block;
  width: 20px;
}

.el-table__append-wrapper {
  overflow: hidden;
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0;
}
.el-table--fit .el-table__cell.gutter {
  border-right-width: 1px;
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto;
}

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto;
}

.el-table thead {
  color: #909399;
  font-weight: 500;
}
.el-table thead.is-group th.el-table__cell {
  background: #F5F7FA;
}
.el-table .el-table__cell {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.el-table .el-table__cell.is-center {
  text-align: center;
}

.el-table .el-table__cell.is-right {
  text-align: right;
}

.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table .el-table__cell.is-hidden > * {
  visibility: hidden;
}
.el-table--medium .el-table__cell {
  padding: 10px 0;
}

.el-table--small {
  font-size: 12px;
}
.el-table--small .el-table__cell {
  padding: 8px 0;
}

.el-table--mini {
  font-size: 12px;
}
.el-table--mini .el-table__cell {
  padding: 6px 0;
}

.el-table tr {
  background-color: #FFFFFF;
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
  border-bottom: 1px solid #EBEEF5;
}
.el-table th.el-table__cell.is-sortable {
  cursor: pointer;
}
.el-table th.el-table__cell {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #FFFFFF;
}
.el-table th.el-table__cell > .cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.el-table th.el-table__cell > .cell.highlight {
  color: #082f49;
}
.el-table th.el-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.el-table td.el-table__cell div {
  box-sizing: border-box;
}
.el-table td.el-table__cell.gutter {
  width: 0;
}
.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  padding-left: 10px;
  padding-right: 10px;
}
.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.el-table--group, .el-table--border {
  border: 1px solid #EBEEF5;
}
.el-table::before, .el-table--group::after, .el-table--border::after {
  content: "";
  position: absolute;
  background-color: #EBEEF5;
  z-index: 1;
}

.el-table--group::after, .el-table--border::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}

.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.el-table--border {
  border-right: none;
  border-bottom: none;
}
.el-table--border.el-loading-parent--relative {
  border-color: transparent;
}
.el-table--border .el-table__cell {
  border-right: 1px solid #EBEEF5;
}
.el-table--border .el-table__cell:first-child .cell {
  padding-left: 10px;
}
.el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: 1px solid #EBEEF5;
  border-bottom-width: 1px;
}
.el-table--border th.el-table__cell {
  border-bottom: 1px solid #EBEEF5;
}

.el-table--hidden {
  visibility: hidden;
}

.el-table__fixed, .el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.el-table__fixed::before, .el-table__fixed-right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #EBEEF5;
  z-index: 4;
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EBEEF5;
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}
.el-table__fixed-right .el-table__fixed-header-wrapper,
.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper {
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #EBEEF5;
  background-color: #F5F7FA;
  color: #606266;
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
}

.el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
  width: 100%;
}

.el-table__footer-wrapper {
  margin-top: -1px;
}
.el-table__footer-wrapper td.el-table__cell {
  border-top: 1px solid #EBEEF5;
}

.el-table__header, .el-table__body, .el-table__footer {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper, .el-table__footer-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td.el-table__cell, .el-table__footer-wrapper tbody td.el-table__cell {
  background-color: #F5F7FA;
  color: #606266;
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
}
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right {
  box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed {
  box-shadow: none;
}

.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  box-shadow: none;
}

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
  border-left: 1px solid #EBEEF5;
}

.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #EBEEF5;
}

.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative;
}
.el-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: #C0C4CC;
  top: 5px;
}
.el-table .sort-caret.descending {
  border-top-color: #C0C4CC;
  bottom: 7px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #082f49;
}
.el-table .descending .sort-caret.descending {
  border-top-color: #082f49;
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #FAFAFA;
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell {
  background-color: #e6eaed;
}

.el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell {
  background-color: #F5F7FA;
}
.el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell {
  background-color: #e6eaed;
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #EBEEF5;
  z-index: 10;
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
}
.el-table__column-filter-trigger i {
  color: #909399;
  font-size: 12px;
  transform: scale(0.75);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
  transition: background-color 0.25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: #F5F7FA;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}

.el-table-filter {
  border: solid 1px #EBEEF5;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 2px 0;
  /** used for dropdown mode */
}
.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}
.el-table-filter__list-item:hover {
  background-color: #e6eaed;
  color: #39596d;
}
.el-table-filter__list-item.is-active {
  background-color: #082f49;
  color: #FFFFFF;
}

.el-table-filter__content {
  min-width: 100px;
}

.el-table-filter__bottom {
  border-top: 1px solid #EBEEF5;
  padding: 8px;
}
.el-table-filter__bottom button {
  background: transparent;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: #082f49;
}
.el-table-filter__bottom button:focus {
  outline: none;
}
.el-table-filter__bottom button.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-table-filter__wrap {
  max-height: 280px;
}

.el-table-filter__checkbox-group {
  padding: 10px;
}
.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-date-table {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #F2F6FC;
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: #606266;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table.is-week-mode .el-date-table__row.current div {
  background-color: #F2F6FC;
}

.el-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.el-date-table td div {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.el-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #C0C4CC;
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today span {
  color: #082f49;
  font-weight: bold;
}
.el-date-table td.today.start-date span, .el-date-table td.today.end-date span {
  color: #FFFFFF;
}
.el-date-table td.available:hover {
  color: #082f49;
}
.el-date-table td.in-range div {
  background-color: #F2F6FC;
}
.el-date-table td.in-range div:hover {
  background-color: #F2F6FC;
}
.el-date-table td.current:not(.disabled) span {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-date-table td.start-date div, .el-date-table td.end-date div {
  color: #FFFFFF;
}
.el-date-table td.start-date span, .el-date-table td.end-date span {
  background-color: #082f49;
}
.el-date-table td.start-date div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.el-date-table td.end-date div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.el-date-table td.disabled div {
  background-color: #F5F7FA;
  opacity: 1;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #F2F6FC;
  border-radius: 15px;
}
.el-date-table td.selected div:hover {
  background-color: #F2F6FC;
}
.el-date-table td.selected span {
  background-color: #082f49;
  color: #FFFFFF;
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: #606266;
}
.el-date-table th {
  padding: 5px;
  color: #606266;
  font-weight: 400;
  border-bottom: solid 1px #EBEEF5;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
}
.el-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .cell {
  color: #082f49;
  font-weight: bold;
}
.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
  color: #FFFFFF;
}
.el-month-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-month-table td.disabled .cell:hover {
  color: #C0C4CC;
}
.el-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: #606266;
  margin: 0 auto;
  border-radius: 18px;
}
.el-month-table td .cell:hover {
  color: #082f49;
}
.el-month-table td.in-range div {
  background-color: #F2F6FC;
}
.el-month-table td.in-range div:hover {
  background-color: #F2F6FC;
}
.el-month-table td.start-date div, .el-month-table td.end-date div {
  color: #FFFFFF;
}
.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-month-table td.start-date div {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.el-month-table td.end-date div {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.el-month-table td.current:not(.disabled) .cell {
  color: #082f49;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: #303133;
}
.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.el-year-table td.today .cell {
  color: #082f49;
  font-weight: bold;
}
.el-year-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #C0C4CC;
}
.el-year-table td.disabled .cell:hover {
  color: #C0C4CC;
}
.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #606266;
  margin: 0 auto;
}
.el-year-table td .cell:hover {
  color: #082f49;
}
.el-year-table td.current:not(.disabled) .cell {
  color: #082f49;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #FFFFFF;
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: #082f49;
}
.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #F5F7FA;
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.el-time-spinner__item.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #082f49;
}
.el-range-editor.is-active:hover {
  border-color: #082f49;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #E4E7ED;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #E4E7ED;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #082f49;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #082f49;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #082f49;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #EBEEF5;
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.el-date-picker__header-label:hover {
  color: #082f49;
}
.el-date-picker__header-label.active {
  color: #082f49;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-date-range-picker {
  width: 646px;
}
.el-date-range-picker.has-sidebar {
  width: 756px;
}
.el-date-range-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-range-picker .el-picker-panel__body {
  min-width: 513px;
}
.el-date-range-picker .el-picker-panel__content {
  margin: 0;
}
.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.el-date-range-picker__header [class*=arrow-left] {
  float: left;
}
.el-date-range-picker__header [class*=arrow-right] {
  float: right;
}
.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.el-date-range-picker__editors-wrap.is-right {
  text-align: right;
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #303133;
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #E4E7ED;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-panel {
  margin: 5px 0;
  border: solid 1px #E4E7ED;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #082f49;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #082f49;
}
.el-range-editor.is-active:hover {
  border-color: #082f49;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #E4E7ED;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #E4E7ED;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #082f49;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #082f49;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #082f49;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

.el-date-picker {
  width: 322px;
}
.el-date-picker.has-sidebar.has-time {
  width: 434px;
}
.el-date-picker.has-sidebar {
  width: 438px;
}
.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative;
}
.el-date-picker .el-picker-panel__content {
  width: 292px;
}
.el-date-picker table {
  table-layout: fixed;
  width: 100%;
}
.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.el-date-picker__header {
  margin: 12px;
  text-align: center;
}
.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #EBEEF5;
}
.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0;
}

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.el-date-picker__header-label:hover {
  color: #082f49;
}
.el-date-picker__header-label.active {
  color: #082f49;
}

.el-date-picker__prev-btn {
  float: left;
}

.el-date-picker__next-btn {
  float: right;
}

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.time-select {
  margin: 5px 0;
  min-width: 0;
}

.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}

.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.time-select-item.selected:not(.disabled) {
  color: #082f49;
  font-weight: bold;
}

.time-select-item.disabled {
  color: #E4E7ED;
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: #F5F7FA;
  font-weight: bold;
  cursor: pointer;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px;
}
.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px;
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px;
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px;
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer;
}
.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #C0C4CC;
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-input::placeholder {
  color: #C0C4CC;
}
.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 5%;
  color: #303133;
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #C0C4CC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px;
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.el-range-editor .el-range-input {
  line-height: 1;
}
.el-range-editor.is-active {
  border-color: #082f49;
}
.el-range-editor.is-active:hover {
  border-color: #082f49;
}

.el-range-editor--medium.el-input__inner {
  height: 36px;
}
.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px;
}
.el-range-editor--medium .el-range-input {
  font-size: 14px;
}
.el-range-editor--medium .el-range__icon,
.el-range-editor--medium .el-range__close-icon {
  line-height: 28px;
}

.el-range-editor--small.el-input__inner {
  height: 32px;
}
.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px;
}
.el-range-editor--small .el-range-input {
  font-size: 13px;
}
.el-range-editor--small .el-range__icon,
.el-range-editor--small .el-range__close-icon {
  line-height: 24px;
}

.el-range-editor--mini.el-input__inner {
  height: 28px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px;
}
.el-range-editor--mini .el-range-input {
  font-size: 12px;
}
.el-range-editor--mini .el-range__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: #E4E7ED;
}
.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled input::placeholder {
  color: #C0C4CC;
}
.el-range-editor.is-disabled .el-range-separator {
  color: #C0C4CC;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-picker-panel {
  color: #606266;
  border: 1px solid #E4E7ED;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-picker-panel__content {
  position: relative;
  margin: 15px;
}

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFFFFF;
  position: relative;
  font-size: 0;
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-picker-panel__shortcut:hover {
  color: #082f49;
}
.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #082f49;
}

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: #082f49;
}
.el-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}

.el-picker-panel__link-btn {
  vertical-align: middle;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFFFFF;
  overflow: auto;
}

.el-picker-panel *[slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%;
}
.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px);
}
.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #FFFFFF;
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.el-time-spinner__arrow:hover {
  color: #082f49;
}
.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px;
}
.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px;
}

.el-time-spinner__input.el-input {
  width: 70%;
}
.el-time-spinner__input.el-input .el-input__inner {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #F5F7FA;
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.el-time-spinner__item.disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-panel {
  margin: 5px 0;
  border: solid 1px #E4E7ED;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED;
}
.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.el-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.el-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #082f49;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-time-range-picker {
  width: 354px;
  overflow: visible;
}
.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block;
}

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #E4E7ED;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

.el-popover {
  position: absolute;
  background: #FFFFFF;
  min-width: 150px;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  padding: 12px;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  word-break: break-all;
}
.el-popover--plain {
  padding: 18px 20px;
}

.el-popover__title {
  color: #303133;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover:focus:active, .el-popover:focus {
  outline-width: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}

.el-popup-parent--hidden {
  overflow: hidden;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #082f49;
  border-color: #b5c1c8;
  background-color: #e6eaed;
}
.el-button:active {
  color: #072a42;
  border-color: #072a42;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #082f49;
  color: #082f49;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: #072a42;
  color: #072a42;
  outline: none;
}

.el-button.is-active {
  color: #072a42;
  border-color: #072a42;
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: #39596d;
  border-color: #39596d;
  color: #FFFFFF;
}
.el-button--primary:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: #8497a4;
  border-color: #8497a4;
}
.el-button--primary.is-plain {
  color: #082f49;
  background: #e6eaed;
  border-color: #9cacb6;
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #082f49;
  border-color: #082f49;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: #6b8292;
  background-color: #e6eaed;
  border-color: #ced5db;
}

.el-button--success {
  color: #FFFFFF;
  background-color: #67C23A;
  border-color: #67C23A;
}
.el-button--success:hover, .el-button--success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #FFFFFF;
}
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #67C23A;
  border-color: #67C23A;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #E6A23C;
  border-color: #E6A23C;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #FFFFFF;
}
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #FFFFFF;
}
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #F56C6C;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #F56C6C;
  border-color: #F56C6C;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #FFFFFF;
}
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #082f49;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: #39596d;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #072a42;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
}
.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.el-message-box__wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.el-message-box__header {
  position: relative;
  padding: 15px;
  padding-bottom: 10px;
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  color: #303133;
}

.el-message-box__headerbtn {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  cursor: pointer;
}
.el-message-box__headerbtn .el-message-box__close {
  color: #909399;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #082f49;
}

.el-message-box__content {
  padding: 10px 15px;
  color: #606266;
  font-size: 14px;
}

.el-message-box__container {
  position: relative;
}

.el-message-box__input {
  padding-top: 15px;
}
.el-message-box__input input.invalid {
  border-color: #F56C6C;
}
.el-message-box__input input.invalid:focus {
  border-color: #F56C6C;
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px !important;
}
.el-message-box__status::before {
  padding-left: 1px;
}
.el-message-box__status + .el-message-box__message {
  padding-left: 36px;
  padding-right: 12px;
}
.el-message-box__status.el-icon-success {
  color: #67C23A;
}
.el-message-box__status.el-icon-info {
  color: #909399;
}
.el-message-box__status.el-icon-warning {
  color: #E6A23C;
}
.el-message-box__status.el-icon-error {
  color: #F56C6C;
}

.el-message-box__message {
  margin: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: 24px;
}

.el-message-box__errormsg {
  color: #F56C6C;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}

.el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right;
}
.el-message-box__btns button:nth-child(2) {
  margin-left: 10px;
}

.el-message-box__btns-reverse {
  flex-direction: row-reverse;
}

.el-message-box--center {
  padding-bottom: 30px;
}
.el-message-box--center .el-message-box__header {
  padding-top: 30px;
}

.el-message-box--center .el-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-message-box--center .el-message-box__status {
  position: relative;
  top: auto;
  padding-right: 5px;
  text-align: center;
  transform: translateY(-1px);
}

.el-message-box--center .el-message-box__message {
  margin-left: 0;
}

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
  text-align: center;
}

.el-message-box--center .el-message-box__content {
  padding-left: 27px;
  padding-right: 27px;
}

.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: #C0C4CC;
}
.el-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  font-weight: normal;
}

.el-breadcrumb__item {
  float: left;
}
.el-breadcrumb__inner {
  color: #606266;
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #303133;
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: #082f49;
  cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: normal;
  color: #606266;
  cursor: text;
}
.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-form--label-left .el-form-item__label {
  text-align: left;
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px 0;
}

.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}

.el-form-item {
  margin-bottom: 22px;
}
.el-form-item::before,
.el-form-item::after {
  display: table;
  content: "";
}

.el-form-item::after {
  clear: both;
}

.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--medium .el-form-item__label {
  line-height: 36px;
}
.el-form-item--medium .el-form-item__content {
  line-height: 36px;
}

.el-form-item--small .el-form-item__label {
  line-height: 32px;
}
.el-form-item--small .el-form-item__content {
  line-height: 32px;
}
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}

.el-form-item--mini .el-form-item__label {
  line-height: 28px;
}
.el-form-item--mini .el-form-item__content {
  line-height: 28px;
}
.el-form-item--mini.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--mini .el-form-item__error {
  padding-top: 1px;
}

.el-form-item__label-wrap {
  float: left;
}
.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none;
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.el-form-item__content::before,
.el-form-item__content::after {
  display: table;
  content: "";
}

.el-form-item__content::after {
  clear: both;
}

.el-form-item__content .el-input-group {
  vertical-align: top;
}

.el-form-item__error {
  color: #F56C6C;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}

.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #F56C6C;
}
.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent;
}
.el-form-item.is-error .el-input__validateIcon {
  color: #F56C6C;
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #082f49;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}

.el-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab:hover {
  color: #082f49;
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #E4E7ED;
  z-index: 1;
}
.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}

.el-tabs__nav-scroll {
  overflow: hidden;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: #909399;
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
  z-index: 2;
}
.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}

.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: none;
}
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 2px 2px #082f49 inset;
  border-radius: 3px;
}
.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}
.el-tabs__item .el-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .el-icon-close:hover {
  background-color: #C0C4CC;
  color: #FFFFFF;
}
.el-tabs__item.is-active {
  color: #082f49;
}

.el-tabs__item:hover {
  color: #082f49;
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: #C0C4CC;
  cursor: default;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid #E4E7ED;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid #E4E7ED;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: 1px solid transparent;
  border-left: 1px solid #E4E7ED;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  width: 14px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #FFFFFF;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
  width: 14px;
}

.el-tabs--border-card {
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: #F5F7FA;
  border-bottom: 1px solid #E4E7ED;
  margin: 0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  margin-top: -1px;
  color: #909399;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #082f49;
  background-color: #FFFFFF;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #082f49;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: #C0C4CC;
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
  padding-right: 0;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px;
}

.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid #DCDFE6;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px -1px;
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden;
}
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  height: 100%;
}
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
  float: none;
}
.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
  display: block;
}

.el-tabs--left .el-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.el-tabs--left .el-tabs__item.is-left {
  text-align: right;
}
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  display: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid #E4E7ED;
  border-bottom: none;
  border-top: 1px solid #E4E7ED;
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid #E4E7ED;
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid #E4E7ED;
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid #E4E7ED;
  border-right: none;
}
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none;
}
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid #dfe4ed;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.el-tabs--right .el-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: 10px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0;
}
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid #E4E7ED;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid #E4E7ED;
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid #E4E7ED;
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid #E4E7ED;
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid #dfe4ed;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}

.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-tree {
  position: relative;
  cursor: default;
  background: #FFFFFF;
  color: #606266;
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #909399;
  font-size: 14px;
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #082f49;
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus { /* focus */ }
.el-tree-node:focus > .el-tree-node__content {
  background-color: #F5F7FA;
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: #082f49;
  color: #fff;
}

.el-tree-node__content {
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer;
}
.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px;
}
.el-tree-node__content > label.el-checkbox {
  margin-right: 8px;
}
.el-tree-node__content:hover {
  background-color: #F5F7FA;
}
.el-tree.is-dragging .el-tree-node__content {
  cursor: move;
}
.el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none;
}
.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed;
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: #C0C4CC;
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}

.el-tree-node__label {
  font-size: 14px;
}

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: 14px;
  color: #C0C4CC;
}

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #ebeef0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #FFFFFF;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.el-alert.is-light .el-alert__closebtn {
  color: #C0C4CC;
}

.el-alert.is-dark .el-alert__closebtn {
  color: #FFFFFF;
}
.el-alert.is-dark .el-alert__description {
  color: #FFFFFF;
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--success.is-light {
  background-color: #f0f9eb;
  color: #67C23A;
}
.el-alert--success.is-light .el-alert__description {
  color: #67C23A;
}
.el-alert--success.is-dark {
  background-color: #67C23A;
  color: #FFFFFF;
}

.el-alert--info.is-light {
  background-color: #f4f4f5;
  color: #909399;
}
.el-alert--info.is-dark {
  background-color: #909399;
  color: #FFFFFF;
}
.el-alert--info .el-alert__description {
  color: #909399;
}

.el-alert--warning.is-light {
  background-color: #fdf6ec;
  color: #E6A23C;
}
.el-alert--warning.is-light .el-alert__description {
  color: #E6A23C;
}
.el-alert--warning.is-dark {
  background-color: #E6A23C;
  color: #FFFFFF;
}

.el-alert--error.is-light {
  background-color: #fef0f0;
  color: #F56C6C;
}
.el-alert--error.is-light .el-alert__description {
  color: #F56C6C;
}
.el-alert--error.is-dark {
  background-color: #F56C6C;
  color: #FFFFFF;
}

.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}

.el-alert__icon {
  font-size: 16px;
  width: 16px;
}
.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}

.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}
.el-alert__title.is-bold {
  font-weight: bold;
}

.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 0 0;
}
.el-alert__closebtn {
  font-size: 12px;
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
}
.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-notification {
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #EBEEF5;
  position: fixed;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  margin-left: 13px;
  margin-right: 8px;
}

.el-notification__title {
  font-weight: bold;
  font-size: 16px;
  color: #303133;
  margin: 0;
}

.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0 0;
  color: #606266;
  text-align: justify;
}
.el-notification__content p {
  margin: 0;
}

.el-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}

.el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: #909399;
  font-size: 16px;
}
.el-notification__closeBtn:hover {
  color: #606266;
}

.el-notification .el-icon-success {
  color: #67C23A;
}
.el-notification .el-icon-error {
  color: #F56C6C;
}
.el-notification .el-icon-info {
  color: #909399;
}
.el-notification .el-icon-warning {
  color: #E6A23C;
}

.el-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}

.el-notification-fade-leave-active {
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.el-input-number .el-input {
  display: block;
}
.el-input-number .el-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.el-input-number__increase, .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #F5F7FA;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: #082f49;
}
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #082f49;
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #DCDFE6;
}

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #DCDFE6;
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: #E4E7ED;
  color: #E4E7ED;
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: #E4E7ED;
  cursor: not-allowed;
}

.el-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
  width: 36px;
  font-size: 14px;
}

.el-input-number--medium .el-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}

.el-input-number--small {
  width: 130px;
  line-height: 30px;
}
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
  width: 32px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.9);
}

.el-input-number--small .el-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}

.el-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number--mini .el-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}

.el-input-number.is-without-controls .el-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #DCDFE6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #DCDFE6;
  border-radius: 0 0 4px 0;
}

.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  outline-width: 0;
}
.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.el-tooltip__popper.is-dark {
  background: #303133;
  color: #FFFFFF;
}

.el-tooltip__popper.is-light {
  background: #FFFFFF;
  border: 1px solid #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFFFFF;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133;
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFFFFF;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-slider::before,
.el-slider::after {
  display: table;
  content: "";
}

.el-slider::after {
  clear: both;
}

.el-slider__runway {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: #E4E7ED;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.el-slider__runway.show-input {
  margin-right: 160px;
  width: auto;
}
.el-slider__runway.disabled {
  cursor: default;
}
.el-slider__runway.disabled .el-slider__bar {
  background-color: #C0C4CC;
}
.el-slider__runway.disabled .el-slider__button {
  border-color: #C0C4CC;
}
.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging {
  transform: scale(1);
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button.dragging {
  cursor: not-allowed;
}

.el-slider__input {
  float: right;
  margin-top: 3px;
  width: 130px;
}
.el-slider__input.el-input-number--mini {
  margin-top: 5px;
}
.el-slider__input.el-input-number--medium {
  margin-top: 0;
}
.el-slider__input.el-input-number--large {
  margin-top: -2px;
}

.el-slider__bar {
  height: 6px;
  background-color: #082f49;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
}

.el-slider__button-wrapper {
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: 1001;
  top: -15px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: normal;
}
.el-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-slider__button-wrapper .el-tooltip {
  vertical-align: middle;
  display: inline-block;
}
.el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
  cursor: grab;
}
.el-slider__button-wrapper.dragging {
  cursor: grabbing;
}

.el-slider__button {
  width: 16px;
  height: 16px;
  border: solid 2px #082f49;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
  transform: scale(1.2);
}
.el-slider__button:hover, .el-slider__button.hover {
  cursor: grab;
}
.el-slider__button.dragging {
  cursor: grabbing;
}

.el-slider__stop {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transform: translateX(-50%);
}

.el-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: #909399;
  margin-top: 15px;
}

.el-slider.is-vertical {
  position: relative;
}
.el-slider.is-vertical .el-slider__runway {
  width: 6px;
  height: 100%;
  margin: 0 16px;
}
.el-slider.is-vertical .el-slider__bar {
  width: 6px;
  height: auto;
  border-radius: 0 0 3px 3px;
}
.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -15px;
  transform: translateY(50%);
}
.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%);
}
.el-slider.is-vertical.el-slider--with-input {
  padding-bottom: 58px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: 22px;
  width: 36px;
  margin-top: 15px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  top: 32px;
  margin-top: -1px;
  border: 1px solid #DCDFE6;
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
  width: 18px;
  right: 18px;
  border-bottom-left-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  width: 19px;
  border-bottom-right-radius: 4px;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
  border-color: #C0C4CC;
}
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  border-color: #082f49;
}
.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-loading-parent--relative {
  position: relative !important;
}

.el-loading-parent--hidden {
  overflow: hidden !important;
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width: 50px;
}

.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: #082f49;
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #082f49;
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: #082f49;
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-row {
  position: relative;
  box-sizing: border-box;
}
.el-row::before,
.el-row::after {
  display: table;
  content: "";
}

.el-row::after {
  clear: both;
}

.el-row--flex {
  display: flex;
}
.el-row--flex:before, .el-row--flex:after {
  display: none;
}
.el-row--flex.is-justify-center {
  justify-content: center;
}

.el-row--flex.is-justify-end {
  justify-content: flex-end;
}

.el-row--flex.is-justify-space-between {
  justify-content: space-between;
}

.el-row--flex.is-justify-space-around {
  justify-content: space-around;
}

.el-row--flex.is-align-top {
  align-items: flex-start;
}

.el-row--flex.is-align-middle {
  align-items: center;
}

.el-row--flex.is-align-bottom {
  align-items: flex-end;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
[class*=el-col-] {
  float: left;
  box-sizing: border-box;
}

.el-col-0 {
  display: none;
}

.el-col-0 {
  width: 0%;
}

.el-col-offset-0 {
  margin-left: 0%;
}

.el-col-pull-0 {
  position: relative;
  right: 0%;
}

.el-col-push-0 {
  position: relative;
  left: 0%;
}

.el-col-1 {
  width: 4.1666666667%;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  width: 8.3333333333%;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.el-col-3 {
  width: 12.5%;
}

.el-col-offset-3 {
  margin-left: 12.5%;
}

.el-col-pull-3 {
  position: relative;
  right: 12.5%;
}

.el-col-push-3 {
  position: relative;
  left: 12.5%;
}

.el-col-4 {
  width: 16.6666666667%;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  width: 20.8333333333%;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.el-col-6 {
  width: 25%;
}

.el-col-offset-6 {
  margin-left: 25%;
}

.el-col-pull-6 {
  position: relative;
  right: 25%;
}

.el-col-push-6 {
  position: relative;
  left: 25%;
}

.el-col-7 {
  width: 29.1666666667%;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  width: 33.3333333333%;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.el-col-9 {
  width: 37.5%;
}

.el-col-offset-9 {
  margin-left: 37.5%;
}

.el-col-pull-9 {
  position: relative;
  right: 37.5%;
}

.el-col-push-9 {
  position: relative;
  left: 37.5%;
}

.el-col-10 {
  width: 41.6666666667%;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  width: 45.8333333333%;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.el-col-12 {
  width: 50%;
}

.el-col-offset-12 {
  margin-left: 50%;
}

.el-col-pull-12 {
  position: relative;
  right: 50%;
}

.el-col-push-12 {
  position: relative;
  left: 50%;
}

.el-col-13 {
  width: 54.1666666667%;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  width: 58.3333333333%;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.el-col-15 {
  width: 62.5%;
}

.el-col-offset-15 {
  margin-left: 62.5%;
}

.el-col-pull-15 {
  position: relative;
  right: 62.5%;
}

.el-col-push-15 {
  position: relative;
  left: 62.5%;
}

.el-col-16 {
  width: 66.6666666667%;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  width: 70.8333333333%;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.el-col-18 {
  width: 75%;
}

.el-col-offset-18 {
  margin-left: 75%;
}

.el-col-pull-18 {
  position: relative;
  right: 75%;
}

.el-col-push-18 {
  position: relative;
  left: 75%;
}

.el-col-19 {
  width: 79.1666666667%;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  width: 83.3333333333%;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.el-col-21 {
  width: 87.5%;
}

.el-col-offset-21 {
  margin-left: 87.5%;
}

.el-col-pull-21 {
  position: relative;
  right: 87.5%;
}

.el-col-push-21 {
  position: relative;
  left: 87.5%;
}

.el-col-22 {
  width: 91.6666666667%;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  width: 95.8333333333%;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.el-col-24 {
  width: 100%;
}

.el-col-offset-24 {
  margin-left: 100%;
}

.el-col-pull-24 {
  position: relative;
  right: 100%;
}

.el-col-push-24 {
  position: relative;
  left: 100%;
}

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
  }
  .el-col-xs-0 {
    width: 0%;
  }
  .el-col-xs-offset-0 {
    margin-left: 0%;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xs-1 {
    width: 4.1666666667%;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xs-2 {
    width: 8.3333333333%;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xs-3 {
    width: 12.5%;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    width: 16.6666666667%;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xs-5 {
    width: 20.8333333333%;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xs-6 {
    width: 25%;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    width: 29.1666666667%;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xs-8 {
    width: 33.3333333333%;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xs-9 {
    width: 37.5%;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    width: 41.6666666667%;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xs-11 {
    width: 45.8333333333%;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xs-12 {
    width: 50%;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    width: 54.1666666667%;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xs-14 {
    width: 58.3333333333%;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xs-15 {
    width: 62.5%;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    width: 66.6666666667%;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xs-17 {
    width: 70.8333333333%;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xs-18 {
    width: 75%;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    width: 79.1666666667%;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xs-20 {
    width: 83.3333333333%;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xs-21 {
    width: 87.5%;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    width: 91.6666666667%;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xs-23 {
    width: 95.8333333333%;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xs-24 {
    width: 100%;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
  }
  .el-col-sm-0 {
    width: 0%;
  }
  .el-col-sm-offset-0 {
    margin-left: 0%;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-sm-1 {
    width: 4.1666666667%;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-sm-2 {
    width: 8.3333333333%;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-sm-3 {
    width: 12.5%;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    width: 16.6666666667%;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-sm-5 {
    width: 20.8333333333%;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-sm-6 {
    width: 25%;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    width: 29.1666666667%;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-sm-8 {
    width: 33.3333333333%;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-sm-9 {
    width: 37.5%;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    width: 41.6666666667%;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-sm-11 {
    width: 45.8333333333%;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-sm-12 {
    width: 50%;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    width: 54.1666666667%;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-sm-14 {
    width: 58.3333333333%;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-sm-15 {
    width: 62.5%;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    width: 66.6666666667%;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-sm-17 {
    width: 70.8333333333%;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-sm-18 {
    width: 75%;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    width: 79.1666666667%;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-sm-20 {
    width: 83.3333333333%;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-sm-21 {
    width: 87.5%;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    width: 91.6666666667%;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-sm-23 {
    width: 95.8333333333%;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-sm-24 {
    width: 100%;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
  }
  .el-col-md-0 {
    width: 0%;
  }
  .el-col-md-offset-0 {
    margin-left: 0%;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-md-1 {
    width: 4.1666666667%;
  }
  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-md-2 {
    width: 8.3333333333%;
  }
  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-md-3 {
    width: 12.5%;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    width: 16.6666666667%;
  }
  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-md-5 {
    width: 20.8333333333%;
  }
  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-md-6 {
    width: 25%;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    width: 29.1666666667%;
  }
  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-md-8 {
    width: 33.3333333333%;
  }
  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-md-9 {
    width: 37.5%;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    width: 41.6666666667%;
  }
  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-md-11 {
    width: 45.8333333333%;
  }
  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-md-12 {
    width: 50%;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    width: 54.1666666667%;
  }
  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-md-14 {
    width: 58.3333333333%;
  }
  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-md-15 {
    width: 62.5%;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    width: 66.6666666667%;
  }
  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-md-17 {
    width: 70.8333333333%;
  }
  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-md-18 {
    width: 75%;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    width: 79.1666666667%;
  }
  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-md-20 {
    width: 83.3333333333%;
  }
  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-md-21 {
    width: 87.5%;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    width: 91.6666666667%;
  }
  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-md-23 {
    width: 95.8333333333%;
  }
  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-md-24 {
    width: 100%;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
  }
  .el-col-lg-0 {
    width: 0%;
  }
  .el-col-lg-offset-0 {
    margin-left: 0%;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-lg-1 {
    width: 4.1666666667%;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-lg-2 {
    width: 8.3333333333%;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-lg-3 {
    width: 12.5%;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    width: 16.6666666667%;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-lg-5 {
    width: 20.8333333333%;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-lg-6 {
    width: 25%;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    width: 29.1666666667%;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-lg-8 {
    width: 33.3333333333%;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-lg-9 {
    width: 37.5%;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    width: 41.6666666667%;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-lg-11 {
    width: 45.8333333333%;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-lg-12 {
    width: 50%;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    width: 54.1666666667%;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-lg-14 {
    width: 58.3333333333%;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-lg-15 {
    width: 62.5%;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    width: 66.6666666667%;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-lg-17 {
    width: 70.8333333333%;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-lg-18 {
    width: 75%;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    width: 79.1666666667%;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-lg-20 {
    width: 83.3333333333%;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-lg-21 {
    width: 87.5%;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    width: 91.6666666667%;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-lg-23 {
    width: 95.8333333333%;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-lg-24 {
    width: 100%;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
  }
  .el-col-xl-0 {
    width: 0%;
  }
  .el-col-xl-offset-0 {
    margin-left: 0%;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0%;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0%;
  }
  .el-col-xl-1 {
    width: 4.1666666667%;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .el-col-xl-2 {
    width: 8.3333333333%;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .el-col-xl-3 {
    width: 12.5%;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    width: 16.6666666667%;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .el-col-xl-5 {
    width: 20.8333333333%;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .el-col-xl-6 {
    width: 25%;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    width: 29.1666666667%;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .el-col-xl-8 {
    width: 33.3333333333%;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .el-col-xl-9 {
    width: 37.5%;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    width: 41.6666666667%;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .el-col-xl-11 {
    width: 45.8333333333%;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .el-col-xl-12 {
    width: 50%;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    width: 54.1666666667%;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .el-col-xl-14 {
    width: 58.3333333333%;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .el-col-xl-15 {
    width: 62.5%;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    width: 66.6666666667%;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .el-col-xl-17 {
    width: 70.8333333333%;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .el-col-xl-18 {
    width: 75%;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    width: 79.1666666667%;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .el-col-xl-20 {
    width: 83.3333333333%;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .el-col-xl-21 {
    width: 87.5%;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    width: 91.6666666667%;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .el-col-xl-23 {
    width: 95.8333333333%;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .el-col-xl-24 {
    width: 100%;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-progress {
  position: relative;
  line-height: 1;
}
.el-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #67C23A;
}
.el-progress.is-success .el-progress__text {
  color: #67C23A;
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #E6A23C;
}
.el-progress.is-warning .el-progress__text {
  color: #E6A23C;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #F56C6C;
}
.el-progress.is-exception .el-progress__text {
  color: #F56C6C;
}

.el-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #EBEEF5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #082f49;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  /* 照片墙模式 */
}
.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: #606266;
  margin-top: 7px;
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  cursor: pointer;
  line-height: 146px;
  vertical-align: top;
}
.el-upload--picture-card i {
  font-size: 28px;
  color: #8c939d;
}
.el-upload--picture-card:hover {
  border-color: #082f49;
  color: #082f49;
}

.el-upload:focus {
  border-color: #082f49;
  color: #082f49;
}
.el-upload:focus .el-upload-dragger {
  border-color: #082f49;
}

.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-icon-upload {
  font-size: 67px;
  color: #C0C4CC;
  margin: 40px 0 16px;
  line-height: 50px;
}
.el-upload-dragger + .el-upload__tip {
  text-align: center;
}
.el-upload-dragger ~ .el-upload__files {
  border-top: 1px solid #DCDFE6;
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: #606266;
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: #082f49;
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: #082f49;
}
.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #082f49;
}

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #606266;
  line-height: 1.8;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.el-upload-list__item:first-child {
  margin-top: 10px;
}
.el-upload-list__item .el-icon-upload-success {
  color: #67C23A;
}
.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.75;
  color: #606266;
}
.el-upload-list__item .el-icon-close:hover {
  opacity: 1;
}
.el-upload-list__item .el-icon-close-tip {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: #082f49;
}
.el-upload-list__item:hover {
  background-color: #F5F7FA;
}
.el-upload-list__item:hover .el-icon-close {
  display: inline-block;
}
.el-upload-list__item:hover .el-progress__text {
  display: none;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: block;
}
.el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: #082f49;
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) { /* 键盘focus */ }
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active { /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
  display: none;
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: block;
}

.el-upload-list__item-name {
  color: #606266;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
}
.el-upload-list__item-name [class^=el-icon] {
  height: 100%;
  margin-right: 7px;
  color: #909399;
  line-height: inherit;
}

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
}

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #606266;
  display: none;
}
.el-upload-list__item-delete:hover {
  color: #082f49;
}

.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: #FFFFFF;
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-close {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture-card .el-upload-list__item-name {
  display: none;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
}
.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
}
.el-upload-list--picture-card .el-upload-list__item-actions::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 15px;
}
.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1;
}
.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block;
}
.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px;
}
.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: #FFFFFF;
}
.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: transparent;
  box-shadow: none;
  top: -2px;
  right: -12px;
}
.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: 70px;
  margin-top: 0;
}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none;
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -80px;
  background-color: #FFFFFF;
}
.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: 20px;
}
.el-upload-list--picture .el-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px;
}
.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc;
}
.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px;
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.el-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.el-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.el-upload-cover__progress + .el-upload__inner {
  opacity: 0;
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.el-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.el-upload-cover__interact .btn i {
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #303133;
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-progress {
  position: relative;
  line-height: 1;
}
.el-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.el-progress__text i {
  vertical-align: middle;
  display: block;
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block;
}
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block;
}

.el-progress--without-text .el-progress__text {
  display: none;
}
.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #67C23A;
}
.el-progress.is-success .el-progress__text {
  color: #67C23A;
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #E6A23C;
}
.el-progress.is-warning .el-progress__text {
  color: #E6A23C;
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #F56C6C;
}
.el-progress.is-exception .el-progress__text {
  color: #F56C6C;
}

.el-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #EBEEF5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #082f49;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.el-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-time-spinner {
  width: 100%;
  white-space: nowrap;
}

.el-spinner {
  display: inline-block;
  vertical-align: middle;
}

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-message {
  min-width: 380px;
  box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #EBEEF5;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
}
.el-message.is-center {
  justify-content: center;
}

.el-message.is-closable .el-message__content {
  padding-right: 16px;
}

.el-message p {
  margin: 0;
}
.el-message--info .el-message__content {
  color: #909399;
}

.el-message--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
.el-message--success .el-message__content {
  color: #67C23A;
}

.el-message--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
}
.el-message--warning .el-message__content {
  color: #E6A23C;
}

.el-message--error {
  background-color: #fef0f0;
  border-color: #fde2e2;
}
.el-message--error .el-message__content {
  color: #F56C6C;
}

.el-message__icon {
  margin-right: 10px;
}

.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}

.el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #C0C4CC;
  font-size: 16px;
}
.el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message__closeBtn:hover {
  color: #909399;
}

.el-message .el-icon-success {
  color: #67C23A;
}
.el-message .el-icon-error {
  color: #F56C6C;
}
.el-message .el-icon-info {
  color: #909399;
}
.el-message .el-icon-warning {
  color: #E6A23C;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.el-badge__content {
  background-color: #F56C6C;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #FFFFFF;
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%) translateX(100%);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}

.el-badge__content--primary {
  background-color: #082f49;
}

.el-badge__content--success {
  background-color: #67C23A;
}

.el-badge__content--warning {
  background-color: #E6A23C;
}

.el-badge__content--info {
  background-color: #909399;
}

.el-badge__content--danger {
  background-color: #F56C6C;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-card {
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  background-color: #FFFFFF;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}
.el-card.is-always-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
}

.el-card__body {
  padding: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-rate {
  height: 20px;
  line-height: 1;
}
.el-rate:focus, .el-rate:active {
  outline-width: 0;
}
.el-rate__item {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
}

.el-rate__icon {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-right: 6px;
  color: #C0C4CC;
  transition: 0.3s;
}
.el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
}

.el-rate__text {
  font-size: 14px;
  vertical-align: middle;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-steps {
  display: flex;
}
.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: #F5F7FA;
}

.el-steps--horizontal {
  white-space: nowrap;
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-step {
  position: relative;
  flex-shrink: 1;
}
.el-step:last-of-type .el-step__line {
  display: none;
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: #303133;
  border-color: #303133;
}

.el-step__head.is-wait {
  color: #C0C4CC;
  border-color: #C0C4CC;
}

.el-step__head.is-success {
  color: #67C23A;
  border-color: #67C23A;
}

.el-step__head.is-error {
  color: #F56C6C;
  border-color: #F56C6C;
}

.el-step__head.is-finish {
  color: #082f49;
  border-color: #082f49;
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: #FFFFFF;
  transition: 0.15s ease-out;
}
.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}

.el-step__icon.is-icon {
  width: 40px;
}

.el-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #C0C4CC;
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}

.el-step__main {
  white-space: normal;
  text-align: left;
}

.el-step__title {
  font-size: 16px;
  line-height: 38px;
}
.el-step__title.is-process {
  font-weight: bold;
  color: #303133;
}

.el-step__title.is-wait {
  color: #C0C4CC;
}

.el-step__title.is-success {
  color: #67C23A;
}

.el-step__title.is-error {
  color: #F56C6C;
}

.el-step__title.is-finish {
  color: #082f49;
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: #303133;
}

.el-step__description.is-wait {
  color: #C0C4CC;
}

.el-step__description.is-success {
  color: #67C23A;
}

.el-step__description.is-error {
  color: #F56C6C;
}

.el-step__description.is-finish {
  color: #082f49;
}

.el-step.is-horizontal {
  display: inline-block;
}
.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}

.el-step.is-vertical {
  display: flex;
}
.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px;
}

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px;
}

.el-step.is-center .el-step__head {
  text-align: center;
}

.el-step.is-center .el-step__main {
  text-align: center;
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%;
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%;
}

.el-step.is-simple {
  display: flex;
  align-items: center;
}
.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}

.el-step.is-simple .el-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px;
}
.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  word-break: break-all;
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-step.is-simple .el-step__arrow::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: #C0C4CC;
}
.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel {
  position: relative;
}
.el-carousel--horizontal {
  overflow-x: hidden;
}

.el-carousel--vertical {
  overflow-y: hidden;
}

.el-carousel__container {
  position: relative;
  height: 300px;
}

.el-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.el-carousel__arrow--left {
  left: 16px;
}

.el-carousel__arrow--right {
  right: 16px;
}

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}
.el-carousel__arrow i {
  cursor: pointer;
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: #C0C4CC;
  opacity: 0.24;
}

.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px;
}
.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px;
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.el-carousel__indicator:hover button {
  opacity: 0.72;
}
.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: 12px 4px;
}

.el-carousel__indicator--vertical {
  padding: 4px 12px;
}
.el-carousel__indicator--vertical .el-carousel__button {
  width: 2px;
  height: 15px;
}

.el-carousel__indicator.is-active button {
  opacity: 1;
}

.el-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #FFFFFF;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.el-carousel__item.is-active {
  z-index: 2;
}

.el-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.12;
}
.el-carousel__item--card.is-active {
  z-index: 2;
}

.el-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0.24;
  transition: 0.2s;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-collapse {
  border-top: 1px solid #EBEEF5;
  border-bottom: 1px solid #EBEEF5;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: #bbb;
  cursor: not-allowed;
}

.el-collapse-item__header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  background-color: #FFFFFF;
  color: #303133;
  cursor: pointer;
  border-bottom: 1px solid #EBEEF5;
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color 0.3s;
  outline: none;
}
.el-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform 0.3s;
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: #082f49;
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: #FFFFFF;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #EBEEF5;
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: 13px;
  color: #303133;
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFFFFF;
  border-bottom-width: 0;
}
.el-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5;
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFFFFF;
}
.el-popper[x-placement^=right] {
  margin-left: 12px;
}
.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFFFFF;
  border-left-width: 0;
}
.el-popper[x-placement^=left] {
  margin-right: 12px;
}
.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5;
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFFFFF;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-tag {
  background-color: #e6eaed;
  border-color: #ced5db;
  color: #082f49;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #082f49;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #082f49;
}

.el-tag .el-tag__close {
  color: #082f49;
}
.el-tag .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close::before {
  display: block;
}
.el-tag--dark {
  background-color: #082f49;
  border-color: #082f49;
  color: white;
}
.el-tag--dark.is-hit {
  border-color: #082f49;
}

.el-tag--dark .el-tag__close {
  color: white;
}
.el-tag--dark .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #39596d;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: white;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: white;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: white;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: white;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f78989;
}

.el-tag--plain {
  background-color: white;
  border-color: #9cacb6;
  color: #082f49;
}
.el-tag--plain.is-hit {
  border-color: #082f49;
}

.el-tag--plain .el-tag__close {
  color: #082f49;
}
.el-tag--plain .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #082f49;
}
.el-tag--plain.el-tag--info {
  background-color: white;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: white;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: white;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: white;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFFFFF;
  background-color: #f56c6c;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #082f49;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #EBEEF5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #082f49;
  background: #082f49;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #082f49;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #082f49;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #082f49;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #082f49;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}
.el-cascader-panel.is-bordered {
  border: solid 1px #E4E7ED;
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #E4E7ED;
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #C0C4CC;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.el-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: #082f49;
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: #F5F7FA;
}
.el-cascader-node.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

.el-cascader {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 40px;
}
.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #C0C4CC;
}
.el-cascader .el-input {
  cursor: pointer;
}
.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis;
}
.el-cascader .el-input .el-input__inner:focus {
  border-color: #082f49;
}
.el-cascader .el-input .el-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 14px;
}
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #909399;
}
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #082f49;
}

.el-cascader--medium {
  font-size: 14px;
  line-height: 36px;
}

.el-cascader--small {
  font-size: 13px;
  line-height: 32px;
}

.el-cascader--mini {
  font-size: 12px;
  line-height: 28px;
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #C0C4CC;
}

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 14px;
  background: #FFFFFF;
  border: solid 1px #E4E7ED;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5;
}
.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent;
}
.el-cascader__tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: #C0C4CC;
  color: #FFFFFF;
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #909399;
}

.el-cascader__suggestion-panel {
  border-radius: 4px;
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #606266;
  text-align: center;
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  background: #F5F7FA;
}
.el-cascader__suggestion-item.is-checked {
  color: #082f49;
  font-weight: bold;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: #C0C4CC;
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: #606266;
  border: none;
  outline: none;
  box-sizing: border-box;
}
.el-cascader__search-input::-moz-placeholder {
  color: #C0C4CC;
}
.el-cascader__search-input::placeholder {
  color: #C0C4CC;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.el-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.el-color-predefine__color-selector {
  margin: 0 0 8px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.el-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0;
}
.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px #082f49;
}
.el-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: 3px;
}
.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}
.el-color-svpanel__white, .el-color-svpanel__black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.el-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.el-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.el-color-svpanel__cursor {
  position: absolute;
}
.el-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 100%;
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.el-color-dropdown {
  width: 300px;
}
.el-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}
.el-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.el-color-dropdown__btns {
  margin-top: 6px;
  text-align: right;
}

.el-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}

.el-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.el-color-dropdown__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.el-color-dropdown__btn:hover {
  color: #082f49;
  border-color: #082f49;
}

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #082f49;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.el-color-dropdown__link-btn:hover {
  color: tint(#082f49, 20%);
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  height: 40px;
}
.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed;
}

.el-color-picker--medium {
  height: 36px;
}
.el-color-picker--medium .el-color-picker__trigger {
  height: 36px;
  width: 36px;
}
.el-color-picker--medium .el-color-picker__mask {
  height: 34px;
  width: 34px;
}

.el-color-picker--small {
  height: 32px;
}
.el-color-picker--small .el-color-picker__trigger {
  height: 32px;
  width: 32px;
}
.el-color-picker--small .el-color-picker__mask {
  height: 30px;
  width: 30px;
}
.el-color-picker--small .el-color-picker__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker--mini {
  height: 28px;
}
.el-color-picker--mini .el-color-picker__trigger {
  height: 28px;
  width: 28px;
}
.el-color-picker--mini .el-color-picker__mask {
  height: 26px;
  width: 26px;
}
.el-color-picker--mini .el-color-picker__icon,
.el-color-picker--mini .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker__mask {
  height: 38px;
  width: 38px;
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.7);
}

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  padding: 4px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.el-color-picker__empty {
  font-size: 12px;
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.el-color-picker__icon {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
}

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: #FFFFFF;
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea__inner::placeholder {
  color: #C0C4CC;
}
.el-textarea__inner:hover {
  border-color: #C0C4CC;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-textarea .el-input__count {
  color: #909399;
  background: #FFFFFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #F56C6C;
}
.el-textarea.is-exceed .el-input__count {
  color: #F56C6C;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #C0C4CC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #FFFFFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-ms-reveal {
  display: none;
}
.el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input__inner:hover {
  border-color: #C0C4CC;
}
.el-input__inner:focus {
  outline: none;
  border-color: #082f49;
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #C0C4CC;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #082f49;
}

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: #C0C4CC;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: #F56C6C;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #F56C6C;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}

.el-input--small .el-input__icon {
  line-height: 32px;
}

.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
  font-size: inherit;
}

.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.el-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #082f49;
  border-color: #b5c1c8;
  background-color: #e6eaed;
}
.el-button:active {
  color: #072a42;
  border-color: #072a42;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #082f49;
  color: #082f49;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: #072a42;
  color: #072a42;
  outline: none;
}

.el-button.is-active {
  color: #072a42;
  border-color: #072a42;
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: #39596d;
  border-color: #39596d;
  color: #FFFFFF;
}
.el-button--primary:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: #8497a4;
  border-color: #8497a4;
}
.el-button--primary.is-plain {
  color: #082f49;
  background: #e6eaed;
  border-color: #9cacb6;
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #082f49;
  border-color: #082f49;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: #6b8292;
  background-color: #e6eaed;
  border-color: #ced5db;
}

.el-button--success {
  color: #FFFFFF;
  background-color: #67C23A;
  border-color: #67C23A;
}
.el-button--success:hover, .el-button--success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #FFFFFF;
}
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #67C23A;
  border-color: #67C23A;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #E6A23C;
  border-color: #E6A23C;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #FFFFFF;
}
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #FFFFFF;
}
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #F56C6C;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #F56C6C;
  border-color: #F56C6C;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #FFFFFF;
}
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #082f49;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: #39596d;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #072a42;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

.el-transfer {
  font-size: 14px;
}
.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}

.el-transfer__button {
  display: block;
  margin: 0 auto;
  padding: 10px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #082f49;
  font-size: 0;
}
.el-transfer__button.is-with-texts {
  border-radius: 4px;
}

.el-transfer__button.is-disabled {
  border: 1px solid #DCDFE6;
  background-color: #F5F7FA;
  color: #C0C4CC;
}
.el-transfer__button.is-disabled:hover {
  border: 1px solid #DCDFE6;
  background-color: #F5F7FA;
  color: #C0C4CC;
}

.el-transfer__button:first-child {
  margin-bottom: 10px;
}
.el-transfer__button:nth-child(2) {
  margin: 0;
}
.el-transfer__button i, .el-transfer__button span {
  font-size: 14px;
}
.el-transfer__button [class*=el-icon-] + span {
  margin-left: 0;
}

.el-transfer-panel {
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel__body {
  height: 246px;
}
.el-transfer-panel__body.is-with-footer {
  padding-bottom: 40px;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box;
}
.el-transfer-panel__list.is-filterable {
  height: 194px;
  padding-top: 0;
}

.el-transfer-panel__item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  display: block !important;
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}
.el-transfer-panel__item.el-checkbox {
  color: #606266;
}
.el-transfer-panel__item:hover {
  color: #082f49;
}
.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
  line-height: 30px;
}
.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px;
}

.el-transfer-panel__filter {
  text-align: center;
  margin: 15px;
  box-sizing: border-box;
  display: block;
  width: auto;
}
.el-transfer-panel__filter .el-input__inner {
  height: 32px;
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 16px;
  padding-right: 10px;
  padding-left: 30px;
}
.el-transfer-panel__filter .el-input__icon {
  margin-left: 5px;
}
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-transfer-panel .el-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: #F5F7FA;
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
  color: #000000;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  display: block;
  line-height: 40px;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: 16px;
  color: #303133;
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  position: absolute;
  right: 15px;
  color: #909399;
  font-size: 12px;
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: 40px;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  border-top: 1px solid #EBEEF5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: #606266;
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 15px 0;
  color: #909399;
  text-align: center;
}
.el-transfer-panel .el-checkbox__label {
  padding-left: 8px;
}
.el-transfer-panel .el-checkbox__inner {
  height: 14px;
  width: 14px;
  border-radius: 3px;
}
.el-transfer-panel .el-checkbox__inner::after {
  height: 6px;
  width: 3px;
  left: 4px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.el-container.is-vertical {
  flex-direction: column;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-timeline {
  margin: 0;
  font-size: 14px;
  list-style: none;
}
.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.el-timeline-item__wrapper {
  position: relative;
  padding-left: 28px;
  top: -3px;
}

.el-timeline-item__tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #E4E7ED;
}

.el-timeline-item__icon {
  color: #FFFFFF;
  font-size: 13px;
}

.el-timeline-item__node {
  position: absolute;
  background-color: #E4E7ED;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-timeline-item__node--normal {
  left: -1px;
  width: 12px;
  height: 12px;
}

.el-timeline-item__node--large {
  left: -2px;
  width: 14px;
  height: 14px;
}

.el-timeline-item__node--primary {
  background-color: #082f49;
}

.el-timeline-item__node--success {
  background-color: #67C23A;
}

.el-timeline-item__node--warning {
  background-color: #E6A23C;
}

.el-timeline-item__node--danger {
  background-color: #F56C6C;
}

.el-timeline-item__node--info {
  background-color: #909399;
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-timeline-item__content {
  color: #303133;
}

.el-timeline-item__timestamp {
  color: #909399;
  line-height: 1;
  font-size: 13px;
}
.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px;
}

.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.el-link.is-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid #082f49;
}

.el-link.is-disabled {
  cursor: not-allowed;
}

.el-link [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-link.el-link--default {
  color: #606266;
}
.el-link.el-link--default:hover {
  color: #082f49;
}
.el-link.el-link--default:after {
  border-color: #082f49;
}
.el-link.el-link--default.is-disabled {
  color: #C0C4CC;
}

.el-link.el-link--primary {
  color: #082f49;
}
.el-link.el-link--primary:hover {
  color: #39596d;
}
.el-link.el-link--primary:after {
  border-color: #082f49;
}
.el-link.el-link--primary.is-disabled {
  color: #8497a4;
}

.el-link.el-link--primary.is-underline:hover:after {
  border-color: #082f49;
}

.el-link.el-link--danger {
  color: #F56C6C;
}
.el-link.el-link--danger:hover {
  color: #f78989;
}
.el-link.el-link--danger:after {
  border-color: #F56C6C;
}
.el-link.el-link--danger.is-disabled {
  color: #fab6b6;
}

.el-link.el-link--danger.is-underline:hover:after {
  border-color: #F56C6C;
}

.el-link.el-link--success {
  color: #67C23A;
}
.el-link.el-link--success:hover {
  color: #85ce61;
}
.el-link.el-link--success:after {
  border-color: #67C23A;
}
.el-link.el-link--success.is-disabled {
  color: #b3e19d;
}

.el-link.el-link--success.is-underline:hover:after {
  border-color: #67C23A;
}

.el-link.el-link--warning {
  color: #E6A23C;
}
.el-link.el-link--warning:hover {
  color: #ebb563;
}
.el-link.el-link--warning:after {
  border-color: #E6A23C;
}
.el-link.el-link--warning.is-disabled {
  color: #f3d19e;
}

.el-link.el-link--warning.is-underline:hover:after {
  border-color: #E6A23C;
}

.el-link.el-link--info {
  color: #909399;
}
.el-link.el-link--info:hover {
  color: #a6a9ad;
}
.el-link.el-link--info:after {
  border-color: #909399;
}
.el-link.el-link--info.is-disabled {
  color: #c8c9cc;
}

.el-link.el-link--info.is-underline:hover:after {
  border-color: #909399;
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-divider {
  background-color: #DCDFE6;
  position: relative;
}
.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
}

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
}

.el-divider__text {
  position: absolute;
  background-color: #FFFFFF;
  padding: 0 20px;
  font-weight: 500;
  color: #303133;
  font-size: 14px;
}
.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-image__error, .el-image__placeholder, .el-image__inner {
  width: 100%;
  height: 100%;
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.el-image__inner {
  vertical-align: top;
}
.el-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.el-image__placeholder {
  background: #F5F7FA;
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #F5F7FA;
  color: #C0C4CC;
  vertical-align: middle;
}

.el-image__preview {
  cursor: pointer;
}

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
}

.el-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  height: 44px;
  padding: 0 23px;
  background-color: #606266;
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  left: 40px;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  right: 40px;
  text-indent: 2px;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in 0.3s;
}

.viewer-fade-leave-active {
  animation: viewer-fade-out 0.3s;
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-color: #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:hover, .el-button:focus {
  color: #082f49;
  border-color: #b5c1c8;
  background-color: #e6eaed;
}
.el-button:active {
  color: #072a42;
  border-color: #072a42;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: #FFFFFF;
  border-color: #082f49;
  color: #082f49;
}
.el-button.is-plain:active {
  background: #FFFFFF;
  border-color: #072a42;
  color: #072a42;
  outline: none;
}

.el-button.is-active {
  color: #072a42;
  border-color: #072a42;
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  color: #C0C4CC;
}

.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
}
.el-button--primary:hover, .el-button--primary:focus {
  background: #39596d;
  border-color: #39596d;
  color: #FFFFFF;
}
.el-button--primary:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: #FFFFFF;
  background-color: #8497a4;
  border-color: #8497a4;
}
.el-button--primary.is-plain {
  color: #082f49;
  background: #e6eaed;
  border-color: #9cacb6;
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: #082f49;
  border-color: #082f49;
  color: #FFFFFF;
}
.el-button--primary.is-plain:active {
  background: #072a42;
  border-color: #072a42;
  color: #FFFFFF;
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: #6b8292;
  background-color: #e6eaed;
  border-color: #ced5db;
}

.el-button--success {
  color: #FFFFFF;
  background-color: #67C23A;
  border-color: #67C23A;
}
.el-button--success:hover, .el-button--success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #FFFFFF;
}
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: #FFFFFF;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67C23A;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: #67C23A;
  border-color: #67C23A;
  color: #FFFFFF;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #FFFFFF;
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.el-button--warning {
  color: #FFFFFF;
  background-color: #E6A23C;
  border-color: #E6A23C;
}
.el-button--warning:hover, .el-button--warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #FFFFFF;
}
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: #FFFFFF;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFFFFF;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #FFFFFF;
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.el-button--danger {
  color: #FFFFFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}
.el-button--danger:hover, .el-button--danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #FFFFFF;
}
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: #FFFFFF;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #F56C6C;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: #F56C6C;
  border-color: #F56C6C;
  color: #FFFFFF;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #FFFFFF;
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.el-button--info {
  color: #FFFFFF;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:hover, .el-button--info:focus {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #FFFFFF;
}
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #FFFFFF;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #FFFFFF;
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--text {
  border-color: transparent;
  color: #082f49;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: #39596d;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #072a42;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  display: table;
  content: "";
}

.el-button-group::after {
  clear: both;
}

.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button:not(.is-disabled):hover, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}

.el-calendar {
  background-color: #fff;
}
.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #EBEEF5;
}

.el-calendar__title {
  color: #000000;
  align-self: center;
}

.el-calendar__body {
  padding: 12px 20px 35px;
}

.el-calendar-table {
  table-layout: fixed;
  width: 100%;
}
.el-calendar-table thead th {
  padding: 12px 0;
  color: #606266;
  font-weight: normal;
}
.el-calendar-table:not(.is-range) td.prev,
.el-calendar-table:not(.is-range) td.next {
  color: #C0C4CC;
}
.el-calendar-table td {
  border-bottom: 1px solid #EBEEF5;
  border-right: 1px solid #EBEEF5;
  vertical-align: top;
  transition: background-color 0.2s ease;
}
.el-calendar-table td.is-selected {
  background-color: #F2F8FE;
}

.el-calendar-table td.is-today {
  color: #082f49;
}

.el-calendar-table tr:first-child td {
  border-top: 1px solid #EBEEF5;
}
.el-calendar-table tr td:first-child {
  border-left: 1px solid #EBEEF5;
}
.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none;
}
.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: 85px;
}
.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: #F2F8FE;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-backtop {
  position: fixed;
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #082f49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5;
}
.el-backtop:hover {
  background-color: #F2F6FC;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-page-header {
  display: flex;
  line-height: 24px;
}
.el-page-header__left {
  display: flex;
  cursor: pointer;
  margin-right: 40px;
  position: relative;
}
.el-page-header__left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DCDFE6;
}
.el-page-header__left .el-icon-back {
  font-size: 18px;
  margin-right: 6px;
  align-self: center;
}
.el-page-header__title {
  font-size: 14px;
  font-weight: 500;
}

.el-page-header__content {
  font-size: 18px;
  color: #303133;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: #082f49;
}
.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed;
}
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}
.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px;
}
.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px;
}
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px;
}

.el-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #C0C4CC;
  border-color: #C0C4CC;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #082f49;
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #082f49;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #082f49;
  border-color: #082f49;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: #082f49;
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}

.el-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.el-checkbox:last-of-type {
  margin-right: 0;
}

.el-checkbox-button {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.el-checkbox-button__inner:hover {
  color: #082f49;
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}

.el-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFFFFF;
  background-color: #082f49;
  border-color: #082f49;
  box-shadow: -1px 0 0 0 #6b8292;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #082f49;
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #C0C4CC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #EBEEF5;
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5;
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #082f49;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px;
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px;
}

.el-checkbox-group {
  font-size: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: #082f49;
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #EBEEF5;
}
.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px;
}

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px;
}
.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px;
}

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.el-radio--small.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.el-radio--mini.is-bordered .el-radio__label {
  font-size: 12px;
}
.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px;
}

.el-radio:last-child {
  margin-right: 0;
}
.el-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA;
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #C0C4CC;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #082f49;
  background: #082f49;
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: #082f49;
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #082f49;
}

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: #082f49;
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFFFFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}

.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #082f49;
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}
.el-cascader-panel.is-bordered {
  border: solid 1px #E4E7ED;
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #E4E7ED;
}
.el-cascader-menu:last-child {
  border-right: none;
}
.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px;
}
.el-cascader-menu__wrap {
  height: 204px;
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #C0C4CC;
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.el-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: #082f49;
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: #F5F7FA;
}
.el-cascader-node.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}

.el-cascader-node__prefix {
  position: absolute;
  left: 10px;
}

.el-cascader-node__postfix {
  position: absolute;
  right: 10px;
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-cascader-node > .el-radio {
  margin-right: 0;
}
.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: #C0C4CC;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.el-avatar > img {
  display: block;
  height: 100%;
  vertical-align: middle;
}
.el-avatar--circle {
  border-radius: 50%;
}

.el-avatar--square {
  border-radius: 4px;
}

.el-avatar--icon {
  font-size: 18px;
}

.el-avatar--large {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-avatar--medium {
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.el-avatar--small {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@keyframes el-drawer-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rtl-drawer-in {
  0% {
    transform: translate(100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes rtl-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(100%, 0px);
  }
}
@keyframes ltr-drawer-in {
  0% {
    transform: translate(-100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ltr-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-100%, 0px);
  }
}
@keyframes ttb-drawer-in {
  0% {
    transform: translate(0px, -100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ttb-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, -100%);
  }
}
@keyframes btt-drawer-in {
  0% {
    transform: translate(0px, 100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes btt-drawer-out {
  0% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(0px, 100%);
  }
}
.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  outline: 0;
}
.el-drawer.rtl {
  animation: rtl-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.rtl {
  animation: rtl-drawer-in 0.3s 1ms;
}
.el-drawer.ltr {
  animation: ltr-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ltr {
  animation: ltr-drawer-in 0.3s 1ms;
}
.el-drawer.ttb {
  animation: ttb-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ttb {
  animation: ttb-drawer-in 0.3s 1ms;
}
.el-drawer.btt {
  animation: btt-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.btt {
  animation: btt-drawer-in 0.3s 1ms;
}
.el-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
.el-drawer__header {
  align-items: center;
  color: rgb(114, 118, 123);
  display: flex;
  margin-bottom: 32px;
  padding: 20px;
  padding-bottom: 0;
}
.el-drawer__header > :first-child {
  flex: 1;
}
.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 1rem;
}
.el-drawer__close-btn {
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: inherit;
  background-color: transparent;
}
.el-drawer__body {
  flex: 1;
  overflow: auto;
}
.el-drawer__body > * {
  box-sizing: border-box;
}
.el-drawer.ltr, .el-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.el-drawer.ttb, .el-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.el-drawer.ltr {
  left: 0;
}
.el-drawer.rtl {
  right: 0;
}
.el-drawer.ttb {
  top: 0;
}
.el-drawer.btt {
  bottom: 0;
}

.el-drawer__container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.el-drawer-fade-enter-active {
  animation: el-drawer-fade-in 0.3s;
}

.el-drawer-fade-leave-active {
  animation: el-drawer-fade-in 0.3s reverse;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-statistic {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  text-align: center;
}
.el-statistic .head {
  margin-bottom: 4px;
  color: #606266;
  font-size: 13px;
}
.el-statistic .con {
  font-family: Sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #303133;
}
.el-statistic .con .number {
  font-size: 20px;
  padding: 0 4px;
}
.el-statistic .con span {
  display: inline-block;
  margin: 0;
  line-height: 100%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-popconfirm__main {
  display: flex;
  align-items: center;
}

.el-popconfirm__icon {
  margin-right: 5px;
}

.el-popconfirm__action {
  text-align: right;
  margin: 0;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.el-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: 13px;
}

.el-skeleton__caption {
  height: 12px;
}

.el-skeleton__h1 {
  height: 20px;
}

.el-skeleton__h3 {
  height: 18px;
}

.el-skeleton__h5 {
  height: 16px;
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  fill: #DCDDE0;
  width: 22%;
  height: 22%;
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}

.el-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}

.el-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.el-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.el-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.el-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}

.el-skeleton__p {
  width: 100%;
}
.el-skeleton__p.is-last {
  width: 61%;
}

.el-skeleton__p.is-first {
  width: 33%;
}

.el-skeleton__text {
  width: 100%;
  height: 13px;
}

.el-skeleton__caption {
  height: 12px;
}

.el-skeleton__h1 {
  height: 20px;
}

.el-skeleton__h3 {
  height: 18px;
}

.el-skeleton__h5 {
  height: 16px;
}

.el-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.el-skeleton__image svg {
  fill: #DCDDE0;
  width: 22%;
  height: 22%;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 0;
}
.el-empty__image {
  width: 160px;
}
.el-empty__image img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.el-empty__image svg {
  fill: #DCDDE0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: 20px;
}
.el-empty__description p {
  margin: 0;
  font-size: 14px;
  color: #909399;
}

.el-empty__bottom {
  margin-top: 20px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-descriptions-item {
  vertical-align: top;
}
.el-descriptions-item__container {
  display: flex;
}
.el-descriptions-item__container .el-descriptions-item__label,
.el-descriptions-item__container .el-descriptions-item__content {
  display: inline-flex;
  align-items: baseline;
}
.el-descriptions-item__container .el-descriptions-item__content {
  flex: 1;
}

.el-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.el-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}

.el-descriptions-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}

.el-descriptions {
  box-sizing: border-box;
  font-size: 14px;
  color: #303133;
}
.el-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.el-descriptions__title {
  font-size: 16px;
  font-weight: bold;
}

.el-descriptions__body {
  color: #606266;
  background-color: #FFFFFF;
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
}
.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
  text-align: left;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
  text-align: center;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
  text-align: right;
}

.el-descriptions .is-bordered {
  table-layout: auto;
}
.el-descriptions .is-bordered .el-descriptions-item__cell {
  border: 1px solid #EBEEF5;
  padding: 12px 10px;
}
.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 12px;
}
.el-descriptions--medium.is-bordered .el-descriptions-item__cell {
  padding: 10px;
}
.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 10px;
}

.el-descriptions--small {
  font-size: 12px;
}
.el-descriptions--small.is-bordered .el-descriptions-item__cell {
  padding: 8px 10px;
}
.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 8px;
}

.el-descriptions--mini {
  font-size: 12px;
}
.el-descriptions--mini.is-bordered .el-descriptions-item__cell {
  padding: 6px 10px;
}
.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 6px;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-descriptions-item {
  vertical-align: top;
}
.el-descriptions-item__container {
  display: flex;
}
.el-descriptions-item__container .el-descriptions-item__label,
.el-descriptions-item__container .el-descriptions-item__content {
  display: inline-flex;
  align-items: baseline;
}
.el-descriptions-item__container .el-descriptions-item__content {
  flex: 1;
}

.el-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.el-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}

.el-descriptions-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.el-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 30px;
}
.el-result__icon svg {
  width: 64px;
  height: 64px;
}

.el-result__title {
  margin-top: 20px;
}
.el-result__title p {
  margin: 0;
  font-size: 20px;
  color: #303133;
  line-height: 1.3;
}

.el-result__subtitle {
  margin-top: 10px;
}
.el-result__subtitle p {
  margin: 0;
  font-size: 14px;
  color: #606266;
  line-height: 1.3;
}

.el-result__extra {
  margin-top: 30px;
}

.el-result .icon-success {
  fill: #67C23A;
}
.el-result .icon-error {
  fill: #F56C6C;
}
.el-result .icon-info {
  fill: #909399;
}
.el-result .icon-warning {
  fill: #E6A23C;
}

.el-button--primary {
  background-color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
}
.el-button--primary:hover, .el-button--primary:focus {
  opacity: 0.9;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
}

.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.el-button--text):hover,
.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.el-button--text):focus {
  border-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-brand) !important;
  background-color: color-mix(in srgb, var(--kpi-primary) 8%, var(--kpi-bg-surface)) !important;
}

.el-button--text:hover,
.el-button--text:focus {
  color: var(--kpi-text-brand) !important;
  border-color: transparent !important;
  background-color: transparent !important;
}

.el-button.is-plain:not(.el-button--primary):not(.el-button--text):hover,
.el-button.is-plain:not(.el-button--primary):not(.el-button--text):focus {
  border-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-brand) !important;
  background-color: color-mix(in srgb, var(--kpi-primary) 8%, var(--kpi-bg-surface)) !important;
}

.el-button--primary.is-plain,
.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
  background-color: color-mix(in srgb, var(--kpi-primary) 10%, var(--kpi-bg-surface)) !important;
  color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
}

.el-button--text {
  color: var(--kpi-text-brand) !important;
}

.el-input__inner:focus,
.el-textarea__inner:focus,
.el-select .el-input__inner:focus {
  border-color: var(--kpi-text-brand) !important;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: var(--kpi-text-brand) !important;
}

.el-select__tags .el-tag,
.el-tag:not(.el-tag--primary):not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger) {
  background-color: color-mix(in srgb, var(--kpi-primary) 10%, var(--kpi-bg-surface)) !important;
  border-color: color-mix(in srgb, var(--kpi-primary) 25%, var(--kpi-bg-surface)) !important;
  color: var(--kpi-text-brand) !important;
}

.el-select .el-select__tags > span > .el-tag:first-child:not(:last-child) {
  max-width: calc(100% - 3.5rem);
}

.el-select__tags .el-tag .el-tag__close:hover,
.el-tag:not(.el-tag--primary):not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger) .el-tag__close:hover {
  background-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-inverse) !important;
}

.el-tag.el-tag--primary,
.el-tag.el-tag--primary.el-tag--light,
.el-tag.el-tag--primary.el-tag--plain {
  border-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-brand) !important;
}

.el-tag.el-tag--primary {
  background-color: color-mix(in srgb, var(--kpi-primary) 12%, var(--kpi-bg-surface)) !important;
}

.el-tag.el-tag--primary.el-tag--plain,
.el-tag.el-tag--primary.el-tag--light {
  background-color: color-mix(in srgb, var(--kpi-primary) 8%, var(--kpi-bg-surface)) !important;
}

.el-tag.el-tag--primary .el-tag__close:hover,
.el-tag.el-tag--primary.el-tag--plain .el-tag__close:hover,
.el-tag.el-tag--primary.el-tag--light .el-tag__close:hover {
  background-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-inverse) !important;
}

.el-check-tag.is-checked {
  background-color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
  color: var(--kpi-text-inverse) !important;
}

.el-slider__bar {
  background-color: var(--kpi-text-brand) !important;
}

.el-slider__button {
  border-color: var(--kpi-text-brand) !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--kpi-text-brand) !important;
  background: var(--kpi-primary) !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: var(--kpi-text-brand) !important;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
  box-shadow: -1px 0 0 0 var(--kpi-primary) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--kpi-text-brand) !important;
}

.el-checkbox.is-bordered .el-checkbox__label {
  color: var(--kpi-text-primary) !important;
}

.el-checkbox.is-bordered.is-checked .el-checkbox__label,
.el-checkbox.is-bordered .el-checkbox__input.is-checked + .el-checkbox__label,
.el-checkbox.is-bordered.is-disabled .el-checkbox__label,
.el-checkbox.is-bordered .el-checkbox__input.is-disabled + .el-checkbox__label {
  color: var(--kpi-text-muted) !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--kpi-text-brand) !important;
  background-color: var(--kpi-text-brand) !important;
}

.el-progress-bar__inner {
  background-color: var(--kpi-text-brand) !important;
}

.el-loading-spinner .path {
  stroke: var(--kpi-primary) !important;
}

.el-select-dropdown__item.selected {
  color: var(--kpi-text-brand) !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: var(--kpi-text-brand) !important;
}

.el-select-dropdown.tag-select-dropdown {
  min-width: 160px !important;
  max-width: min(480px, 90vw);
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  color: var(--kpi-text-brand) !important;
}

.el-dropdown-menu__item.red,
.el-dropdown-menu__item.red i {
  color: #dc2626 !important;
}

.el-dropdown-menu__item.red:focus,
.el-dropdown-menu__item.red:not(.is-disabled):hover {
  color: #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.12) !important;
}

.el-tabs__item.is-active {
  color: var(--kpi-text-brand) !important;
}

.el-tabs__active-bar {
  background-color: var(--kpi-text-brand) !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--kpi-text-brand) !important;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--kpi-text-brand) !important;
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
  color: var(--kpi-text-brand) !important;
}

.el-date-table td.today span {
  color: var(--kpi-text-brand) !important;
}

.el-date-table td.current:not(.disabled) span,
.el-date-table td.start-date span,
.el-date-table td.end-date span {
  background-color: var(--kpi-text-brand) !important;
}

.el-date-table td.available:hover span,
.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
  color: var(--kpi-text-brand) !important;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-picker-panel__icon-btn:hover,
.el-picker-panel__shortcut:hover {
  color: var(--kpi-text-brand) !important;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table td.in-range span,
.el-date-table td.in-range span:hover {
  background-color: color-mix(in srgb, var(--kpi-primary) 12%, var(--kpi-bg-surface)) !important;
}

.el-time-panel__btn.confirm,
.el-time-spinner__item.active:not(.disabled) {
  color: var(--kpi-text-brand) !important;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader__suggestion-item.is-checked {
  color: var(--kpi-text-brand) !important;
}

.el-tree-node.is-current > .el-tree-node__content {
  background-color: color-mix(in srgb, var(--kpi-primary) 10%, var(--kpi-bg-surface)) !important;
}

.el-tree-node__content:hover {
  background-color: color-mix(in srgb, var(--kpi-primary) 8%, var(--kpi-bg-surface)) !important;
}

.el-upload-dragger:hover,
.el-upload--picture-card:hover {
  border-color: var(--kpi-text-brand) !important;
}

.el-rate__icon.hover,
.el-rate__icon.is-active {
  color: var(--kpi-text-brand) !important;
}

.el-menu--horizontal > .el-menu-item.is-active,
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  color: var(--kpi-text-brand) !important;
  border-bottom-color: var(--kpi-text-brand) !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--kpi-text-brand) !important;
}

.el-step__head.is-finish,
.el-step__title.is-finish,
.el-step__description.is-finish {
  color: var(--kpi-text-brand) !important;
  border-color: var(--kpi-text-brand) !important;
}

.el-link.el-link--primary {
  color: var(--kpi-text-brand) !important;
}

.el-notification__content {
  text-align: left;
  overflow-wrap: anywhere;
}

.fkpi-read-full {
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 11px;
  font-weight: 600;
  color: var(--kpi-text-brand);
  text-decoration: underline;
  font-style: italic;
  cursor: pointer;
  vertical-align: baseline;
}

.fkpi-quote-modal__text {
  margin: 0 0 10px;
  font-style: italic;
  line-height: 1.5;
  white-space: pre-line;
  max-height: 60vh;
  overflow-y: auto;
}

.fkpi-quote-modal__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--kpi-text-muted);
}

.fkpi-quote-modal__stars .star {
  color: var(--kpi-border);
}

.fkpi-quote-modal__stars .star.filled {
  color: #facc15;
}
svg[data-v-dcbad973]{
  margin-left: -7px;
  margin-right: 20px;
}

svg[data-v-78a7e218]{
  margin-left: -5px;
  margin-right: 25px;
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.fkpi-btn .el-button {
  border-radius: 8px;
}
[data-v-b8a9f7d1]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-b8a9f7d1] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-b8a9f7d1]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.header[data-v-b8a9f7d1] {
  padding-top: 0 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content[data-v-b8a9f7d1] {
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--kpi-bg-surface);
}
.container[data-v-b8a9f7d1] {
  display: flex;
  word-break: normal;
}
.container .side-menu[data-v-b8a9f7d1] {
  flex: 1;
  min-height: -moz-max-content;
  min-height: max-content;
  background-color: var(--kpi-bg-surface);
  border-radius: 12px 0 0 12px;
  padding: 0.5rem;
  position: relative;
}
.container .content-panel[data-v-b8a9f7d1] {
  display: flex;
  flex-direction: column;
  flex: 5;
  padding: 1rem;
  gap: 1rem;
}
.container .content-panel .dialog-footer[data-v-b8a9f7d1] {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.edit-dashboard-dialog {
  margin: 0 !important;
}
.edit-dashboard-dialog .el-dialog {
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}
@media (max-width: 1024px) {
.edit-dashboard-dialog .el-dialog {
    width: 90% !important;
}
}
.edit-dashboard-dialog .el-dialog__header {
  padding: unset !important;
  border-bottom: none !important;
}
.edit-dashboard-dialog .el-dialog__header button {
  z-index: 10;
}
.edit-dashboard-dialog .el-dialog__body {
  padding: unset !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}
[data-v-be6a97d5]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-be6a97d5] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-be6a97d5]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
[data-v-be6a97d5] .content-panel {
  padding: 1.25rem 1.5rem;
  gap: 1.25rem;
}
[data-v-be6a97d5] .content-panel .header {
  padding: 0 2rem 0 0;
}
[data-v-be6a97d5] .content-panel .content {
  flex: 1;
  min-height: 0;
  max-height: calc(88vh - 10.5rem);
  padding: 0;
  overflow-y: auto;
  background: transparent;
  border-radius: 0;
}
[data-v-be6a97d5] .content-panel .dialog-footer {
  gap: 0;
}
.upsell-shell__header[data-v-be6a97d5] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  min-width: 0;
}
.upsell-shell__icon[data-v-be6a97d5] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-radius: 0.625rem;
}
.upsell-shell__heading[data-v-be6a97d5] {
  min-width: 0;
}
.upsell-shell__title[data-v-be6a97d5] {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--kpi-text-primary);
}
.upsell-shell__subtitle[data-v-be6a97d5] {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--kpi-text-muted);
}
.upsell-shell__body[data-v-be6a97d5] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0.125rem 0.125rem 0.5rem;
}
.upsell-shell__footer[data-v-be6a97d5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 1rem;
  border-top: 1px solid var(--kpi-border);
}
.upsell-shell__note[data-v-be6a97d5] {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0;
  font-size: 0.8125rem;
  color: var(--kpi-text-secondary);
}
.upsell-shell__note-icon[data-v-be6a97d5] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  color: var(--kpi-text-muted);
}
.upsell-shell__actions[data-v-be6a97d5] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-left: auto;
}
[data-v-86d15f59]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-86d15f59] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-86d15f59]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-hero[data-v-86d15f59] {
  padding: 2rem 2rem 1.75rem;
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-radius: 0.75rem;
}
.upsell-hero__headline[data-v-86d15f59] {
  max-width: 30ch;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: var(--kpi-text-inverse);
}
.upsell-hero__lead[data-v-86d15f59] {
  max-width: 62ch;
  margin: 0.75rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
}
.upsell-hero__tags[data-v-86d15f59] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  margin: 1.25rem 0 0;
  list-style: none;
}
.upsell-hero__proof[data-v-86d15f59] {
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--kpi-primary);
  background: #ffffff;
  border-radius: 0.375rem;
}
.upsell-hero__tag[data-v-86d15f59] {
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--kpi-text-inverse);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 0.375rem;
}
[data-v-f769d83e]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-f769d83e] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-f769d83e]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-section[data-v-f769d83e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.upsell-section__header[data-v-f769d83e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.upsell-section__title[data-v-f769d83e] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--kpi-text-primary);
}
.upsell-section__description[data-v-f769d83e] {
  max-width: 70ch;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
}
[data-v-cabbc16a]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-cabbc16a] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-cabbc16a]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-features[data-v-cabbc16a] {
  display: grid;
  gap: 0.75rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.upsell-features--2[data-v-cabbc16a] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.upsell-features--3[data-v-cabbc16a] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
.upsell-features--2[data-v-cabbc16a], .upsell-features--3[data-v-cabbc16a] {
    grid-template-columns: minmax(0, 1fr);
}
}
.upsell-feature[data-v-cabbc16a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(8, 47, 73, 0.05);
}
.upsell-feature__top[data-v-cabbc16a] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.upsell-feature__icon[data-v-cabbc16a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.125rem;
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-radius: 0.625rem;
}
.upsell-feature__icon svg[data-v-cabbc16a] {
  width: 1.125rem;
  height: 1.125rem;
}
.upsell-feature__badge[data-v-cabbc16a] {
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
  white-space: nowrap;
  border: 1px solid var(--kpi-border);
  border-radius: 0.375rem;
}
.upsell-feature__title[data-v-cabbc16a] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--kpi-text-primary);
}
.upsell-feature__description[data-v-cabbc16a] {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--kpi-text-secondary);
}
.upsell-feature__points[data-v-cabbc16a] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem 0 0;
  margin: 0.25rem 0 0;
  list-style: none;
  border-top: 1px solid var(--kpi-border);
}
.upsell-feature__points li[data-v-cabbc16a] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--kpi-text-secondary);
}
.upsell-feature__points svg[data-v-cabbc16a] {
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.2rem;
  color: var(--kpi-primary);
}
[data-v-8d8c9138]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-8d8c9138] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-8d8c9138]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-benefits[data-v-8d8c9138] {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid var(--kpi-border);
  border-radius: 0.75rem;
  overflow: hidden;
}
.upsell-benefit[data-v-8d8c9138] {
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
  padding: 0.875rem 1.25rem;
  background: var(--kpi-bg-surface);
}
.upsell-benefit + .upsell-benefit[data-v-8d8c9138] {
  border-top: 1px solid var(--kpi-border);
}
.upsell-benefit__check[data-v-8d8c9138] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.1rem;
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-radius: 999px;
}
.upsell-benefit__check svg[data-v-8d8c9138] {
  width: 0.75rem;
  height: 0.75rem;
}
.upsell-benefit__title[data-v-8d8c9138] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--kpi-text-primary);
}
.upsell-benefit__description[data-v-8d8c9138] {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
}
[data-v-2ba72562]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-2ba72562] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-2ba72562]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-roi[data-v-2ba72562] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border: 1px solid var(--kpi-border);
  border-radius: 0.75rem;
  overflow: hidden;
}
@media (max-width: 900px) {
.upsell-roi[data-v-2ba72562] {
    grid-template-columns: minmax(0, 1fr);
}
}
.upsell-roi__inputs[data-v-2ba72562] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--kpi-bg-surface);
}
.upsell-roi__results[data-v-2ba72562] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.25rem;
  background: var(--kpi-bg-surface-2);
  border-left: 1px solid var(--kpi-border);
}
@media (max-width: 900px) {
.upsell-roi__results[data-v-2ba72562] {
    border-top: 1px solid var(--kpi-border);
    border-left: 0;
}
}
[data-v-22d1cb81]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-22d1cb81] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-22d1cb81]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-input[data-v-22d1cb81] .el-input__inner {
  height: 2.375rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
  color: var(--kpi-text-primary);
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.upsell-input[data-v-22d1cb81] .el-input__inner::-moz-placeholder {
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-22d1cb81] .el-input__inner::placeholder {
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-22d1cb81] .el-input__inner:hover {
  border-color: var(--kpi-border-strong);
}
.upsell-input[data-v-22d1cb81] .el-input__inner:focus {
  border-color: var(--kpi-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--kpi-primary) 15%, transparent);
}
.upsell-input[data-v-22d1cb81] .el-input__prefix {
  left: 0.75rem;
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-22d1cb81] .el-input__prefix .el-input__icon {
  line-height: 2.375rem;
}
.upsell-input.el-input--prefix[data-v-22d1cb81] .el-input__inner {
  padding-left: 2.125rem;
}
.upsell-segmented[data-v-22d1cb81] .el-radio-group {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: var(--kpi-bg-surface-2);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button {
  margin: 0;
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__inner {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  height: auto;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--kpi-text-secondary);
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  box-shadow: none;
  transition: color 0.15s, background 0.15s;
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__inner:hover {
  color: var(--kpi-text-primary);
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner .upsell-segmented__badge {
  color: var(--kpi-text-inverse);
  background: rgba(255, 255, 255, 0.18);
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: var(--kpi-text-muted);
  background: transparent;
}
.upsell-segmented[data-v-22d1cb81] .el-radio-button .el-radio-button__orig-radio:focus-visible + .el-radio-button__inner {
  outline: 2px solid var(--kpi-primary);
  outline-offset: 1px;
}
.upsell-segmented__badge[data-v-22d1cb81] {
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--kpi-pos);
  background: color-mix(in srgb, var(--kpi-pos) 12%, transparent);
  border-radius: 0.25rem;
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0.75rem 0.875rem;
  white-space: normal;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  transition: border-color 0.15s, background 0.15s;
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio.is-checked {
  border-color: var(--kpi-primary);
  background: var(--kpi-bg-surface-2);
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio.is-disabled {
  opacity: 0.6;
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio__input {
  margin-top: 0.1rem;
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio__inner {
  border-color: var(--kpi-border-strong);
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio__input.is-checked .el-radio__inner {
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-radio-cards[data-v-22d1cb81] .el-radio__label {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-left: 0.625rem;
  color: var(--kpi-text-primary);
}
.upsell-table[data-v-22d1cb81] {
  font-size: 0.8125rem;
  color: var(--kpi-text-primary);
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  overflow: hidden;
}
.upsell-table[data-v-22d1cb81]::before {
  display: none;
}
.upsell-table[data-v-22d1cb81] th.el-table__cell {
  padding: 0.5rem 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--kpi-text-secondary);
  background: var(--kpi-bg-surface-2);
  border-bottom: 1px solid var(--kpi-border);
}
.upsell-table[data-v-22d1cb81] td.el-table__cell {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--kpi-border);
}
.upsell-table[data-v-22d1cb81] .el-table__row:last-child td.el-table__cell {
  border-bottom: 0;
}
.upsell-table[data-v-22d1cb81] .el-table__body tr:hover > td.el-table__cell {
  background: var(--kpi-bg-surface-2);
}
.upsell-table[data-v-22d1cb81] .el-checkbox__inner {
  border-color: var(--kpi-border-strong);
  border-radius: 0.25rem;
}
.upsell-table[data-v-22d1cb81] .el-checkbox__input.is-checked .el-checkbox__inner,
.upsell-table[data-v-22d1cb81] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-pill[data-v-22d1cb81] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
  white-space: nowrap;
  border: 1px solid var(--kpi-border);
  border-radius: 0.375rem;
}
.upsell-pill--accent[data-v-22d1cb81] {
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-pill--positive[data-v-22d1cb81] {
  color: var(--kpi-pos);
  border-color: color-mix(in srgb, var(--kpi-pos) 40%, transparent);
}
.upsell-link-btn[data-v-22d1cb81] {
  padding: 0;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.upsell-link-btn[data-v-22d1cb81]:disabled {
  color: var(--kpi-text-muted);
  cursor: default;
  text-decoration: none;
}
.upsell-roi-input[data-v-22d1cb81] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.upsell-roi-input__label[data-v-22d1cb81] {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--kpi-text-primary);
}
[data-v-543c4d56]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-543c4d56] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-543c4d56]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-roi-stat[data-v-543c4d56] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.upsell-roi-stat__label[data-v-543c4d56] {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--kpi-text-secondary);
}
.upsell-roi-stat__value[data-v-543c4d56] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--kpi-primary);
  font-variant-numeric: tabular-nums;
}
.upsell-roi-stat__hint[data-v-543c4d56] {
  margin: 0;
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
}
[data-v-6e4554f7]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-6e4554f7] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-6e4554f7]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-callout[data-v-6e4554f7] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.875rem 1rem;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.upsell-callout--soft[data-v-6e4554f7] {
  background: var(--kpi-bg-surface-2);
}
.upsell-callout__icon[data-v-6e4554f7] {
  display: inline-flex;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  color: var(--kpi-primary);
}
.upsell-callout__icon svg[data-v-6e4554f7] {
  width: 100%;
  height: 100%;
}
.upsell-callout__title[data-v-6e4554f7] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--kpi-text-primary);
}
.upsell-callout__description[data-v-6e4554f7] {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
}
.currency-toggle[data-v-90eb3d96] {
    white-space: nowrap;
}

[data-v-3e5917af]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-3e5917af] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-3e5917af]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.bank-transfer-fiscal-gate[data-v-3e5917af] .el-dialog__body {
  padding: 20px;
  word-break: normal;
  overflow-wrap: anywhere;
}
.bank-transfer-fiscal-gate__body[data-v-3e5917af] {
  min-height: 96px;
  font-size: 13px;
  line-height: 1.5;
}
.bank-transfer-fiscal-gate__lead[data-v-3e5917af] {
  margin: 0 0 12px;
  font-weight: 600;
}
.bank-transfer-fiscal-gate__waiting[data-v-3e5917af] {
  margin: 0;
  color: #606266;
}
.bank-transfer-fiscal-gate__hint[data-v-3e5917af] {
  margin: 12px 0 0;
  color: #909399;
}
.bank-transfer-fiscal-gate__progress-label[data-v-3e5917af] {
  margin: 0 0 6px;
  font-size: 12px;
  color: #909399;
}
.bank-transfer-fiscal-gate__progress[data-v-3e5917af] {
  height: 4px;
  margin: 0 0 14px;
  border-radius: 2px;
  background: #ebeef5;
  overflow: hidden;
}
.bank-transfer-fiscal-gate__progress span[data-v-3e5917af] {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #16265c;
  transition: width 0.3s ease;
}
.bank-transfer-fiscal-gate__checklist[data-v-3e5917af] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 10px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bank-transfer-fiscal-gate__checklist li[data-v-3e5917af] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  color: #303133;
}
.bank-transfer-fiscal-gate__checklist .is-filled[data-v-3e5917af] {
  color: #909399;
}
.bank-transfer-fiscal-gate__checklist i[data-v-3e5917af] {
  flex: none;
  color: #67c23a;
}
.bank-transfer-fiscal-gate__pending[data-v-3e5917af] {
  flex: none;
  width: 11px;
  height: 11px;
  border: 1px solid #dcdfe6;
  border-radius: 50%;
  transform: translateY(1px);
}
.bank-transfer-fiscal-gate__field[data-v-3e5917af] {
  min-width: 0;
}
.bank-transfer-fiscal-gate__value[data-v-3e5917af] {
  display: block;
  overflow: hidden;
  color: #c0c4cc;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bank-transfer-fiscal-gate__identity[data-v-3e5917af] {
  padding: 12px 16px;
  border-radius: 6px;
  background: #f5f7fa;
}
.bank-transfer-fiscal-gate__identity dl[data-v-3e5917af] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 16px;
  margin: 0;
}
.bank-transfer-fiscal-gate__identity dt[data-v-3e5917af] {
  color: #909399;
}
.bank-transfer-fiscal-gate__identity dd[data-v-3e5917af] {
  margin: 0;
  font-weight: 600;
}
.bank-transfer-fiscal-gate__ok[data-v-3e5917af] {
  margin: 0 0 10px;
  font-weight: 600;
  color: #2f9e44;
}
.bank-transfer-fiscal-gate__ok i[data-v-3e5917af] {
  margin-right: 4px;
}
.bank-transfer-fiscal-gate__change[data-v-3e5917af] {
  margin-top: 8px;
  padding: 0;
  font-size: 12px;
}
.bank-transfer-fiscal-gate__confirm[data-v-3e5917af] {
  margin: 16px 0 0;
  color: #606266;
}
.bank-transfer-fiscal-gate__terms[data-v-3e5917af] {
  display: flex;
  align-items: flex-start;
  margin-top: 14px;
  white-space: normal;
}
.bank-transfer-fiscal-gate__terms[data-v-3e5917af] .el-checkbox__input {
  margin-top: 2px;
}
.bank-transfer-fiscal-gate__terms[data-v-3e5917af] .el-checkbox__label {
  font-size: 13px;
  line-height: 1.5;
  color: #303133;
}
.bank-transfer-fiscal-gate__terms a[data-v-3e5917af] {
  color: inherit;
  text-decoration: underline;
}
[data-v-4fc3af0c]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-4fc3af0c] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-4fc3af0c]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.fiscal-entity-picker[data-v-4fc3af0c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.75rem;
  margin-top: 1rem;
}
.fiscal-entity-picker__label[data-v-4fc3af0c] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 3px;
  background: var(--kpi-bg-surface-2);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button {
  margin: 0;
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button__inner {
  display: inline-flex;
  gap: 0.375rem;
  align-items: baseline;
  height: auto;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--kpi-text-secondary);
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  box-shadow: none;
  transition: color 0.15s, background 0.15s;
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button__inner:hover {
  color: var(--kpi-text-primary);
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-color: transparent;
  box-shadow: none;
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button__orig-radio:focus-visible + .el-radio-button__inner {
  outline: 2px solid var(--kpi-primary);
  outline-offset: 1px;
}
.fiscal-entity-picker__name[data-v-4fc3af0c] {
  font-weight: 600;
}
.fiscal-entity-picker__nif[data-v-4fc3af0c] {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--kpi-text-muted);
}
.fiscal-entity-picker__control[data-v-4fc3af0c] .el-radio-button__orig-radio:checked + .el-radio-button__inner .fiscal-entity-picker__nif {
  color: rgba(255, 255, 255, 0.78);
}
.fiscal-entity-picker__hint[data-v-4fc3af0c] {
  flex: 1 0 100%;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--kpi-text-secondary);
}
[data-v-a393878e]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-a393878e] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-a393878e]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.upsell-input[data-v-a393878e] .el-input__inner {
  height: 2.375rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
  color: var(--kpi-text-primary);
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.upsell-input[data-v-a393878e] .el-input__inner::-moz-placeholder {
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-a393878e] .el-input__inner::placeholder {
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-a393878e] .el-input__inner:hover {
  border-color: var(--kpi-border-strong);
}
.upsell-input[data-v-a393878e] .el-input__inner:focus {
  border-color: var(--kpi-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--kpi-primary) 15%, transparent);
}
.upsell-input[data-v-a393878e] .el-input__prefix {
  left: 0.75rem;
  color: var(--kpi-text-muted);
}
.upsell-input[data-v-a393878e] .el-input__prefix .el-input__icon {
  line-height: 2.375rem;
}
.upsell-input.el-input--prefix[data-v-a393878e] .el-input__inner {
  padding-left: 2.125rem;
}
.upsell-segmented[data-v-a393878e] .el-radio-group {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  background: var(--kpi-bg-surface-2);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.upsell-segmented[data-v-a393878e] .el-radio-button {
  margin: 0;
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__inner {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  height: auto;
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--kpi-text-secondary);
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  box-shadow: none;
  transition: color 0.15s, background 0.15s;
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__inner:hover {
  color: var(--kpi-text-primary);
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner .upsell-segmented__badge {
  color: var(--kpi-text-inverse);
  background: rgba(255, 255, 255, 0.18);
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: var(--kpi-text-muted);
  background: transparent;
}
.upsell-segmented[data-v-a393878e] .el-radio-button .el-radio-button__orig-radio:focus-visible + .el-radio-button__inner {
  outline: 2px solid var(--kpi-primary);
  outline-offset: 1px;
}
.upsell-segmented__badge[data-v-a393878e] {
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--kpi-pos);
  background: color-mix(in srgb, var(--kpi-pos) 12%, transparent);
  border-radius: 0.25rem;
}
.upsell-radio-cards[data-v-a393878e] .el-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.upsell-radio-cards[data-v-a393878e] .el-radio {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0.75rem 0.875rem;
  white-space: normal;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  transition: border-color 0.15s, background 0.15s;
}
.upsell-radio-cards[data-v-a393878e] .el-radio.is-checked {
  border-color: var(--kpi-primary);
  background: var(--kpi-bg-surface-2);
}
.upsell-radio-cards[data-v-a393878e] .el-radio.is-disabled {
  opacity: 0.6;
}
.upsell-radio-cards[data-v-a393878e] .el-radio__input {
  margin-top: 0.1rem;
}
.upsell-radio-cards[data-v-a393878e] .el-radio__inner {
  border-color: var(--kpi-border-strong);
}
.upsell-radio-cards[data-v-a393878e] .el-radio__input.is-checked .el-radio__inner {
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-radio-cards[data-v-a393878e] .el-radio__label {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-left: 0.625rem;
  color: var(--kpi-text-primary);
}
.upsell-table[data-v-a393878e] {
  font-size: 0.8125rem;
  color: var(--kpi-text-primary);
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
  overflow: hidden;
}
.upsell-table[data-v-a393878e]::before {
  display: none;
}
.upsell-table[data-v-a393878e] th.el-table__cell {
  padding: 0.5rem 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--kpi-text-secondary);
  background: var(--kpi-bg-surface-2);
  border-bottom: 1px solid var(--kpi-border);
}
.upsell-table[data-v-a393878e] td.el-table__cell {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--kpi-border);
}
.upsell-table[data-v-a393878e] .el-table__row:last-child td.el-table__cell {
  border-bottom: 0;
}
.upsell-table[data-v-a393878e] .el-table__body tr:hover > td.el-table__cell {
  background: var(--kpi-bg-surface-2);
}
.upsell-table[data-v-a393878e] .el-checkbox__inner {
  border-color: var(--kpi-border-strong);
  border-radius: 0.25rem;
}
.upsell-table[data-v-a393878e] .el-checkbox__input.is-checked .el-checkbox__inner,
.upsell-table[data-v-a393878e] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-pill[data-v-a393878e] {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
  white-space: nowrap;
  border: 1px solid var(--kpi-border);
  border-radius: 0.375rem;
}
.upsell-pill--accent[data-v-a393878e] {
  color: var(--kpi-text-inverse);
  background: var(--kpi-primary);
  border-color: var(--kpi-primary);
}
.upsell-pill--positive[data-v-a393878e] {
  color: var(--kpi-pos);
  border-color: color-mix(in srgb, var(--kpi-pos) 40%, transparent);
}
.upsell-link-btn[data-v-a393878e] {
  padding: 0;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.upsell-link-btn[data-v-a393878e]:disabled {
  color: var(--kpi-text-muted);
  cursor: default;
  text-decoration: none;
}
.bmi-plan[data-v-a393878e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 0.75rem 1rem;
  background: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 0.5rem;
}
.bmi-plan__label[data-v-a393878e] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
}
.bmi-plan__controls[data-v-a393878e] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-left: auto;
}
.bmi-toolbar[data-v-a393878e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.bmi-toolbar__search[data-v-a393878e] {
  flex: 1;
  min-width: 12rem;
}
.bmi-toolbar__actions[data-v-a393878e] {
  display: flex;
  gap: 0.875rem;
  align-items: center;
  white-space: nowrap;
}
.bmi-empty[data-v-a393878e] {
  margin: 0;
  padding: 1.5rem 1rem;
  font-size: 0.8125rem;
  text-align: center;
  color: var(--kpi-text-muted);
  border: 1px dashed var(--kpi-border);
  border-radius: 0.5rem;
}
.bmi-settle[data-v-a393878e] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 18rem);
  border: 1px solid var(--kpi-border);
  border-radius: 0.75rem;
  overflow: hidden;
}
.bmi-settle--no-ladder[data-v-a393878e] {
  grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 700px) {
.bmi-settle[data-v-a393878e] {
    grid-template-columns: minmax(0, 1fr);
}
}
.bmi-settle__ladder[data-v-a393878e] {
  padding: 1rem 1.25rem;
  background: var(--kpi-bg-surface);
}
.bmi-settle__title[data-v-a393878e] {
  display: flex;
  gap: 0.75rem;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--kpi-text-primary);
}
.bmi-settle__chain[data-v-a393878e] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--kpi-text-muted);
  white-space: nowrap;
}
.bmi-settle__rows[data-v-a393878e] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.bmi-settle__row[data-v-a393878e] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 3.5rem;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.375rem 0.5rem;
  font-size: 0.8125rem;
  color: var(--kpi-text-secondary);
  border-radius: 0.375rem;
  font-variant-numeric: tabular-nums;
}
.bmi-settle__row--current[data-v-a393878e] {
  font-weight: 600;
  color: var(--kpi-primary);
  background: var(--kpi-bg-surface-2);
}
.bmi-settle__amount[data-v-a393878e] {
  white-space: nowrap;
}
.bmi-settle__pct[data-v-a393878e] {
  font-size: 0.75rem;
  text-align: right;
  color: var(--kpi-text-muted);
}
.bmi-settle__row--current .bmi-settle__pct[data-v-a393878e] {
  color: var(--kpi-pos);
}
.bmi-settle__foot[data-v-a393878e] {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  margin: 0.75rem 0 0;
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--kpi-text-muted);
}
.bmi-settle__foot--nudge[data-v-a393878e] {
  font-weight: 500;
  color: var(--kpi-primary);
}
.bmi-settle__foot-icon[data-v-a393878e] {
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  color: var(--kpi-pos);
}
.bmi-settle__total[data-v-a393878e] {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  background: var(--kpi-bg-surface-2);
  border-left: 1px solid var(--kpi-border);
}
@media (max-width: 700px) {
.bmi-settle__total[data-v-a393878e] {
    border-top: 1px solid var(--kpi-border);
    border-left: 0;
}
}
.bmi-settle__currency[data-v-a393878e] {
  align-self: center;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--kpi-text-secondary);
  border: 1px solid var(--kpi-border);
  border-radius: 999px;
}
.bmi-settle__trial[data-v-a393878e] {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  margin: 0 0 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--kpi-primary);
  border-bottom: 1px solid var(--kpi-border);
}
.bmi-settle__trial-icon[data-v-a393878e] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.bmi-settle__empty[data-v-a393878e] {
  margin: auto 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--kpi-text-muted);
}
.bmi-settle__formula[data-v-a393878e] {
  font-size: 0.75rem;
  color: var(--kpi-text-secondary);
  font-variant-numeric: tabular-nums;
}
.bmi-settle__amount-row[data-v-a393878e] {
  display: flex;
  gap: 0.375rem;
  align-items: baseline;
  margin-top: auto;
  padding-top: 0.5rem;
}
.bmi-settle__big[data-v-a393878e] {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--kpi-primary);
  font-variant-numeric: tabular-nums;
}
.bmi-settle__period[data-v-a393878e] {
  font-size: 0.8125rem;
  color: var(--kpi-text-muted);
}
.bmi-settle__tax[data-v-a393878e] {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
}
.bmi-settle__saving[data-v-a393878e] {
  align-self: flex-start;
  margin-top: 0.625rem;
}
.bmi-payment__label[data-v-a393878e] {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
}
.bmi-payment__name[data-v-a393878e] {
  font-size: 0.875rem;
  font-weight: 600;
}
.bmi-payment__hint[data-v-a393878e] {
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--kpi-text-secondary);
}
.bmi-payment__notice[data-v-a393878e] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin: 0.5rem 0 0;
  padding-left: 0.15rem;
  font-size: 0.78rem;
  line-height: 1.45;
  font-weight: 500;
  color: #b45309;
}
.bmi-payment__notice i[data-v-a393878e] {
  flex: 0 0 auto;
  margin-top: 0.1rem;
  font-size: 0.85rem;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.nav-bar-submenu > .el-submenu__title > .el-icon-arrow-right {
  left: 3rem !important;
}
html[data-theme=dark] .nav-bar-submenu > .el-submenu__title > .el-submenu__icon-arrow {
  color: #ffffff !important;
}
.nav-bar-menu:hover,
.nav-bar-submenu > .el-submenu__title:hover {
  background-color: var(--kpi-secondary);
}
.nav-bar-menu,
.nav-bar-submenu > .el-submenu__title {
  position: relative;
}
.nav-bar-menu:focus {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-submenu-item {
  overflow-x: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 0 25px !important;
}
.nav-bar-submenu-item-container .el-submenu__title {
  overflow-y: hidden;
}
.nav-bar-submenu-item-container:not(:has(.el-submenu__title)) {
  padding: 0 25px !important;
}
.nav-bar-submenu:not(.is-opened) {
  background-color: transparent !important;
  color: var(--kpi-text-inverse) !important;
}
.nav-bar-submenu.is-active-nav-bar-menu > .el-submenu__title {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-submenu-item-container > .el-submenu__title {
  padding-left: 25px !important;
}
.nav-bar-submenu-item-container:has(.el-submenu__title) {
  padding-left: 0 !important;
}
.nav-bar-submenu .el-submenu__title span,
.el-menu-item span {
  margin-left: 5px;
  display: inline-block;
  text-align: left;
}
.el-menu-item.nav-bar-submenu-item {
  color: rgb(0, 0, 0) !important;
}
.el-menu-item.nav-bar-submenu-item.is-active {
  color: rgb(8, 47, 73) !important;
}
[data-v-60683827]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-60683827] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-60683827]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.el-menu[data-v-60683827] {
  border-right: none;
}
.el-menu span[data-v-60683827] {
  color: var(--kpi-text-inverse);
}
.anna-icon-title[data-v-60683827] {
  left: 0.2rem;
}
.user-name-not-collapsed[data-v-60683827] {
  right: 0.63rem;
}
.nav-bar-submenu-item-title[data-v-60683827] {
  color: var(--kpi-text-primary) !important;
}
.icon-badge[data-v-60683827] {
  position: absolute;
  right: 4px;
  top: 4px;
  border-radius: 5px;
  padding: 2px 3.5px;
  line-height: 1;
  font-size: 0.5rem;
  font-weight: 400;
  text-transform: uppercase;
  /* letter-spacing: 0.5px; */
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@keyframes shake-60683827 {
0% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(5deg);
}
50% {
    transform: rotate(0deg);
}
75% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
.shake-badge[data-v-60683827] {
  animation: shake-60683827 0.3s linear infinite;
}
.premium-icon[data-v-60683827] {
  position: absolute;
  bottom: 3px;
  left: 3px;
  background-color: transparent;
  border-radius: 2px;
  padding: 1px 2px;
  width: auto;
  height: auto;
  min-width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  opacity: 0.7;
}
html[data-theme=dark] .premium-icon[data-v-60683827] {
  opacity: 1;
}
.nav-bar-submenu-item .premium-icon[data-v-60683827] {
  position: static;
  display: inline-flex;
  background-color: transparent;
  padding: 0;
  min-width: auto;
  margin-right: 4px;
  vertical-align: middle;
  opacity: 0.6;
}
html[data-theme=dark] .nav-bar-submenu-item .premium-icon[data-v-60683827] {
  background-color: transparent;
  opacity: 1;
}
.lock-icon[data-v-60683827] {
  font-size: 6px;
  color: rgba(255, 255, 255, 0.5);
}
html[data-theme=dark] .lock-icon[data-v-60683827] {
  color: rgba(255, 255, 255, 0.65);
}
.nav-bar-submenu-item .lock-icon[data-v-60683827] {
  font-size: 5px;
  color: rgba(0, 0, 0, 0.45);
  transform: scale(0.7);
}
html[data-theme=dark] .nav-bar-submenu-item .lock-icon[data-v-60683827] {
  color: rgba(255, 255, 255, 0.65);
}
.menu-separator[data-v-60683827] {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 8px 16px;
  width: calc(100% - 32px);
}
.nav-bar-menu.is-active-nav-bar-menu[data-v-60683827] {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-menu.is-active-nav-bar-menu[data-v-60683827]:not(.is-opened) {
  background-color: var(--kpi-secondary) !important;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.nav-bar-submenu > .el-submenu__title > .el-icon-arrow-right {
  left: 3rem !important;
}
.nav-bar-menu:hover,
.nav-bar-submenu > .el-submenu__title:hover {
  background-color: var(--kpi-secondary);
}
.nav-bar-menu,
.nav-bar-submenu > .el-submenu__title {
  position: relative;
}
.nav-bar-menu:focus {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-submenu-item {
  overflow-x: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 0 25px !important;
}
.nav-bar-submenu-item-container .el-submenu__title {
  overflow-y: hidden;
}
.nav-bar-submenu-item-container:not(:has(.el-submenu__title)) {
  padding: 0 25px !important;
}
.nav-bar-submenu:not(.is-opened) {
  background-color: transparent !important;
  color: var(--kpi-text-inverse) !important;
}
.nav-bar-submenu.is-active-nav-bar-menu > .el-submenu__title {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-submenu-item-container > .el-submenu__title {
  padding-left: 25px !important;
  padding-right: 40px !important;
}
.nav-bar-submenu-item-container:has(.el-submenu__title) {
  padding-left: 0 !important;
}
.nav-bar-submenu:has(.el-submenu__title) span.nav-bar-submenu-item-title {
  margin-left: 0 !important;
}
.sign-out > .el-dialog .dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.sign-out-mobile > .el-dialog {
  max-width: calc(100vw - 24px);
  margin: 0 auto;
}
.sign-out-mobile > .el-dialog .dialog-footer {
  display: flex;
  justify-content: stretch;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sign-out-mobile > .el-dialog .dialog-footer .el-button {
  flex: 1 1 auto;
  margin-left: 0;
}
.nav-bar-submenu .el-submenu__title span,
.el-menu-item span {
  margin-left: 5px;
  display: inline-block;
  text-align: left;
}
.el-menu-item.nav-bar-submenu-item {
  color: rgb(0, 0, 0) !important;
}
.el-menu-item.nav-bar-submenu-item.is-active {
  color: rgb(8, 47, 73) !important;
}
[data-v-51bbe34f]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-51bbe34f] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-51bbe34f]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.el-menu[data-v-51bbe34f] {
  border-right: none;
}
.el-menu span[data-v-51bbe34f] {
  color: var(--kpi-text-inverse);
}
.downloads-dot[data-v-51bbe34f] {
  position: absolute;
  right: 13px;
  bottom: 10px;
}
.user-name-not-collapsed[data-v-51bbe34f] {
  right: 0.8rem;
}
.nav-bar-submenu-item-title[data-v-51bbe34f] {
  color: var(--kpi-text-primary) !important;
}
.nav-bar-menu.is-active-nav-bar-menu[data-v-51bbe34f] {
  background-color: var(--kpi-secondary) !important;
}
.nav-bar-menu.is-active-nav-bar-menu[data-v-51bbe34f]:not(.is-opened) {
  background-color: var(--kpi-secondary) !important;
}
.icon-badge[data-v-51bbe34f] {
  position: absolute;
  right: 4px;
  top: 4px;
  border-radius: 5px;
  padding: 2px 3.5px;
  line-height: 1;
  font-size: 0.5rem;
  font-weight: 400;
  text-transform: uppercase;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
[data-v-e86aac09]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-e86aac09] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-e86aac09]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.nav[data-v-e86aac09] {
  background: none;
  width: 30px;
  height: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav svg[data-v-e86aac09] {
  fill: none;
  stroke: var(--color);
  stroke-width: 7px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav svg path[data-v-e86aac09]:nth-of-type(1) {
  opacity: 1;
  stroke-dashoffset: 221;
  stroke-dasharray: 46 249;
  transition: stroke-dashoffset 0.12s linear 0.2s, stroke-dasharray 0.12s linear 0.2s, opacity 0s linear 0.2s;
}
.nav svg path[data-v-e86aac09]:nth-of-type(2) {
  animation: stroke-animation-reverse-e86aac09 1.2s ease-out forwards;
}
.nav input[data-v-e86aac09] {
  position: absolute;
  height: 50px;
  width: 30px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.nav input:checked + svg path[data-v-e86aac09]:nth-of-type(1) {
  stroke-dashoffset: 175;
  stroke-dasharray: 0 295;
  opacity: 0;
  transition: stroke-dashoffset 0.07s linear 0.07s, stroke-dasharray 0.07s linear 0.07s, opacity 0s linear 0.14s;
}
.nav input:checked + svg path[data-v-e86aac09]:nth-of-type(2) {
  animation: stroke-animation-e86aac09 1.2s ease-out forwards;
}
@keyframes stroke-animation-e86aac09 {
0% {
    stroke-dashoffset: 295;
    stroke-dasharray: 25 270;
}
50% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
}
65% {
    stroke-dashoffset: 59;
    stroke-dasharray: 59 236;
}
100% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
}
}
@keyframes stroke-animation-reverse-e86aac09 {
0% {
    stroke-dashoffset: 68;
    stroke-dasharray: 59 236;
}
50% {
    stroke-dashoffset: 290;
    stroke-dasharray: 25 270;
}
65% {
    stroke-dashoffset: 295;
    stroke-dasharray: 25 270;
}
100% {
    stroke-dashoffset: 290;
    stroke-dasharray: 25 270;
}
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.top-left-side-menu,
.bottom-left-side-menu {
  background-color: var(--kpi-text-brand);
}
.top-left-side-menu:not(.el-menu--collapse),
.bottom-left-side-menu:not(.el-menu--collapse) {
  width: 260px;
  min-height: auto;
}
.menu-icon {
  color: var(--kpi-text-inverse);
  margin-right: 2rem;
  scale: 1.1;
}
.menu-icon [stroke] {
  stroke: currentColor;
}
.no-collapse {
  margin-left: 260px !important;
}
#left-side > div > ul > div > li span,
.nav-bar-submenu span,
.nav-bar-menu span,
.nav-bar-submenu-item,
.nav-bar-submenu-item-title {
  font-size: 0.9rem;
}
.nav-bar-menu.el-menu-item.is-active {
  background-color: var(--kpi-secondary) !important;
}
[data-v-6c55bde6]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-6c55bde6] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-6c55bde6]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
#left-side[data-v-6c55bde6] {
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
  height: 100dvh;
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0px;
  z-index: 1000;
  max-width: 260px;
  min-width: 64px;
  font-size: 0.6rem;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#left-side .aside-header.header-is-mobile[data-v-6c55bde6] {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#left-side .aside-header[data-v-6c55bde6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#left-side .aside-header .fold-button[data-v-6c55bde6] {
  width: 30px;
  height: 50px;
  margin-left: 1rem;
}
#left-side .aside-header .unfold-icon[data-v-6c55bde6] {
  color: var(--kpi-text-inverse);
  margin-left: 0.8rem;
}
#left-side .aside-header .company-logo[data-v-6c55bde6] {
  position: fixed;
  width: 110px;
  transition: 1s;
  left: 4.5rem;
}
#left-side .aside-header .company-logo .logo-wrapper[data-v-6c55bde6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
#left-side .aside-header .company-logo .logo-wrapper img[data-v-6c55bde6] {
  width: 110px;
}
#left-side .aside-header .company-logo-on[data-v-6c55bde6] {
  opacity: 1;
  transition: 1s;
}
#left-side .aside-header .company-logo-off[data-v-6c55bde6] {
  margin-right: 90px;
  opacity: 0;
  transition: 0.5s;
}
#left-side .aside-buttons[data-v-6c55bde6] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#left-side .aside-buttons .bottom-left-side-menu[data-v-6c55bde6] {
  padding-bottom: 1vh;
}
#left-side[data-v-6c55bde6]::-webkit-scrollbar {
  display: none;
}
[data-v-4010cabe]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-4010cabe] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-4010cabe]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

/**
 * Los colores llegan por herencia, en los tokens --cover-* que declara
 * FkpiVideoLibraryItem. El movimiento no puede llegar igual: una custom
 * property numérica sí hereda hasta aquí, pero el navegador no reevalúa
 * los transform que la consumen cuando cambia en un ancestro, ni siquiera
 * registrándola con @property. Por eso el hover se engancha directamente
 * al del contenedor: los estilos scoped solo marcan el último selector,
 * así que referenciar un ancestro de otro componente es válido.
 *
 * Con transition-delay por forma la cascada se reproduce igual al entrar
 * que al salir, cosa que un keyframe solo haría a la ida.
 */
.cover-art[data-v-4010cabe] {
  display: block;
}
.cover-sheets[data-v-4010cabe] {
  transform-box: view-box;
  transform-origin: 60px 50px;
  transform: rotate(-4deg);
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.video-library-thumbnail:hover .cover-sheets[data-v-4010cabe] {
  transform: rotate(-1.6deg) translateY(-2.5px);
}
.sheet[data-v-4010cabe] {
  fill: var(--cover-sheet);
  stroke: var(--cover-line);
  stroke-width: 1;
}
.sheet-back[data-v-4010cabe] {
  fill: var(--cover-accent);
  opacity: 0.22;
  transform-box: view-box;
  transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.video-library-thumbnail:hover .sheet-back[data-v-4010cabe] {
  transform: translate(4px, -3px);
}
.sh[data-v-4010cabe] {
  fill: var(--cover-accent);
}
.sh-soft[data-v-4010cabe] {
  fill: var(--cover-line);
}
.sh-faded[data-v-4010cabe] {
  opacity: 0.6;
}
.sh-ring[data-v-4010cabe] {
  fill: none;
  stroke: var(--cover-accent);
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.sh-track[data-v-4010cabe] {
  stroke: var(--cover-line);
}
.motif[data-v-4010cabe] > * {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.3, 1);
  transition-delay: calc(var(--i, 0) * 0.045s);
}
.motif--bars > .sh[data-v-4010cabe] {
  transform-origin: bottom center;
}
.video-library-thumbnail:hover .motif--bars > .sh[data-v-4010cabe] {
  transform: scaleY(1.16);
}
.motif--donut[data-v-4010cabe] {
  transform-box: view-box;
  transform-origin: 60px 63px;
  transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.video-library-thumbnail:hover .motif--donut[data-v-4010cabe] {
  transform: rotate(26deg);
}
.sh-line[data-v-4010cabe] {
  transform-origin: left center;
}
.video-library-thumbnail:hover .sh-line[data-v-4010cabe] {
  transform: scaleX(1.1);
}
.sh-col[data-v-4010cabe] {
  transform-origin: bottom center;
}
.video-library-thumbnail:hover .sh-col[data-v-4010cabe] {
  transform: scaleY(1.14);
}
.video-library-thumbnail:hover .motif--tiles[data-v-4010cabe] > * {
  transform: scale(1.07);
}
.sh-alert[data-v-4010cabe] {
  transform-box: view-box;
  transform-origin: 60px 64px;
}
.video-library-thumbnail:hover .sh-alert[data-v-4010cabe] {
  transform: scale(1.08);
}
.video-library-thumbnail:hover .sh-dot[data-v-4010cabe] {
  transform: translateY(-2.2px);
}
.video-library-thumbnail:hover .sh-bubble[data-v-4010cabe] {
  transform: scale(1.03);
}
.video-library-thumbnail:hover .sh-key[data-v-4010cabe] {
  transform: scaleX(1.12);
}
@media (prefers-reduced-motion: reduce) {
.cover-sheets[data-v-4010cabe],
  .sheet-back[data-v-4010cabe],
  .motif[data-v-4010cabe],
  .motif[data-v-4010cabe] > * {
    transition: none;
}
}
[data-v-a45fa28a]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-a45fa28a] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-a45fa28a]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.video-library-item[data-v-a45fa28a] {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.video-library-item-title[data-v-a45fa28a] {
  margin: 10px 0;
  font-size: 15px;
  color: var(--kpi-text-muted);
  cursor: pointer;
}
.youtube-embed-iframe[data-v-a45fa28a] {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 4px;
  border: none;
  z-index: 2;
  height: auto;
}

/**
 * El container-type vive aquí y no en la portada: un contenedor no puede
 * consultarse a sí mismo, así que las cqi escritas dentro de la portada
 * necesitan este envoltorio para resolverse contra el ancho de la tarjeta.
 */
.cover-frame[data-v-a45fa28a] {
  container-type: inline-size;
}

/**
 * La portada se dibuja en HTML en lugar de usar la miniatura de YouTube.
 * El tono sale del grupo del vídeo (--cover-h / --cover-s, inline) y de él
 * derivan el resto de tokens, que además heredan hasta FkpiVideoCoverArt.
 * Las medidas van en cqi porque el componente se usa a 280px en la
 * biblioteca y a 215px en el diálogo de ayuda.
 */
.video-library-thumbnail[data-v-a45fa28a] {
  --cover-accent: hsl(var(--cover-h) var(--cover-s) 31%);
  --cover-ink: hsl(var(--cover-h) var(--cover-s) 27%);
  --cover-lift: hsl(var(--cover-h) var(--cover-s) 40%);
  --cover-line: hsl(var(--cover-h) calc(var(--cover-s) - 20%) 82%);
  --cover-wash-a: hsl(var(--cover-h) calc(var(--cover-s) - 16%) 97%);
  --cover-wash-b: hsl(var(--cover-h) calc(var(--cover-s) - 22%) 89%);
  --cover-sheet: var(--kpi-bg-surface);
  --cover-play-fg: var(--kpi-text-inverse);
  position: relative;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  padding: 5.5cqi 5.5cqi 4.5cqi;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--cover-wash-a), var(--cover-wash-b));
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.video-library-thumbnail[data-v-a45fa28a]:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.video-library-thumbnail:hover .cover-art[data-v-a45fa28a] {
  filter: drop-shadow(0 7px 16px hsl(var(--cover-h), var(--cover-s), 20%, 0.22));
}
.video-library-thumbnail:hover .cover-play[data-v-a45fa28a] {
  transform: scale(1.09);
}
.video-library-thumbnail:hover .cover-play[data-v-a45fa28a]::after {
  animation: cover-ring-a45fa28a 0.6s cubic-bezier(0.2, 0.7, 0.3, 1);
}
@keyframes cover-ring-a45fa28a {
from {
    transform: scale(1);
    opacity: 0.5;
}
to {
    transform: scale(1.7);
    opacity: 0;
}
}
html[data-theme=dark] .video-library-thumbnail[data-v-a45fa28a] {
  --cover-accent: hsl(var(--cover-h) calc(var(--cover-s) - 18%) 64%);
  --cover-ink: hsl(var(--cover-h) calc(var(--cover-s) - 14%) 70%);
  --cover-lift: hsl(var(--cover-h) calc(var(--cover-s) - 20%) 74%);
  --cover-line: hsl(var(--cover-h) calc(var(--cover-s) - 25%) 30%);
  --cover-wash-a: hsl(var(--cover-h) calc(var(--cover-s) - 24%) 12%);
  --cover-wash-b: hsl(var(--cover-h) calc(var(--cover-s) - 18%) 19%);
  --cover-play-fg: hsl(var(--cover-h) var(--cover-s) 10%);
}
.cover-rule[data-v-a45fa28a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cover-accent), var(--cover-lift));
}

/**
 * El ancho de la lámina depende de su altura: 16/9 de tarjeta y 120/100 de
 * viewBox dejan la ilustración en un 42% del ancho. El título se queda en el
 * 54% restante para que las dos zonas no se pisen a ningún tamaño.
 */
.cover-art[data-v-a45fa28a] {
  position: absolute;
  right: 0;
  top: 46%;
  transform: translateY(-50%);
  height: 62%;
  width: auto;
  pointer-events: none;
  filter: drop-shadow(0 4px 10px hsl(var(--cover-h), var(--cover-s), 20%, 0.16));
  transition: filter 0.5s ease;
}
.cover-title[data-v-a45fa28a] {
  position: relative;
  z-index: 2;
  margin: 0;
  max-width: 54%;
  font-size: clamp(12.5px, 5.6cqi, 15.5px);
  line-height: 1.24;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: var(--cover-ink);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  min-height: 0;
  overflow: hidden;
}
@container (max-width: 240px) {
.cover-title[data-v-a45fa28a] {
    -webkit-line-clamp: 2;
}
}
.cover-foot[data-v-a45fa28a] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.cover-chip[data-v-a45fa28a] {
  max-width: 58%;
  padding: 3px 9px;
  border: 1px solid var(--cover-line);
  border-radius: 999px;
  font-size: clamp(8px, 3.3cqi, 9.5px);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cover-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cover-play[data-v-a45fa28a] {
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
  width: clamp(24px, 11cqi, 32px);
  height: clamp(24px, 11cqi, 32px);
  border-radius: 50%;
  background: var(--cover-accent);
  color: var(--cover-play-fg);
  font-size: clamp(13px, 6cqi, 17px);
  box-shadow: 0 0 0 3px var(--cover-wash-b);
  transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.cover-play[data-v-a45fa28a]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid var(--cover-accent);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.video-library-thumbnail[data-v-a45fa28a]:hover,
  .video-library-thumbnail:hover .cover-play[data-v-a45fa28a] {
    transform: none;
}
.video-library-thumbnail:hover .cover-play[data-v-a45fa28a]::after {
    animation: none;
}
.video-library-thumbnail[data-v-a45fa28a],
  .cover-art[data-v-a45fa28a],
  .cover-play[data-v-a45fa28a] {
    transition: none;
}
}
.video-library-stack[data-v-a45fa28a] {
  position: relative;
  background-color: #d0d0d0;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--kpi-text-secondary);
  font-weight: bold;
  aspect-ratio: 16/9;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  height: 120px;
}
.video-library-stack[data-v-a45fa28a]::before, .video-library-stack[data-v-a45fa28a]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: #f0f0f0;
  z-index: -1;
  transition: transform 0.3s ease;
}
.video-library-stack[data-v-a45fa28a]::before {
  top: 0;
  left: 0;
}
.video-library-stack[data-v-a45fa28a]::after {
  top: 0;
  left: 0;
  background-color: var(--kpi-text-muted);
  z-index: -2;
}
.video-library-stack[data-v-a45fa28a]:hover::before {
  transform: rotate(14deg) translate(4px, 4px);
}
.video-library-stack[data-v-a45fa28a]:hover::after {
  transform: rotate(7deg) translate(2px, 2px);
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.video-library-dialog {
  max-width: 1200px;
}
[data-v-62055528]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-62055528] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-62055528]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.tutorial-alert[data-v-62055528] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0.25rem 1rem;
  background-color: var(--kpi-bg-surface-2);
  border-radius: 10px;
}
.tutorial-alert .tutorial-alert-text[data-v-62055528] {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 500;
  color: var(--kpi-text-primary);
}
.tutorial-alert .tutorial-alert-text p[data-v-62055528] {
  padding-left: 0.5rem;
}
.tutorial-alert .tutorial-alert-button[data-v-62055528] {
  background-color: var(--kpi-primary);
  color: var(--kpi-text-inverse);
  border-radius: 8px;
  padding: 7px 16px;
  border: 1px solid var(--kpi-primary);
  font-size: 14px;
  cursor: pointer;
}
.tutorial-alert .tutorial-alert-button[data-v-62055528]:hover {
  opacity: 0.9;
}
.filter[data-v-62055528] {
  margin-bottom: 1rem;
}
.videos[data-v-62055528] {
  margin-top: 1rem;
}
.videos-title[data-v-62055528] {
  font-size: 20px;
  padding-left: 10px;
}
.video-grid[data-v-62055528] {
  padding: 10px;
  width: 100%;
  gap: 20px;
  display: flex;
  flex-flow: row wrap;
}
.video-item[data-v-62055528] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 215px;
  height: 150px;
}
.video-more-placeholder[data-v-62055528] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--kpi-bg-surface-2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 2rem;
  font-weight: bold;
  color: var(--kpi-text-brand);
  gap: 0.25rem;
  width: 215px;
}
.video-more-placeholder[data-v-62055528]:hover {
  opacity: 0.8;
}
.sub-title-videos[data-v-62055528] {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}
.answer[data-v-62055528] {
  padding: 1rem;
}
.need-more-help[data-v-62055528] {
  margin: 3rem 0 0 0;
  text-align: center;
}
.need-more-help .need-more-help-title[data-v-62055528] {
  font-size: 1rem;
  font-weight: 500;
}
.personal-support[data-v-62055528] {
  border-top: 1px var(--kpi-border) solid;
  margin-top: 1rem;
  padding-top: 0.5rem;
  font-size: 0.75rem;
  text-align: center;
}
.personal-support .dialog-email[data-v-62055528] {
  color: var(--kpi-text-brand);
  font-weight: 400;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
#sentry-help-dialog .el-collapse-item__header {
  line-height: 1.5;
  padding: 1rem !important;
  height: auto;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.tree-select .custom-tree-node {
  width: 80%;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-tooltip {
  font-size: 0.7rem;
  display: flex;
  flex-direction: column;
  max-height: 150px;
  overflow-y: auto;
  padding: 0.5rem;
}
[data-v-f591004f]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-f591004f] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-f591004f]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.tree-selector-wrapper[data-v-f591004f] {
  position: relative;
}
.latest-process-status[data-v-f591004f] {
  position: absolute;
  top: -24px;
  right: 0;
}
.latest-process-status .latest-process-status-label[data-v-f591004f] {
  font-weight: 300;
  font-size: 0.7rem;
  border-radius: 0.9rem;
  padding: 0.3rem;
  color: var(--kpi-text-secondary);
  display: flex;
  gap: 0.35rem;
}
.tooltip[data-v-f591004f] {
  position: relative;
}
.tooltip-bottom[data-v-f591004f]:hover::after {
  content: attr(data-tooltip);
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
  background-color: var(--kpi-bg-tooltip);
  color: var(--kpi-text-on-tooltip);
}
.tree-select[data-v-f591004f] {
  position: relative;
  background-color: var(--kpi-bg-surface);
  border: 1px solid var(--kpi-border);
  border-radius: 5px;
  width: 250px;
  height: 32px;
  transition: 0.5s;
  cursor: default;
}
.tree-select[data-v-f591004f]:focus, .tree-select[data-v-f591004f]:hover {
  border-color: var(--kpi-text-brand) !important;
}
.tree-select.disabled[data-v-f591004f] {
  cursor: not-allowed;
  background-color: var(--kpi-bg-elevated);
  border-color: #eceff3;
}
.tree-select.disabled[data-v-f591004f]:hover {
  border-color: #eceff3;
}
.tree-select .inner-content[data-v-f591004f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
  margin: 0 0.7rem;
  height: 100%;
  font-size: 0.8rem;
  color: var(--kpi-text-muted);
}
.tree-select .inner-content i[data-v-f591004f] {
  transition: 0.5s;
}
.tree-select .inner-content .selected-label[data-v-f591004f] {
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tree-select .inner-content .el-tag.selected-label[data-v-f591004f] {
  width: 50%;
}
.tree-select .inner-content .grouping-label[data-v-f591004f] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.opt-menu[data-v-f591004f] {
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 1;
  max-height: 400px;
  min-height: 250px;
  min-width: 268px;
  background-color: var(--kpi-bg-surface);
  border-radius: 10px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
  z-index: 999;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.opt-menu .groups[data-v-f591004f] {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--kpi-border-strong);
  padding: 0.7rem;
  width: 200px;
  flex-grow: 1;
}
.opt-menu .groups .title[data-v-f591004f] {
  font-size: 14px;
  color: var(--kpi-text-secondary);
}
.opt-menu .groups .options[data-v-f591004f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 90%;
}
.opt-menu .groups .options .groups-container[data-v-f591004f] {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.opt-menu .groups .options .groups-container .group-option[data-v-f591004f] {
  display: flex;
  cursor: pointer;
  transition: 0.1s;
  margin-top: 0.7rem;
  font-size: 14px;
  color: var(--kpi-text-secondary);
  padding: 0.5rem;
  border-radius: 10px;
}
.opt-menu .groups .options .groups-container .group-option .name-wrapper[data-v-f591004f] {
  flex: 1;
}
.opt-menu .groups .options .groups-container .group-option .group-info[data-v-f591004f] {
  font-size: 0.7rem;
  color: var(--kpi-text-muted);
}
.opt-menu .groups .options .groups-container .group-option .center-list[data-v-f591004f] {
  margin-top: 0.5rem;
}
.opt-menu .groups .options .group-option.active[data-v-f591004f] {
  background-color: var(--kpi-bg-info-soft);
}
.opt-menu .groups .options .group-option.active[data-v-f591004f]:hover {
  background-color: var(--kpi-bg-info-soft);
}
.opt-menu .groups .options .group-option[data-v-f591004f]:hover {
  background-color: var(--kpi-bg-elevated);
}
.opt-menu .groups .options .group-option.kbd-active[data-v-f591004f]:not(.active) {
  background-color: var(--kpi-bg-elevated);
}
.opt-menu .groups .footer[data-v-f591004f] {
  font-size: 0.7rem;
  justify-self: self-end;
  text-align: end;
  color: #ef4444;
}
.opt-menu .groups .footer span[data-v-f591004f] {
  cursor: pointer;
}
.opt-menu .content[data-v-f591004f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.7rem 0.7rem;
  width: 268px;
  overflow-y: auto;
  flex-grow: 1;
}
.opt-menu .content .filter-tree[data-v-f591004f] {
  overflow-y: auto;
}
.with-groups[data-v-f591004f] {
  left: 100%;
  transform: translate(-100%, 0);
}
.open-on-top[data-v-f591004f] {
  left: 0;
  transform: translate(0, -103%);
  top: 0;
}
.hidden-menu[data-v-f591004f] {
  pointer-events: none;
  min-height: 1px;
  max-height: 1px;
  opacity: 0;
}
.rotate[data-v-f591004f] {
  transform: rotate(3.142rad);
}
.tree-select[data-v-f591004f]:hover,
.tree-select[data-v-f591004f]:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  /* box-shadow: 0 0 0 2px rgb(24 144 255 / 20%); */
}
.disabled-node-notice[data-v-f591004f] {
  margin: 4px 0 0 8px;
  font-size: 12px;
  color: #e6a23c;
}
@media (max-width: 576px) {
.opt-menu[data-v-f591004f] {
    flex-direction: column;
}
.opt-menu.hidden-menu[data-v-f591004f] {
    pointer-events: none;
}
.opt-menu .content[data-v-f591004f],
  .opt-menu .groups[data-v-f591004f] {
    width: 100%;
}
.opt-menu .groups[data-v-f591004f] {
    border-left: none;
    border-top: 1px solid var(--kpi-border-strong);
    overflow-y: auto;
}
.opt-menu .groups .options[data-v-f591004f] {
    gap: 0;
    word-break: break-word;
}
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.news-notification {
  cursor: pointer;
}
.news-notification .el-notification__content {
  text-align: left;
}
.icon-container {
  color: #ababab !important;
}
.icon-container svg {
  stroke: #ababab !important;
}
.icon-container svg path {
  stroke: #ababab !important;
}
.el-notification .el-notification__group.is-with-icon {
  flex: 1;
  min-width: 0;
}
.el-notification .el-notification__closeBtn.el-icon-close {
  right: 0 !important;
  top: 0 !important;
}
.el-notification .el-notification__title {
  font-weight: 500;
  font-size: 14px;
  padding-right: 20px;
}
.el-notification .el-notification__content {
  font-size: 13px;
  margin-top: 5px;
}
#changelog-dialog ul {
  padding: 0;
}
#changelog-dialog img {
  width: 100% !important;
  cursor: pointer;
}
#changelog-dialog hr {
  margin: 20px 0;
}
[data-v-fef49728]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-fef49728] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-fef49728]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.change-log-icon[data-v-fef49728]:hover {
  cursor: pointer;
}
.card-log[data-v-fef49728] {
  background-color: var(--kpi-bg-surface);
  border-radius: 12px;
  padding: 1rem;
}
html[data-theme=dark] .card-log[data-v-fef49728] {
  background-color: var(--kpi-bg-elevated);
}
.card-log .card-content-log[data-v-fef49728] {
  padding: 1rem;
  max-width: 100%;
  overflow-x: hidden;
}
.release-date[data-v-fef49728] {
  font-weight: bold;
  color: var(--kpi-text-brand);
  border-bottom: 1px solid var(--kpi-border);
  padding-bottom: 0.5rem;
}
.separate-top[data-v-fef49728] {
  margin-top: 2rem;
}
.button-footer[data-v-fef49728] {
  text-align: right;
}
.center-weather-badge[data-v-fc4a8a91] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: 1px solid var(--kpi-border-light, #e8edf2);
    border-radius: 999px;
    padding: 3px 11px 3px 5px;
    margin-right: 8px;
    cursor: pointer;
    font: inherit;
    color: var(--kpi-text-secondary, #51606f);
    transition: background 0.15s;
}
.center-weather-badge[data-v-fc4a8a91]:hover {
    background: var(--kpi-bg-surface-2, #f8fafc);
}
.cwb-icon[data-v-fc4a8a91] {
    width: 26px;
    height: 26px;
}
.cwb-temp[data-v-fc4a8a91] {
    font-size: 0.88rem;
    font-weight: 700;
}

[data-v-406132f6]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-406132f6] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-406132f6]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.notification-bell[data-v-406132f6] {
  display: inline-flex;
  align-items: center;
  margin-right: 0;
}
.notification-bell__trigger[data-v-406132f6] {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.notification-bell__trigger svg[data-v-406132f6] {
  stroke: #ababab !important;
  vertical-align: middle;
}
.notification-bell__trigger svg path[data-v-406132f6] {
  stroke: #ababab !important;
}
.notification-bell__badge[data-v-406132f6] .el-badge__content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  line-height: 1;
  box-sizing: border-box;
}
.notification-bell__item[data-v-406132f6] {
  padding: 10px 12px;
  border-bottom: 1px solid var(--kpi-border-light);
  cursor: pointer;
}
.notification-bell__item[data-v-406132f6]:hover {
  background: var(--kpi-bg-surface-2);
}
.notification-bell__item.is-unread[data-v-406132f6] {
  background: var(--kpi-bg-info-soft);
}
.notification-bell__item-title[data-v-406132f6] {
  font-size: 13px;
  font-weight: 500;
  color: var(--kpi-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-bell__item-text[data-v-406132f6] {
  font-size: 12px;
  color: var(--kpi-text-secondary);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-bell__item-date[data-v-406132f6] {
  font-size: 11px;
  color: var(--kpi-text-muted);
  margin-top: 2px;
}
.notification-bell__more[data-v-406132f6] {
  padding: 8px 12px;
  text-align: center;
  font-size: 13px;
  color: var(--kpi-primary);
  cursor: pointer;
}
.notification-bell__empty[data-v-406132f6] {
  padding: 24px 12px;
  text-align: center;
  color: var(--kpi-text-muted);
}
.notification-bell__header[data-v-406132f6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--kpi-border-light);
  margin-bottom: 4px;
}
.notification-bell__title[data-v-406132f6] {
  font-size: 14px;
  font-weight: 600;
  color: var(--kpi-text-primary);
}
[data-v-9602c89e]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-9602c89e] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-9602c89e]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.sign-in-prompt[data-v-9602c89e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sign-in-prompt__intro[data-v-9602c89e] {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--kpi-text-secondary);
  word-break: normal;
}
.sign-in-prompt__device[data-v-9602c89e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
}
.sign-in-prompt__device i[data-v-9602c89e] {
  font-size: 22px;
  color: var(--kpi-text-secondary);
}
.sign-in-prompt__name[data-v-9602c89e] {
  font-weight: 600;
  color: var(--kpi-text-primary);
}
.sign-in-prompt__meta[data-v-9602c89e] {
  margin-top: 2px;
  font-size: 12px;
  color: var(--kpi-text-secondary);
}
.sign-in-prompt__options[data-v-9602c89e] {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.sign-in-prompt__option[data-v-9602c89e] {
  width: 72px;
  height: 64px;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background: var(--kpi-bg-surface-2);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--kpi-text-primary);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.sign-in-prompt__option[data-v-9602c89e]:hover:not(:disabled) {
  border-color: var(--kpi-primary, #23b0ed);
  background: rgba(35, 176, 237, 0.08);
}
.sign-in-prompt__option[data-v-9602c89e]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.sign-in-prompt__footer[data-v-9602c89e] {
  display: flex;
  justify-content: space-between;
}
.right-mobile .tree-selector-wrapper .tree-select {
        /* width: 280px !important; */
        bottom: 1rem !important;
        left: 1rem !important;
        margin-top: 10px;
        max-width: 280px !important;
        margin-right: 0.5rem;
}
.right-mobile .tree-selector-wrapper .tree-select .opt-menu.with-groups {
        right: 5rem !important;
}

    /* Breadcrumb items without a navigable url (e.g. dashboard folders /
       dashboard names) must not look clickable and must not be bold,
       even when they fall in the last position of the breadcrumb.
       Color is left to inherit from the breadcrumb default so a page
       title reads the same whether it stands alone or is followed by
       sub-pages. */
    /* Un tramo del breadcrumb puede ofrecer un selector para saltar entre hermanos
       (p. ej. cambiar de encuesta). Se pinta sin marco para que lea como el título. */
    /* Los tramos son cajas inline sobre una línea base de texto, así que un tramo
       más alto o más bajo que el resto queda descolgado. En fila flex el centrado
       lo hace el layout y deja de depender de la altura de cada tramo. */
.el-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
}
.el-breadcrumb__item,
    .el-breadcrumb__item .el-breadcrumb__inner {
        display: inline-flex;
        align-items: center;
}
.breadcrumb-switcher {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        line-height: 1.2;
        gap: 0.25rem;
        color: inherit;
        font-family: inherit;
        font-size: 1.08em;
        font-weight: 500;
.el-icon-arrow-down {
            font-size: 0.75em;
            opacity: 0.6;
}
&:hover .el-icon-arrow-down {
            opacity: 1;
}
}
.breadcrumb-switcher-search {
        padding: 0.35rem 0.6rem 0.45rem;
        border-bottom: 1px solid var(--kpi-border);
        position: sticky;
        top: 0;
        background: inherit;
        z-index: 1;
}
.breadcrumb-switcher-empty {
        padding: 0.5rem 1.25rem 0.6rem;
        font-size: 0.8125rem;
        color: var(--kpi-text-muted);
}
.breadcrumb-switcher-menu {
        max-height: 60vh;
        overflow-y: auto;
.el-dropdown-menu__item {
            font-size: 0.8125rem;
            line-height: 2.2;
}
.el-dropdown-menu__item.is-current {
            font-weight: 700;
}
}
.el-breadcrumb__item.is-not-clickable .el-breadcrumb__inner,
    .el-breadcrumb__item.is-not-clickable:last-child .el-breadcrumb__inner {
        font-weight: normal;
        cursor: default;
}
.el-breadcrumb__item.is-not-clickable .el-breadcrumb__inner:hover,
    .el-breadcrumb__item.is-not-clickable:last-child .el-breadcrumb__inner:hover {
        color: inherit !important;
}

[data-v-8823ac85]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-8823ac85] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-8823ac85]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
#curvy-header[data-v-8823ac85] {
  padding-top: 1rem;
  padding-bottom: 0.4em;
  float: right;
  min-width: 100%;
  z-index: 3;
}
#curvy-header .logo-image[data-v-8823ac85] {
  width: auto;
  height: auto;
  max-width: 8.5rem;
  max-height: 1.75rem;
  margin-right: 0;
  display: inline-block;
}
#curvy-header .logo-image[data-v-8823ac85] .el-image__inner {
  width: auto;
  height: auto;
  max-width: 8.5rem;
  max-height: 1.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
#header-title[data-v-8823ac85] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  margin-right: 2rem;
  align-items: center;
  min-width: 0;
  flex-wrap: wrap;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.15rem;
}
.headertitleContent[data-v-8823ac85] {
  min-width: 0;
}
.header-menu[data-v-8823ac85] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  align-items: center;
  row-gap: 0.5rem;
}
.header-menu-mobile[data-v-8823ac85] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-menu-mobile #tree-selector[data-v-8823ac85] {
  align-self: center;
}
.header-menu-mobile #header-title[data-v-8823ac85] {
  order: 2;
  align-self: stretch;
  margin-left: 0.9rem;
}
.header-menu-mobile .headertitleContent > div[data-v-8823ac85]:nth-child(1) {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.is-selected[data-v-8823ac85] {
  font-weight: bold;
}
.sentryHelp[data-v-8823ac85] {
  width: 24px;
  height: 24px;
}
.sentryHelp[data-v-8823ac85]:hover {
  cursor: pointer;
}
.right[data-v-8823ac85] {
  margin-right: 1.75rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
.right-mobile[data-v-8823ac85] {
  margin-top: 0.5rem;
  align-items: unset;
  width: 100%;
  flex-wrap: wrap;
  margin-left: 1.7rem;
}
.super-user-opts[data-v-8823ac85] {
  min-width: 120px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-right: 1rem;
  background-color: var(--kpi-bg-elevated);
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
}
.super-user-opts .label[data-v-8823ac85] {
  position: absolute;
  top: -0.9rem;
  font-size: 0.7rem;
}
.headertitleContent[data-v-8823ac85] {
  display: flex;
  align-items: center;
  color: var(--kpi-text-muted);
  margin-bottom: 0;
  font-size: 1.4rem;
}
.info[data-v-8823ac85] {
  color: var(--kpi-text-muted);
  font-size: 0.8rem;
  margin-bottom: 0;
}
.info .info-code[data-v-8823ac85] {
  font-family: monospace;
  letter-spacing: 0.03em;
  margin-right: 0.35rem;
}
.kpiTitle[data-v-8823ac85] {
  line-height: 22px;
}
.tag-info[data-v-8823ac85] {
  margin-left: 1rem;
}
.arrow-bread[data-v-8823ac85] {
  cursor: pointer;
}
#chat-button[data-v-8823ac85] {
  cursor: pointer;
  margin-left: 1rem;
}
.impersonation-button[data-v-8823ac85] {
  margin-left: 1rem;
  margin-right: 1rem;
}
.impersonate-chip[data-v-8823ac85] {
  display: flex;
  align-items: center;
  padding: 0.25rem;
  font-size: 0.75rem;
  color: #4a4a4a;
  gap: 0.5rem;
  margin: 0 1rem;
  background-color: #eaeaea;
  border-radius: 12px;
}
html[data-theme=dark] .impersonate-chip[data-v-8823ac85] {
  color: var(--kpi-text-primary);
  background-color: var(--kpi-bg-elevated);
}
.impersonate-chip .chip-icon[data-v-8823ac85] {
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--kpi-bg-app);
  display: flex;
  align-items: center;
  justify-content: center;
}
.impersonate-chip .chip-icon img[data-v-8823ac85] {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.impersonate-chip .chip-content[data-v-8823ac85] {
  font-size: 0.75rem;
}
.impersonate-chip .chip-content .subtext[data-v-8823ac85] {
  margin-top: 0.1rem;
  font-size: 0.5rem;
}
.dialog-content .dialog-email[data-v-8823ac85] {
  color: var(--kpi-text-brand);
  font-weight: 600;
}
.dialog-footer[data-v-8823ac85] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.fkpi-upload-file .el-upload {
  width: 100% !important;
}
.fkpi-upload-file .el-upload-dragger {
  width: 100% !important;
}
[data-v-c8a71888]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-c8a71888] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-c8a71888]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
#modalUserFeedback[data-v-c8a71888] {
  z-index: 9999999;
}
#modalUserFeedback #body[data-v-c8a71888],
#modalUserFeedback #header[data-v-c8a71888] {
  width: 90%;
  margin: auto;
}
#modalUserFeedback .body-form__input[data-v-c8a71888] {
  width: 100%;
}
[data-v-93bec93a]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-93bec93a] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-93bec93a]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
@media (max-width: 576px) {
.dialog-header .title-dialog[data-v-93bec93a] {
    max-width: 90%;
}
.dialog[data-v-93bec93a] {
    width: 95% !important;
    overflow-y: auto !important;
    padding: 2rem 1rem 1.5rem !important;
}
.dialog .content .widget-panel[data-v-93bec93a] {
    padding: 0;
}
.dialog .dialog-content .dialog-container .dialog[data-v-93bec93a] {
    width: 95% !important;
}
.dialog .dialog-content .dialog-container .dialog .table-header[data-v-93bec93a] {
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0;
}
.dialog .dialog-content .dialog-container .dialog .footer-options[data-v-93bec93a] {
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}
}
@media (max-width: 768px) {
.dialog-header[data-v-93bec93a] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
}
.title-dialog[data-v-93bec93a] {
    flex: 1;
}
.config-options[data-v-93bec93a] {
    display: flex;
    flex-direction: column !important;
    flex-wrap: wrap;
    flex: 1;
}
.config-options .options[data-v-93bec93a] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.close-button[data-v-93bec93a] {
    position: absolute;
    right: 0.5rem;
}
}
@media (min-width: 769px) and (max-width: 1300px) {
.dialog-header[data-v-93bec93a] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}
.title-dialog[data-v-93bec93a] {
    flex: 1;
}
.config-options[data-v-93bec93a] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
    margin-right: 2.5rem;
    justify-content: flex-end;
}
.config-options .options[data-v-93bec93a] {
    align-items: center;
    flex-wrap: wrap;
}
.close-button[data-v-93bec93a] {
    position: absolute;
    right: 0.5rem;
}
}
.dialog-container[data-v-93bec93a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  cursor: initial;
  color: var(--kpi-text-muted) !important;
  transition: all 0.2s ease-in-out;
}
.dialog-container.visible[data-v-93bec93a] {
  opacity: 1;
}
.dialog-container.hidden[data-v-93bec93a] {
  opacity: 0;
  visibility: hidden;
}
.dialog-overlay[data-v-93bec93a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.dialog[data-v-93bec93a] {
  position: relative;
  border-radius: 12px;
  background-color: var(--kpi-bg-app);
  padding: 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: auto;
}
.dialog-header[data-v-93bec93a] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.dialog-header .title-dialog[data-v-93bec93a] {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  flex: 1;
}
.dialog-header .title-dialog h3[data-v-93bec93a] {
  margin-bottom: unset;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  font-weight: unset;
}
.dialog-header .subtitle[data-v-93bec93a] {
  font-size: 0.7rem;
  color: var(--kpi-text-muted);
}
.dialog-header .close-button[data-v-93bec93a] {
  margin-left: 1.5rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
}
.dialog-header .config-options[data-v-93bec93a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  gap: 0.5rem;
}
.dialog-header .config-options .options[data-v-93bec93a] {
  align-items: flex-end;
}
.dialog-content[data-v-93bec93a] {
  flex: 1;
  min-height: 1%;
  padding: 0 0.5rem;
}
.dialog-footer[data-v-93bec93a] {
  display: flex;
  justify-content: flex-end;
}
.dialog-footer .btn-list[data-v-93bec93a] {
  display: flex;
  gap: 0.75rem;
}
.side-menu[data-v-93bec93a] {
  grid-column: 1;
  grid-row: 1/span 3;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

/* Anna drawer co-existence — when the Copilot drawer is open, it sets
   `--copilot-drawer-width` and `html.copilot-drawer-active`. Without
   this rule the fkpi-dialog container is `position: fixed; left: 0;
   width: 100dvw`, so it slides UNDER the drawer instead of shrinking
   to the available viewport. Mirror the body padding the drawer
   already applies. Phones: drawer goes full-screen with its own
   overlay, so no co-existence needed. */
@media (min-width: 769px) {
html.copilot-drawer-active .dialog-container {
    width: calc(100dvw - var(--copilot-drawer-width, 0px));
    transition: width 0.18s ease-out;
}
html.copilot-drawer-active .dialog-overlay {
    width: calc(100% - var(--copilot-drawer-width, 0px));
}
}
.title-dialog .el-input__prefix {
  position: absolute;
  height: 100%;
  left: 0px;
  top: -8px;
}
.title-dialog .el-input__suffix_icon {
  position: absolute;
  height: 100%;
  right: -165px;
  top: 8px;
}
.title-dialog input {
  border-radius: 8px;
}
[data-v-31677bbb]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-31677bbb] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-31677bbb]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.alert-wizard[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: var(--kpi-text-primary);
}
.wizard-head[data-v-31677bbb] {
  min-height: 1rem;
}
.wizard-progress[data-v-31677bbb] {
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
}
.wizard-prompt[data-v-31677bbb] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
}
.wizard-input[data-v-31677bbb],
.wizard-options[data-v-31677bbb],
.wizard-nodes[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wizard-field-title[data-v-31677bbb] {
  color: var(--kpi-text-secondary);
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.wizard-value[data-v-31677bbb] {
  max-width: 220px;
}
.wizard-value[data-v-31677bbb] .el-input__suffix {
  display: flex;
  align-items: center;
}
.wizard-option-list[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  max-height: min(50vh, 340px);
  overflow-y: auto;
  padding-right: 2px;
}
.wizard-group-header[data-v-31677bbb] {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--kpi-text-muted);
  margin: 0.5rem 0 0.1rem;
}
.wizard-option[data-v-31677bbb] {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-align: left;
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background: var(--kpi-bg-surface-2);
  color: inherit;
  font: inherit;
  font-size: 0.875rem;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.wizard-option[data-v-31677bbb]:hover, .wizard-option.is-selected[data-v-31677bbb] {
  border-color: #082f49;
  background: rgba(8, 47, 73, 0.04);
}
.wizard-option-num[data-v-31677bbb] {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  border-radius: 5px;
  background: rgba(8, 47, 73, 0.12);
  color: #082f49;
}
.wizard-option-text[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wizard-option-hint[data-v-31677bbb] {
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
}
.wizard-reference[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background: var(--kpi-bg-surface-2);
  font-size: 0.8rem;
}
.wizard-reference-caption[data-v-31677bbb] {
  font-size: 0.72rem;
  color: var(--kpi-text-muted);
}
.wizard-reference-row[data-v-31677bbb] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--kpi-text-secondary);
}
.wizard-channels[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wizard-hint[data-v-31677bbb] {
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
  line-height: 1.4;
}
.wizard-review[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.wizard-review-identity[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.wizard-review-description[data-v-31677bbb] textarea {
  font-size: 0.8rem;
  color: var(--kpi-text-secondary);
}
.wizard-review-name[data-v-31677bbb] input {
  font-weight: 600;
}
.wizard-summary[data-v-31677bbb] {
  margin: 0.25rem 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
.wizard-tile[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background: var(--kpi-bg-surface-2);
  color: inherit;
  font: inherit;
  text-align: left;
}
.wizard-tile.is-editable[data-v-31677bbb] {
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.wizard-tile.is-editable[data-v-31677bbb]:hover {
  border-color: #082f49;
  background: rgba(8, 47, 73, 0.04);
}
.wizard-tile.is-editable:hover .wizard-tile-edit[data-v-31677bbb] {
  color: #082f49;
}
.wizard-tile-head[data-v-31677bbb] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  color: var(--kpi-text-muted);
}
.wizard-tile-edit[data-v-31677bbb] {
  margin-left: auto;
  font-size: 0.85rem;
}
.wizard-tile-value[data-v-31677bbb] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
}
.wizard-criteria-section[data-v-31677bbb] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
.wizard-criteria-section .wizard-criteria[data-v-31677bbb] {
  align-self: stretch;
}
.wizard-section-title[data-v-31677bbb] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--kpi-text-secondary);
}
.wizard-section-count[data-v-31677bbb] {
  min-width: 18px;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(8, 47, 73, 0.12);
  color: #082f49;
  font-size: 0.7rem;
  text-align: center;
}
.wizard-criteria[data-v-31677bbb] {
  list-style: none;
  margin: 0 0 0.35rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.wizard-criterion[data-v-31677bbb] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--kpi-border);
  border-radius: 8px;
  background: var(--kpi-bg-surface-2);
}
.wizard-criterion-num[data-v-31677bbb] {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  border-radius: 5px;
  background: rgba(8, 47, 73, 0.12);
  color: #082f49;
}
.wizard-criterion-body[data-v-31677bbb] {
  flex: 1;
  line-height: 1.4;
}
.wizard-criterion-period[data-v-31677bbb] {
  margin-top: 0.15rem;
  font-size: 0.75rem;
  color: var(--kpi-text-muted);
}
.wizard-criterion-actions .el-button[data-v-31677bbb] {
  padding: 0;
  font-size: 0.9rem;
}
.wizard-criterion-actions[data-v-31677bbb] {
  display: flex;
  gap: 0.5rem;
}
.wizard-status-label[data-v-31677bbb] {
  margin-left: 0.5rem;
  font-size: 0.8rem;
}
.wizard-criterion-remove[data-v-31677bbb] {
  color: var(--kpi-text-muted);
}
.wizard-actions[data-v-31677bbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.wizard-spacer[data-v-31677bbb] {
  flex: 1;
}
/*!
 * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
 * Released under the MIT License.
 * https://vue-treeselect.js.org/
 */
/**
 * Dependencies
 */
/**
 * Variables
 */
/**
 * Mixins
 */
/**
 * Helpers
 */
.vue-treeselect-helper-hide {
  display: none;
}
.vue-treeselect-helper-zoom-effect-off {
  transform: none !important;
}
/**
 * Animations
 */
@keyframes vue-treeselect-animation-fade-in {
0% {
    opacity: 0;
}
}
@keyframes vue-treeselect-animation-bounce {
0%,
  100% {
    transform: scale(0);
}
50% {
    transform: scale(1);
}
}
@keyframes vue-treeselect-animation-rotate {
100% {
    transform: rotate(360deg);
}
}
/**
 * Transitions
 */
.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
  transition-duration: 200ms;
  transition-property: transform, opacity;
}
.vue-treeselect__multi-value-item--transition-enter-active {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__multi-value-item--transition-leave-active {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
}
.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
  transform: scale(0.7);
  opacity: 0;
}
.vue-treeselect__multi-value-item--transition-move {
  transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
}
/**
 * Namespace
 */
.vue-treeselect {
  position: relative;
  text-align: left;
}
[dir="rtl"] .vue-treeselect {
  text-align: right;
}
.vue-treeselect div,
.vue-treeselect span {
  box-sizing: border-box;
}
.vue-treeselect svg {
  fill: currentColor;
}
/**
 * Control
 */
.vue-treeselect__control {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  transition-duration: 200ms;
  transition-property: border-color, box-shadow, width, height, background-color, opacity;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
  border-color: #cfcfcf;
}
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
  border-color: #039be5;
  box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
}
.vue-treeselect--disabled .vue-treeselect__control {
  background-color: #f9f9f9;
}
.vue-treeselect--open .vue-treeselect__control {
  border-color: #cfcfcf;
}
.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vue-treeselect__value-container,
.vue-treeselect__multi-value {
  width: 100%;
  vertical-align: middle;
}
.vue-treeselect__value-container {
  display: table-cell;
  position: relative;
}
.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
  cursor: text;
}
.vue-treeselect__multi-value {
  display: inline-block;
}
.vue-treeselect--has-value .vue-treeselect__multi-value {
  margin-bottom: 5px;
}
.vue-treeselect__placeholder,
.vue-treeselect__single-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 34px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.vue-treeselect__placeholder {
  color: #bdbdbd;
}
.vue-treeselect__single-value {
  color: #333;
}
.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
  color: #bdbdbd;
}
.vue-treeselect--disabled .vue-treeselect__single-value {
  position: static;
}
.vue-treeselect__multi-value-item-container {
  display: inline-block;
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
}
[dir="rtl"] .vue-treeselect__multi-value-item-container {
  padding-right: 0;
  padding-left: 5px;
}
.vue-treeselect__multi-value-item {
  cursor: pointer;
  display: inline-table;
  background: #e3f2fd;
  padding: 2px 0;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #039be5;
  font-size: 12px;
  vertical-align: top;
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
  cursor: pointer;
  background: #e3f2fd;
  color: #039be5;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
  cursor: default;
  background: #f5f5f5;
  color: #757575;
}
.vue-treeselect--disabled .vue-treeselect__multi-value-item {
  cursor: default;
  background: #fff;
  border-color: #e5e5e5;
  color: #555;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
  background: #e8f5e9;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
  background: #e8f5e9;
}
.vue-treeselect__value-remove,
.vue-treeselect__multi-value-label {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.vue-treeselect__value-remove {
  color: #039be5;
  padding-left: 5px;
  border-left: 1px solid #fff;
  line-height: 0;
}
[dir="rtl"] .vue-treeselect__value-remove {
  border-left: 0 none;
  border-right: 1px solid #fff;
}
.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
  color: #e53935;
}
.vue-treeselect--disabled .vue-treeselect__value-remove,
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
  display: none;
}
.vue-treeselect__value-remove > svg {
  width: 6px;
  height: 6px;
}
.vue-treeselect__multi-value-label {
  padding-right: 5px;
  white-space: pre-line;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.vue-treeselect__limit-tip {
  display: inline-block;
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
}
[dir="rtl"] .vue-treeselect__limit-tip {
  padding-right: 0;
  padding-left: 5px;
}
.vue-treeselect__limit-tip-text {
  cursor: default;
  display: block;
  margin: 2px 0;
  padding: 1px 0;
  color: #bdbdbd;
  font-size: 12px;
  font-weight: 600;
}
.vue-treeselect__input-container {
  display: block;
  max-width: 100%;
  outline: none;
}
.vue-treeselect--single .vue-treeselect__input-container {
  font-size: inherit;
  height: 100%;
}
.vue-treeselect--multi .vue-treeselect__input-container {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.vue-treeselect--searchable .vue-treeselect__input-container {
  padding-left: 5px;
  padding-right: 5px;
}
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-top: 5px;
  padding-left: 0;
}
[dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-left: 5px;
  padding-right: 0;
}
.vue-treeselect--disabled .vue-treeselect__input-container {
  display: none;
}
.vue-treeselect__input,
.vue-treeselect__sizer {
  margin: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
}
.vue-treeselect__input {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: content-box;
  box-shadow: none;
  background: none transparent;
  line-height: 1;
  vertical-align: middle;
}
.vue-treeselect__input::-ms-clear {
  display: none;
}
.vue-treeselect--single .vue-treeselect__input {
  width: 100%;
  height: 100%;
}
.vue-treeselect--multi .vue-treeselect__input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.vue-treeselect--has-value .vue-treeselect__input {
  line-height: inherit;
  vertical-align: top;
}
.vue-treeselect__sizer {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  height: 0;
  overflow: scroll;
  white-space: pre;
}
.vue-treeselect__x-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
  cursor: pointer;
  color: #ccc;
  animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__x-container:hover {
  color: #e53935;
}
.vue-treeselect__x {
  width: 8px;
  height: 8px;
}
.vue-treeselect__control-arrow-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
  cursor: pointer;
}
.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
  cursor: default;
}
.vue-treeselect__control-arrow {
  width: 9px;
  height: 9px;
  color: #ccc;
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
  color: #616161;
}
.vue-treeselect--disabled .vue-treeselect__control-arrow {
  opacity: 0.35;
}
.vue-treeselect__control-arrow--rotated {
  transform: rotateZ(180deg);
}
/**
 * Menu
 */
.vue-treeselect__menu-container {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: visible;
  transition: 0s;
}
.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  top: 100%;
}
.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  bottom: 100%;
}
.vue-treeselect__menu {
  cursor: default;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  border: 1px solid #cfcfcf;
  background: #fff;
  line-height: 180%;
  -webkit-overflow-scrolling: touch;
}
.vue-treeselect--open-below .vue-treeselect__menu {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  top: 0;
  margin-top: -1px;
  border-top-color: #f2f2f2;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.vue-treeselect--open-above .vue-treeselect__menu {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  bottom: 0;
  margin-bottom: -1px;
  border-bottom-color: #f2f2f2;
}
.vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left: 5px;
}
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 5px;
}
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left: 25px;
}
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 25px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left: 25px;
}
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 25px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left: 45px;
}
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 45px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left: 45px;
}
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 45px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left: 65px;
}
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 65px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left: 65px;
}
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 65px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left: 85px;
}
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 85px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left: 85px;
}
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 85px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left: 105px;
}
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 105px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left: 105px;
}
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 105px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left: 125px;
}
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 125px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left: 125px;
}
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 125px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left: 145px;
}
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 145px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left: 145px;
}
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 145px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left: 165px;
}
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 165px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left: 165px;
}
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 165px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left: 185px;
}
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 185px;
}
.vue-treeselect__option {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.vue-treeselect__option--highlight {
  background: #f5f5f5;
}
.vue-treeselect--single .vue-treeselect__option--selected {
  background: #e3f2fd;
  font-weight: 600;
}
.vue-treeselect--single .vue-treeselect__option--selected:hover {
  background: #e3f2fd;
}
.vue-treeselect__option--hide {
  display: none;
}
.vue-treeselect__option-arrow-container,
.vue-treeselect__option-arrow-placeholder {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
}
.vue-treeselect__option-arrow-container {
  cursor: pointer;
}
.vue-treeselect__option-arrow {
  display: inline-block;
  width: 9px;
  height: 9px;
  color: #ccc;
  vertical-align: middle;
  transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotateZ(-90deg);
}
[dir="rtl"] .vue-treeselect__option-arrow {
  transform: rotateZ(90deg);
}
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow,
.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow {
  color: #616161;
}
.vue-treeselect__option-arrow--rotated {
  transform: rotateZ(0);
}
[dir="rtl"] .vue-treeselect__option-arrow--rotated {
  transform: rotateZ(0);
}
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  transform: rotateZ(-90deg) !important;
}
[dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  transform: rotateZ(90deg) !important;
}
.vue-treeselect__label-container {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: inherit;
}
.vue-treeselect__option--disabled .vue-treeselect__label-container {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.vue-treeselect__checkbox-container {
  display: table-cell;
  width: 20px;
  min-width: 20px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.vue-treeselect__checkbox {
  display: block;
  margin: auto;
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  position: relative;
  transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__check-mark,
.vue-treeselect__minus-mark {
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 200ms all ease;
}
.vue-treeselect__minus-mark {
  width: 8px;
  height: 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
  background-size: 8px 8px;
}
@media (min-resolution: 1.5dppx) {
.vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 192dpi) {
.vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 288dpi) {
.vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
}
}
.vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark {
  opacity: 1;
}
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
}
@media (min-resolution: 1.5dppx) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 192dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 288dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
}
}
.vue-treeselect__check-mark {
  width: 8px;
  height: 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
  background-size: 8px 8px;
  transform: scaleY(0.125);
}
@media (min-resolution: 1.5dppx) {
.vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
}
}
@media (min-resolution: 192dpi) {
.vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
}
}
@media (min-resolution: 288dpi) {
.vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
}
}
.vue-treeselect__checkbox--checked > .vue-treeselect__check-mark {
  opacity: 1;
  transform: scaleY(1);
}
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
}
@media (min-resolution: 1.5dppx) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 192dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
}
}
@media (min-resolution: 288dpi) {
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
}
}
.vue-treeselect__checkbox--unchecked {
  border-color: #e0e0e0;
  background: #fff;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
  border-color: #039be5;
  background: #fff;
}
.vue-treeselect__checkbox--indeterminate {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__checkbox--checked {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__checkbox--disabled {
  border-color: #e0e0e0;
  background-color: #f7f7f7;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
  border-color: #e0e0e0;
  background-color: #f7f7f7;
}
.vue-treeselect__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  padding-left: 5px;
  max-width: 100%;
  vertical-align: middle;
  cursor: inherit;
}
[dir="rtl"] .vue-treeselect__label {
  padding-left: 0;
  padding-right: 5px;
}
.vue-treeselect__count {
  margin-left: 5px;
  font-weight: 400;
  opacity: 0.6;
}
[dir="rtl"] .vue-treeselect__count {
  margin-left: 0;
  margin-right: 5px;
}
.vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #757575;
}
.vue-treeselect__tip-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
}
.vue-treeselect__error-tip .vue-treeselect__retry {
  cursor: pointer;
  margin-left: 5px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: #039be5;
}
[dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry {
  margin-left: 0;
  margin-right: 5px;
}
.vue-treeselect__icon-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
}
.vue-treeselect--single .vue-treeselect__icon-container {
  padding-left: 5px;
}
[dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container {
  padding-left: 0;
  padding-right: 5px;
}
.vue-treeselect__icon-warning {
  display: block;
  margin: auto;
  border-radius: 50%;
  position: relative;
  width: 12px;
  height: 12px;
  background: #fb8c00;
}
.vue-treeselect__icon-warning::after {
  display: block;
  position: absolute;
  content: "";
  left: 5px;
  top: 2.5px;
  width: 2px;
  height: 1px;
  border: 0 solid #fff;
  border-top-width: 5px;
  border-bottom-width: 1px;
}
.vue-treeselect__icon-error {
  display: block;
  margin: auto;
  border-radius: 50%;
  position: relative;
  width: 12px;
  height: 12px;
  background: #e53935;
}
.vue-treeselect__icon-error::before,
.vue-treeselect__icon-error::after {
  display: block;
  position: absolute;
  content: "";
  background: #fff;
  transform: rotate(45deg);
}
.vue-treeselect__icon-error::before {
  width: 6px;
  height: 2px;
  left: 3px;
  top: 5px;
}
.vue-treeselect__icon-error::after {
  width: 2px;
  height: 6px;
  left: 5px;
  top: 3px;
}
.vue-treeselect__icon-loader {
  display: block;
  margin: auto;
  position: relative;
  width: 12px;
  height: 12px;
  text-align: center;
  animation: 1.6s vue-treeselect-animation-rotate linear infinite;
}
.vue-treeselect__icon-loader::before,
.vue-treeselect__icon-loader::after {
  border-radius: 50%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
}
.vue-treeselect__icon-loader::before {
  background: #039be5;
}
.vue-treeselect__icon-loader::after {
  background: #b3e5fc;
  animation-delay: -0.8s;
}
/**
 * Menu Portal
 */
.vue-treeselect__menu-placeholder {
  display: none;
}
.vue-treeselect__portal-target {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: visible;
  box-sizing: border-box;
}


/*# sourceMappingURL=vue-treeselect.css.map*/
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.alert-wizard .wizard-tree {
  font-size: 0.9rem;
}
.alert-wizard .wizard-tree .vue-treeselect__control {
  height: auto;
  min-height: 32px;
}
.alert-wizard .wizard-tree .vue-treeselect__placeholder:not(.vue-treeselect-helper-hide) {
  display: flex;
  align-items: center;
  line-height: normal;
}
.alert-wizard .wizard-tree .vue-treeselect__multi-value-item {
  color: #409eff;
  border: 1px solid #d9ecff;
  background-color: var(--kpi-bg-info-soft);
  border-radius: 4px;
  font-size: 0.8rem;
}
.alert-wizard-option-label {
  color: var(--kpi-text-primary);
  font-size: 0.8rem;
}
[data-v-43821af2]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-43821af2] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-43821af2]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.dialog-header-row[data-v-43821af2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.dialog-title[data-v-43821af2] {
  font-size: 1rem;
  font-weight: 400;
  margin: 0.2rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  flex: 1 1 auto;
}
.dialog-title[data-v-43821af2]:last-child {
  display: inline-block;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.explain-with-anna[data-v-43821af2] {
  margin-left: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: #082f49;
  color: white;
  box-shadow: 0 4px 10px rgba(8, 47, 73, 0.22);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.explain-with-anna svg[data-v-43821af2] {
  transition: transform 0.4s ease;
}
.explain-with-anna[data-v-43821af2]:hover {
  background: #0c476e;
  box-shadow: 0 6px 14px rgba(8, 47, 73, 0.3);
  transform: translateY(-1px);
}
.explain-with-anna:hover svg[data-v-43821af2] {
  transform: rotate(15deg);
}
.explain-with-anna[data-v-43821af2]:active {
  transform: translateY(0);
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.basic-alert {
  margin-bottom: 1rem;
}
.basic-alert .el-alert__content {
  width: 100%;
}
[data-v-a5e1ee4a]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-a5e1ee4a] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-a5e1ee4a]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.native-app-download[data-v-a5e1ee4a] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1002;
}
.native-app-download__card[data-v-a5e1ee4a] {
  width: min(90dvw, 420px);
  background: var(--kpi-bg-elevated, #fff);
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.native-app-download__icon[data-v-a5e1ee4a] {
  width: 64px;
  height: 64px;
  margin-top: 24px;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
h2[data-v-a5e1ee4a] {
  font-size: 18px;
  font-weight: bold;
  color: var(--kpi-text-primary);
  padding: 12px 20px 4px;
  margin: 0;
}
p[data-v-a5e1ee4a] {
  font-size: 15px;
  line-height: 1.4;
  color: var(--kpi-text-secondary);
  padding: 0 20px 20px;
  margin: 0;
}
.native-app-download__buttons[data-v-a5e1ee4a] {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--kpi-border);
}
.native-app-download__buttons a[data-v-a5e1ee4a],
.native-app-download__buttons button[data-v-a5e1ee4a] {
  display: block;
  background: none;
  border: none;
  font-size: 17px;
  padding: 15px;
  cursor: pointer;
  width: 100%;
  text-decoration: none;
}
.native-app-download__buttons a[data-v-a5e1ee4a]:active,
.native-app-download__buttons button[data-v-a5e1ee4a]:active {
  background: rgba(0, 0, 0, 0.08);
}
.native-app-download__buttons a[data-v-a5e1ee4a] {
  color: var(--kpi-primary);
  font-weight: 600;
}
.native-app-download__buttons button[data-v-a5e1ee4a] {
  color: var(--kpi-text-secondary);
  border-top: 1px solid var(--kpi-border);
}
.native-app-banner[data-v-9ba855c1] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1001;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 12px;
        background: #0f172a;
        color: #fff;
        font-size: 14px;
        line-height: 1.3;
}
.native-app-banner__text[data-v-9ba855c1] { flex: 1;
}
.native-app-banner__cta[data-v-9ba855c1] {
        flex-shrink: 0;
        padding: 6px 14px;
        border-radius: 999px;
        background: #2f80ed;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
}
.native-app-banner__close[data-v-9ba855c1] {
        flex-shrink: 0;
        background: none;
        border: 0;
        color: #fff;
        font-size: 20px;
        line-height: 1;
        padding: 0 4px;
        cursor: pointer;
}

[data-v-a3a522e3]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-a3a522e3] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-a3a522e3]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.title-dialog[data-v-a3a522e3] {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
}
.title-dialog h3[data-v-a3a522e3] {
  margin-bottom: unset;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  font-weight: unset;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.rating-modal .el-dialog {
  margin-top: 15vh !important;
}
[data-v-375a4446]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-375a4446] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-375a4446]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.description[data-v-375a4446] {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.footer[data-v-375a4446] {
  display: flex;
  justify-content: flex-end;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.select-currency-dialog .el-dialog__header {
  padding: 1rem 1.5rem;
}
.select-currency-dialog .el-dialog__body {
  padding: 1rem 1.5rem;
}
[data-v-112ce4e6]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-112ce4e6] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-112ce4e6]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.dunning-alert[data-v-112ce4e6] {
  margin: 0.375rem 3.5rem 0.375rem 2rem;
}
.dunning-alert__card[data-v-112ce4e6] {
  display: grid;
  grid-template-columns: 1rem 1fr auto;
  gap: 0.375rem 0.625rem;
  align-items: start;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  background-color: var(--risk-high-soft);
  border-radius: 0.75rem;
}
.dunning-alert__icon[data-v-112ce4e6] {
  grid-row: 1;
  grid-column: 1;
  width: 1rem;
  height: 1rem;
  color: var(--kpi-neg);
  transform: translateY(0.15rem);
}
.dunning-alert__title[data-v-112ce4e6] {
  grid-row: 1;
  grid-column: 2;
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
  color: var(--kpi-text-primary);
}
.dunning-alert__close[data-v-112ce4e6] {
  display: inline-flex;
  grid-row: 1;
  grid-column: 3;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--kpi-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  transform: translateY(0.15rem);
  transition: color 0.15s;
}
.dunning-alert__close svg[data-v-112ce4e6] {
  width: 0.875rem;
  height: 0.875rem;
}
.dunning-alert__close[data-v-112ce4e6]:hover {
  color: var(--kpi-text-primary);
}
.dunning-alert__close[data-v-112ce4e6]:focus-visible {
  outline: 2px solid var(--kpi-neg);
  outline-offset: 3px;
  border-radius: 0.125rem;
}
.dunning-alert__description[data-v-112ce4e6] {
  grid-row: 2;
  grid-column: 2/span 2;
  margin: 0;
  line-height: 1.55;
  color: var(--kpi-text-secondary);
}
.dunning-alert__actions[data-v-112ce4e6] {
  grid-row: 3;
  grid-column: 2/span 2;
  margin-top: 0.125rem;
}
.dunning-alert__link[data-v-112ce4e6] {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  color: var(--kpi-text-primary);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
  background: none;
  border: 0;
}
.dunning-alert__link[data-v-112ce4e6]:hover {
  color: var(--kpi-neg);
}
.dunning-alert__link[data-v-112ce4e6]:focus-visible {
  outline: 2px solid var(--kpi-neg);
  outline-offset: 3px;
  border-radius: 0.125rem;
}
[data-v-e75da8bf]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-e75da8bf] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-e75da8bf]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.system-alerts-container[data-v-e75da8bf] {
  margin: 0 2rem;
  margin-right: 3.5rem;
}
.is-mobile[data-v-e75da8bf] {
  margin-right: 2.9rem !important;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.system-alerts-alert .el-alert__content {
  width: 100%;
}
.system-alerts-alert .el-alert__content .el-alert__closebtn:before {
  position: absolute;
  left: 0.5rem;
}
.logo-spinner[data-v-7fed7122] { width: var(--sp-size); height: auto; overflow: visible; display: block;
}
.logo-spinner path[data-v-7fed7122] {
  fill-opacity: 0;
  stroke-width: var(--sp-sw);
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  stroke-opacity: 1;
}
.logo-spinner .s1[data-v-7fed7122] {            /* "fitness" */
  fill: var(--sp-fit);
  stroke: var(--sp-fit);
  animation: ls-fit-in-7fed7122 var(--sp-dur) cubic-bezier(.4, 0, .2, 1) forwards,ls-pulse-7fed7122 2s ease-in-out var(--sp-dur) infinite;
}
.logo-spinner .s0[data-v-7fed7122] {            /* "KPI" (con pop) */
  fill: var(--sp-kpi);
  stroke: var(--sp-kpi);
  transform-box: fill-box;
  transform-origin: center;
  animation: ls-kpi-in-7fed7122 var(--sp-dur) cubic-bezier(.4, 0, .2, 1) forwards,ls-pulse-7fed7122 2s ease-in-out var(--sp-dur) infinite;
}

/* loop=false -> solo la pasada de entrada, sin la respiración */
.is-once .s1[data-v-7fed7122] { animation: ls-fit-in-7fed7122 var(--sp-dur) cubic-bezier(.4, 0, .2, 1) forwards;
}
.is-once .s0[data-v-7fed7122] { animation: ls-kpi-in-7fed7122 var(--sp-dur) cubic-bezier(.4, 0, .2, 1) forwards;
}

/* "fitness" se dibuja y se rellena */
@keyframes ls-fit-in-7fed7122 {
0%   { stroke-dashoffset: 1; fill-opacity: 0;
}
45%  { stroke-dashoffset: 0; fill-opacity: 0;
}   /* contorno hecho */
70%  { stroke-dashoffset: 0; fill-opacity: 1;
}   /* relleno */
100% { stroke-dashoffset: 0; fill-opacity: 1;
}
}
/* "KPI" entra un poco después, con un pop suave al rellenarse */
@keyframes ls-kpi-in-7fed7122 {
0%   { stroke-dashoffset: 1; fill-opacity: 0; stroke-opacity: 0; transform: scale(1);
}
20%  { stroke-dashoffset: 1; fill-opacity: 0; stroke-opacity: 1; transform: scale(1);
}
55%  { stroke-dashoffset: 0; fill-opacity: 0; stroke-opacity: 1; transform: scale(1);
}   /* contorno hecho */
78%  { stroke-dashoffset: 0; fill-opacity: 1; stroke-opacity: 1; transform: scale(1.08);
} /* pop */
88%  { transform: scale(1);
}
100% { stroke-dashoffset: 0; fill-opacity: 1; stroke-opacity: 1; transform: scale(1);
}
}
/* respiración continua una vez dibujado el logo */
@keyframes ls-pulse-7fed7122 {
0%, 100% { opacity: 1;
}
50%      { opacity: 0.5;
}
}
@media (prefers-reduced-motion: reduce) {
.logo-spinner path[data-v-7fed7122] { animation: none !important; stroke: none; fill-opacity: 1;
}
.logo-spinner .s0[data-v-7fed7122] { transform: none;
}
}

:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
#app,
#app-wrapper {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  background-color: var(--kpi-bg-app);
}
.el-message-box,
.el-dialog {
  border-radius: 12px;
  background-color: var(--kpi-bg-app);
}
.el-avatar > img {
  width: 100%;
}
.el-table .cell {
  word-break: break-word !important;
}
.left-menu-drawer {
  background-color: var(--kpi-text-brand);
  width: 260px !important;
}
.fold-mobile-button {
  position: fixed;
  left: 10px;
  z-index: 950;
  color: var(--kpi-text-brand);
  background-color: transparent;
}
ul {
  margin-left: 1.5rem;
}
hr {
  height: 1px;
  background-color: var(--kpi-bg-surface-2);
  border: none;
}
.fkpi-tooltip {
  background-color: var(--kpi-bg-tooltip) !important;
  box-shadow: unset !important;
  color: var(--kpi-text-on-tooltip) !important;
  border-radius: 8px !important;
  border: unset !important;
  font-size: 1rem !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s !important;
}
.fkpi-tooltip .info {
  font-size: 0.7rem;
}
.fkpi-tooltip .content {
  scrollbar-color: #474747 #262626 !important;
  scrollbar-width: thin !important;
  margin-top: 1rem;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 400px;
  max-width: 800px;
  overflow-y: auto;
  overflow-x: auto;
  /* A row that also carries the budget of its series turns the numbers
     into columns of the same width, so they line up down the tooltip
     instead of drifting with the length of each figure. */
  /* The block of budget that belongs to no series of the chart: its heading
     names what the block is and holds the figure, and the rows under it hang
     from it so they read as its breakdown and not as more values. */
}
.fkpi-tooltip .content table th {
  font-size: 0.65rem;
  padding: 0.2rem 0.5rem;
}
.fkpi-tooltip .content table td {
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
}
.fkpi-tooltip .content table td .color {
  border-radius: 4px;
  width: 0.8rem;
  height: 0.8rem;
}
.fkpi-tooltip .content table .badge {
  padding: 0;
  vertical-align: middle;
}
.fkpi-tooltip .content table .serie-name {
  font-size: 0.8rem;
  padding: 0.2rem 0.1rem;
  padding-right: 1rem;
  left: 16px !important;
}
.fkpi-tooltip .content table .badge,
.fkpi-tooltip .content table .serie-name { /* For Safari */
  position: sticky;
  left: 0px;
  background-color: var(--kpi-bg-tooltip);
  z-index: 2; /* Ensure it stays above other cells */
}
.fkpi-tooltip .content .item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.fkpi-tooltip .content .item span {
  font-size: 0.9rem !important;
}
.fkpi-tooltip .content .item .serie {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 2;
}
.fkpi-tooltip .content .item .serie .color {
  border-radius: 4px;
  width: 0.8rem;
  height: 0.8rem;
}
.fkpi-tooltip .content .item .serie .label {
  font-size: 0.8rem;
  text-align: start;
  max-width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fkpi-tooltip .content .item .value {
  text-align: center;
}
.fkpi-tooltip .content .item.with-budget {
  /* What the other two columns are read for: the distance between them. */
}
.fkpi-tooltip .content .item.with-budget .value {
  min-width: 4.5rem;
  text-align: right;
}
.fkpi-tooltip .content .item.with-budget .value.budget {
  opacity: 0.65;
}
.fkpi-tooltip .content .item.with-budget .value.difference {
  font-weight: 600;
}
.fkpi-tooltip .content .item.head .label,
.fkpi-tooltip .content .item.head .value {
  font-size: 0.7rem !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
.fkpi-tooltip .content .item.budget-heading .label {
  font-size: 0.7rem !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.6;
}
.fkpi-tooltip .content .item.budget-detail .serie {
  padding-left: 0.75rem;
}
.fkpi-tooltip .divider {
  margin: 0.5rem 0.5rem;
  font-weight: bold;
  border-top: 1px solid #333;
}
.fkpi-tooltip .annotations {
  display: flex;
  flex-wrap: wrap;
  max-width: 300px;
}
.fkpi-tooltip .annotations .item {
  flex: 1 1 130px;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  background-color: var(--kpi-bg-tooltip);
  border-radius: 8px;
  margin: 0.5rem 0.5rem;
  padding: 0.3rem;
  min-width: 70px;
}
.fkpi-tooltip .annotations .item .serie {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fkpi-tooltip .annotations .item .serie .label {
  font-weight: bold;
  font-size: 0.9rem;
  color: var(--kpi-text-on-tooltip);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fkpi-tooltip .annotations .item .value {
  font-size: 0.8rem;
  color: var(--kpi-text-muted);
}
.fkpi-tooltip .annotations .item .value::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
}
[data-v-c1e6edc9]:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark][data-v-c1e6edc9] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
[data-v-c1e6edc9]:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}
.expire-access[data-v-c1e6edc9] {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 0;
  right: 0;
  background-color: var(--kpi-text-brand);
  color: var(--kpi-text-inverse);
  padding: 0.6rem;
  font-size: 0.8rem;
  border-top-left-radius: 5px;
}
.row-body[data-v-c1e6edc9] {
  transition: 0.4s;
  min-height: 100vh;
  margin-left: 64px;
}
.no-collapse[data-v-c1e6edc9] {
  margin-left: 260px;
}
.mobile-row-body[data-v-c1e6edc9] {
  margin-left: unset !important;
  z-index: 0;
}
#app-content[data-v-c1e6edc9] {
  margin: 0;
  padding-top: 0;
  overflow-y: scroll;
  height: 100%;
  margin-bottom: 2rem;
}
#app-content .el-alert[data-v-c1e6edc9] {
  width: 80vw;
}
.app-content-mobile[data-v-c1e6edc9] {
  padding: 0 1rem;
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
}
#left-side-menu[data-v-c1e6edc9] {
  overflow-x: hidden;
  transition: 0.4s;
  color: var(--kpi-text-inverse) !important;
  background: #082f49;
  height: 100vh;
  position: fixed;
  z-index: 3;
}
.fold-mobile-button[data-v-c1e6edc9] {
  margin-top: 0.5rem;
  margin-left: 0.35rem;
  z-index: 1;
}
#left-side-menu[data-v-c1e6edc9]::-webkit-scrollbar {
  width: 4px;
}
.header-wrapper[data-v-c1e6edc9] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.header-wrapper i[data-v-c1e6edc9] {
  font-size: 1.8rem;
  color: var(--kpi-text-muted);
}
.header-element[data-v-c1e6edc9] {
  height: unset !important;
  position: relative;
  z-index: 11;
}
.youtube-video[data-v-c1e6edc9] {
  width: 50%;
  border-radius: 5px;
}
:root {
  --kpi-primary: #082f49;
  --kpi-secondary: #0c4a6e;
  --kpi-primary-hex: #082f49;
  --kpi-primary-base: #082f49;
  --kpi-bg-app: #f5f8fb;
  --kpi-bg-surface: #ffffff;
  --kpi-bg-surface-2: #f8fafc;
  --kpi-bg-elevated: #f5f7fa;
  --kpi-bg-muted: #f5f5f5;
  --kpi-bg-info-soft: #ecf5ff;
  --kpi-text-primary: #303133;
  --kpi-text-secondary: #606266;
  --kpi-text-muted: #909399;
  --kpi-text-inverse: #ffffff;
  --kpi-border-light: #f1f5f9;
  --kpi-border: #e2e8f0;
  --kpi-border-strong: #d1d5db;
  --kpi-pos: #15875f;
  --kpi-neg: #dc2626;
  --kpi-warn: #b45309;
  --kpi-rain: #2563eb;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --kpi-tour-veil: rgba(8, 23, 36, 0.55);
  --kpi-tour-ring: rgba(255, 255, 255, 0.85);
  --kpi-tour-card-width: 360px;
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low: #2ab981;
  --risk-mid: #e0a05a;
  --risk-high: #ef4444;
  --risk-low-soft: #e7f7f0;
  --risk-mid-soft: #fbefdd;
  --risk-high-soft: #fdeaea;
  --tier-low: var(--risk-low);
  --tier-mid: var(--risk-mid);
  --tier-high: var(--risk-high);
  --cat-accesos: #3b82c4;
  --cat-actividad: #14a3a3;
  --cat-pagos: #ef4444;
  --cat-antiguedad: #8b5cf6;
  --cat-historial: #f0883e;
  --cat-reservas: #06b6d4;
  --cat-general: #94a3b8;
  --cat-renovacion: #d4a017;
  --cat-cohorte: #c026d3;
  --cat-perfil: #6366f1;
}
html[data-theme=dark] {
  --kpi-bg-app: #0f1722;
  --kpi-bg-surface: #15202d;
  --kpi-bg-surface-2: #1a2634;
  --kpi-bg-elevated: #1f2c3b;
  --kpi-bg-muted: #1a2634;
  --kpi-bg-info-soft: #1f2c3b;
  --kpi-text-primary: #e6ebf1;
  --kpi-text-secondary: #b6bfcb;
  --kpi-text-muted: #8a94a3;
  --kpi-border-light: #1a2634;
  --kpi-border: #243243;
  --kpi-border-strong: #2f3f54;
  --kpi-pos: #2ab981;
  --kpi-neg: #ef4444;
  --kpi-warn: #f0b429;
  --kpi-rain: #3b82f6;
  --kpi-shadow-sm: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
  --kpi-tour-veil: rgba(0, 0, 0, 0.65);
  --kpi-bg-tooltip: #262626;
  --kpi-text-on-tooltip: #fafafa;
  --kpi-bg-tooltip-track: #474747;
  --kpi-text-brand: var(--kpi-primary);
  --risk-low-soft: rgba(42, 185, 129, 0.16);
  --risk-mid-soft: rgba(224, 160, 90, 0.18);
  --risk-high-soft: rgba(239, 68, 68, 0.16);
}

/**
 * Kpi shapes
 */
/**
 * -----------------------------------------------------------
 * Fluid indicator typography
 * -----------------------------------------------------------
 * Dashboard indicators live in a resizable grid. Their font-sizes used
 * to be fixed (rem), so making a card taller (h=2, h=3...) just added
 * white space — people complained the numbers stayed tiny.
 *
 * `DashboardGrid` writes the card's current height (in grid rows) onto
 * each widget as the inherited custom property `--widget-rows`. Because
 * custom properties cascade, every `.fkpi-indicator` descendant can read
 * it. `fluid-font($rem)` returns that value's original size multiplied by
 * the scale factor, clamped so:
 *   - h=1 (or anywhere the vars are unset: previews, reports, fullscreen)
 *     → factor 1 → pixel-identical to before.
 *   - h>=2 → grows proportionally, capped at $indicator-row-scale-max so
 *     very tall cards don't blow the numbers out / overflow horizontally.
 *
 * The scale is also gated by WIDTH: `DashboardGrid` writes `--widget-cols`
 * = (widget width fraction of the grid) × a span, so the factor is the
 * MIN of height and width. A card made taller but kept narrow therefore
 * does NOT grow (there isn't the horizontal room) — both dimensions must
 * be large for the numbers to scale up.
 *
 * NB: this is intentionally NOT done with CSS container queries
 * (`container-type: size`) because that collapses the element to 0px in
 * the contexts that render an indicator without a determinate height
 * (e.g. the Reports daily dashboard uses `height: auto`).
 */
/**
 * -----------------------------------------------------------
 * Old styles  @todo: deprecated try to remove in the future
 * -----------------------------------------------------------
 */
/**
 * -----------------------------------------------------------
 * End old styles
 * -----------------------------------------------------------
 */
:root {
  --sw-accent: #ea580c;
  --sw-accent-soft: #fed7aa;
  --sw-success: #15803d;
  --sw-success-soft: #dcfce7;
  --sw-danger: #b91c1c;
  --sw-danger-soft: #fee2e2;
  --sw-neutral: #475569;
  --sw-neutral-soft: #f1f5f9;
  --sw-surface-muted: #f8fafc;
  --sw-divider: rgba(15, 23, 42, 0.08);
  --sw-divider-strong: rgba(15, 23, 42, 0.14);
  --sw-shadow-card: 0 1px 2px rgba(8, 47, 73, 0.04), 0 12px 32px -14px rgba(8, 47, 73, 0.10);
  --sw-shadow-card-hover: 0 2px 4px rgba(8, 47, 73, 0.06), 0 18px 38px -14px rgba(8, 47, 73, 0.18);
}

/* Push mode for the global Anna drawer.
   `CopilotDrawer.vue` sets `--copilot-drawer-width` on <html> and
   toggles `.copilot-drawer-active`. We shift `#app-content` to the
   left by that amount while a smooth transition runs. The drawer
   itself is `position: fixed; right: 0` so it occupies the slot we
   just vacated, keeping the main layout visible to its left. */
html {
  --copilot-drawer-width: 0px;
}
#app-content,
.header-element {
  transition: padding-right 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}
html.copilot-drawer-active #app-content,
html.copilot-drawer-active .header-element {
  padding-right: var(--copilot-drawer-width);
}

/* During resize, disable the transition so the user gets pixel-
   accurate feedback under their cursor. */
body.copilot-resizing #app-content,
body.copilot-resizing .header-element {
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.app-boot-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  z-index: 2147483646;
}
html[data-theme=dark] .app-boot-loader {
  background: var(--kpi-bg-app);
}